*{font-family:Arial,sans-serif !important}i[class*="fa-"],i[class*="fas"],i[class*="far"],i[class*="fab"],i[class*="fal"],i[class*="fad"]{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands" !important}body,html{font-family:Arial,sans-serif !important}.header-blur{backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.8);transition:all 0.3s ease}.header-transparent{backdrop-filter:none;background-color:transparent;transition:all 0.3s ease}#mobile-menu{backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.95);position:absolute;top:100%;left:0;right:0;padding:20px;border-top:1px solid rgba(255,255,255,0.1);z-index:1000;max-height:calc(100vh - 80px);overflow-y:auto}#mobile-menu.hidden{display:none}#mobile-menu:not(.hidden){display:block}.mobile-dropdown-container{position:relative}.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;color:white;text-decoration:none;cursor:pointer;transition:color 0.2s ease}.mobile-dropdown-toggle:hover{color:#00E880}.mobile-dropdown-toggle i{transition:transform 0.3s ease}.mobile-dropdown-container.active .mobile-dropdown-toggle{color:#00E880}.mobile-dropdown-container.active .mobile-dropdown-toggle i{transform:rotate(180deg)}.mobile-dropdown-menu{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding-left:16px}.mobile-dropdown-container.active .mobile-dropdown-menu{max-height:500px}.mobile-dropdown-menu a{display:block;padding:10px 0;color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.2s ease;font-size:0.9rem}.mobile-dropdown-menu a:hover{color:#00E880}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:rgba(19,19,19,0.95);backdrop-filter:blur(10px);border-radius:12px;padding:8px 0;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,0.5)}.dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:12px 20px;color:white;text-decoration:none;transition:all 0.2s ease}.dropdown-menu a:hover{color:#00E880;background:rgba(0,232,128,0.1)}.dropdown-toggle{cursor:pointer}.dropdown-toggle i{transition:transform 0.3s ease,color 0.3s ease}.dropdown-container:hover .dropdown-toggle{color:#00E880}.dropdown-container:hover .dropdown-toggle i{transform:rotate(180deg);color:#00E880}.portfolio-section{padding:140px 40px 120px;background:#000000;min-height:100vh;overflow:visible}.portfolio-container{max-width:1148px;margin:0 auto;overflow:visible}.portfolio-header{text-align:center;margin-bottom:120px}.portfolio-label{display:inline-flex;align-items:center;gap:8px;background:rgba(19,19,19,0.9);padding:8px 16px;border-radius:20px;font-size:0.875rem;font-weight:400;color:white;margin-bottom:32px;width:fit-content}.portfolio-label-dot{width:8px;height:8px;background:#00E880;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.2)}}.portfolio-title{font-size:5rem;font-weight:300;color:white;margin-bottom:32px;line-height:1.05;letter-spacing:-2px}.portfolio-description{font-size:1.375rem;font-weight:300;color:rgba(255,255,255,0.65);max-width:650px;margin:0 auto;line-height:1.6}.portfolio-filters{display:flex;justify-content:center;gap:12px;margin-top:24px;margin-bottom:60px;flex-wrap:wrap;padding:20px 20px 12px 20px;overflow:visible;position:relative}.portfolio-filter-button{background:rgba(26,26,26,0.7);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.7);padding:10px 20px;border-radius:25px;font-size:0.875rem;font-weight:400;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;white-space:nowrap;position:relative;z-index:1}.portfolio-filter-button:hover{border-color:rgba(0,232,128,0.3);color:rgba(255,255,255,0.9);transform:translateY(-4px)}.portfolio-filter-button.active{background:rgba(0,232,128,0.15);border-color:rgba(0,232,128,0.4);color:#00E880}.portfolio-projects{display:flex;flex-direction:column;gap:120px;margin-top:0}.portfolio-project-card{transition:all 0.4s ease}.portfolio-project-card.hidden{display:none !important}.portfolio-project-card.load-more-hidden{display:none}.portfolio-view-all{text-align:center;margin-top:80px}.portfolio-view-all-button{background:transparent;border:2px solid rgba(255,255,255,0.2);color:white;padding:16px 40px;border-radius:30px;font-size:0.9375rem;font-weight:400;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.portfolio-view-all-button:hover{border-color:#00E880;background:rgba(0,232,128,0.1);color:#00E880;transform:translateY(-2px)}.portfolio-view-all-button-dot{width:6px;height:6px;border-radius:50%;background:#00E880}.portfolio-view-all.hidden{display:none}@media (max-width:1024px){.portfolio-filters{gap:10px;justify-content:flex-start;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:20px 20px 12px 20px;margin-top:24px;margin-bottom:50px}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filter-button{padding:9px 18px;font-size:0.8125rem;flex-shrink:0}}@media (max-width:768px){.portfolio-filters{gap:8px;margin-top:20px;margin-bottom:40px;padding:16px 16px 8px 16px;overflow-y:visible}.portfolio-filter-button{padding:8px 16px;font-size:0.75rem}.portfolio-projects{gap:80px}}@media (max-width:480px){.portfolio-filters{gap:6px;padding:16px 12px 8px 12px;overflow-y:visible}.portfolio-filter-button{padding:7px 14px;font-size:0.6875rem}.portfolio-projects{gap:60px}}.portfolio-project-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-card.visible{opacity:1;transform:translateY(0)}.portfolio-project-content{display:flex;flex-direction:column;gap:24px;padding:20px 0;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-card:hover .portfolio-project-content{transform:translateX(8px)}.portfolio-project-tags{display:flex;gap:12px;flex-wrap:wrap}.portfolio-project-tag{display:inline-block;color:rgba(255,255,255,0.6);font-size:0.875rem;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;transition:color 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-tag::before{content:'// ';color:rgba(255,255,255,0.4);transition:color 0.4s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-tag::after{content:' //';color:rgba(255,255,255,0.4);transition:color 0.4s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-card:hover .portfolio-project-tag{color:rgba(255,255,255,0.9);transform:translateY(-2px)}.portfolio-project-card:hover .portfolio-project-tag::before,.portfolio-project-card:hover .portfolio-project-tag::after{color:rgba(0,232,128,0.6)}.portfolio-project-name{font-size:3rem;font-weight:600;color:white;line-height:1.2;margin:0;letter-spacing:-1px;transition:color 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-card:hover .portfolio-project-name{color:#00E880;transform:translateX(4px)}.portfolio-project-description{font-size:1.125rem;font-weight:300;color:rgba(255,255,255,0.7);line-height:1.7;margin:0;max-width:500px;transition:color 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-card:hover .portfolio-project-description{color:rgba(255,255,255,0.85);transform:translateX(4px)}.portfolio-project-button{background:#00E880;color:#000000;padding:14px 32px;border-radius:30px;font-size:0.9375rem;font-weight:600;border:none;cursor:pointer;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:8px;position:relative;overflow:hidden}.portfolio-project-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-button:hover::before{left:100%}.portfolio-project-button:hover{background:#00C46C;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(0,232,128,0.4)}.portfolio-project-button i{font-size:0.75rem;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.portfolio-project-button:hover i{transform:translateX(5px)}.button-with-arrow,a.button-with-arrow{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:fit-content}.button-text-wrapper{position:relative;overflow:hidden;display:inline-block}.button-arrow-wrapper{position:relative;overflow:hidden;display:inline-block;width:20px;text-align:center}.button-content{display:inline-flex;align-items:center;gap:8px}.button-text{display:inline-block;transition:transform 0.5s cubic-bezier(0.76,0,0.24,1);color:inherit}.button-text-hover{position:absolute;top:0;left:0;display:inline-block;transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.76,0,0.24,1);color:inherit}.button-arrow{display:inline-block;transition:transform 0.5s cubic-bezier(0.76,0,0.24,1);color:inherit}.button-arrow-hover{position:absolute;top:0;left:0;display:inline-block;transform:translateX(-100%);transition:transform 0.5s cubic-bezier(0.76,0,0.24,1);color:inherit}.button-with-arrow:hover .button-text{transform:translateY(-100%)}.button-with-arrow:hover .button-text-hover{transform:translateY(0)}.button-with-arrow:hover .button-arrow{transform:translateX(100%)}.button-with-arrow:hover .button-arrow-hover{transform:translateX(0)}.portfolio-project-image-wrapper{position:relative;border-radius:32px;overflow:hidden;background:rgba(26,26,26,0.7);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.05);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);aspect-ratio:4/3;will-change:transform}.portfolio-project-card:hover .portfolio-project-image-wrapper{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 80px rgba(0,232,128,0.2),0 0 0 1px rgba(0,232,128,0.1)}.portfolio-project-image{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 0.8s cubic-bezier(0.4,0,0.2,1),filter 0.6s cubic-bezier(0.4,0,0.2,1);will-change:transform}.portfolio-project-card:hover .portfolio-project-image{transform:scale(1.08);filter:brightness(1.1)}.portfolio-project-image-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,232,128,0) 0%,rgba(0,232,128,0.05) 100%);opacity:0;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1);z-index:1;pointer-events:none}.portfolio-project-card:hover .portfolio-project-image-wrapper::before{opacity:1}.portfolio-view-all{text-align:center;margin-top:80px}.portfolio-view-all-button{background:transparent;border:2px solid rgba(255,255,255,0.2);color:white;padding:16px 40px;border-radius:30px;font-size:0.9375rem;font-weight:400;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.portfolio-view-all-button:hover{border-color:#00E880;background:rgba(0,232,128,0.1);color:#00E880;transform:translateY(-2px)}.portfolio-view-all-button-dot{width:6px;height:6px;border-radius:50%;background:#00E880}@media (max-width:1024px){.portfolio-title{font-size:3.5rem}.portfolio-project-card{grid-template-columns:1fr;gap:40px}.portfolio-project-name{font-size:2.25rem}.portfolio-project-image-wrapper{order:-1}}@media (max-width:768px){.portfolio-section{padding:120px 20px 80px}.portfolio-header{margin-bottom:50px}.portfolio-title{font-size:2.5rem}.portfolio-description{font-size:1rem}.portfolio-projects{gap:80px;margin-top:0}.portfolio-project-card{gap:32px}.portfolio-project-content{gap:20px;padding:0}.portfolio-project-name{font-size:1.75rem}.portfolio-project-description{font-size:0.9375rem}.portfolio-project-button{padding:11px 22px;font-size:0.8125rem}}@media (max-width:480px){.portfolio-section{padding:100px 16px 60px}.portfolio-title{font-size:2rem}.portfolio-description{font-size:0.9375rem}.portfolio-projects{gap:60px}.portfolio-project-card{gap:24px}.portfolio-project-name{font-size:1.5rem}.portfolio-project-description{font-size:0.875rem}.portfolio-project-tag{font-size:0.75rem}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}