@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.social-links{display:flex;gap:1rem;align-items:center}.social-icon{display:flex;align-items:center;justify-content:center;width:3.6vw;height:3.6vw;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.3vw;transition:all .3s ease;border:.2vw solid transparent}.social-icon:hover{background:#00bcd4;transform:translateY(-3px);box-shadow:0 4px 12px #ff6b6b66}@media (max-width: 768px){.social-links{gap:.5rem}.social-icon{width:32px;height:32px;font-size:1rem}}.navbar{background:linear-gradient(180deg,#0a0e27eb,#0a0e27e0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-highlight);padding:1.5vh 0;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 8px 32px #00d9ff1a;min-height:8vh;overflow:visible;width:100%}.navbar-container{display:flex;justify-content:flex-end;align-items:center;max-width:100%;margin:0 auto;padding:0 4vw;position:relative}.navbar-logo-container{display:flex;align-items:center;gap:0;transition:all .25s var(--ease-modern);flex-shrink:0;position:absolute;left:2vw;top:1vh;z-index:102}.navbar-logo-image{height:clamp(8vh,12vh,14vh);width:auto;filter:drop-shadow(0 0 15px rgba(0,217,255,.4));transition:all .25s var(--ease-modern);transform:scale(1)}.navbar-logo-container:hover .navbar-logo-image{transform:scale(1.08);filter:drop-shadow(0 0 25px rgba(0,217,255,.8)) drop-shadow(0 0 40px rgba(255,0,110,.3))}.nav-menu{display:flex;list-style:none;gap:clamp(1.2rem,2vw,2.4rem);flex:1;justify-content:flex-end;align-items:center}.nav-item{position:relative}.nav-link{color:var(--color-text-primary);font-weight:600;text-transform:uppercase;font-size:clamp(11px,1.1vw,18px);font-family:var(--font-heading);transition:color .25s var(--ease-modern);position:relative;letter-spacing:.1em}.nav-link:after{content:"";position:absolute;bottom:-.8vh;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-pink));transition:width .25s var(--ease-snap)}.nav-link:hover{color:var(--color-primary-light);text-shadow:0 0 15px rgba(0,217,255,.6)}.nav-link:hover:after{width:100%}.navbar-auth{display:flex;align-items:center;gap:1rem;margin-right:1.5rem}.auth-buttons{display:flex;gap:.8rem;align-items:center}.auth-btn{padding:.5rem 1rem;border:2px solid var(--color-accent-bright);background:transparent;color:var(--color-accent-bright);text-decoration:none;font-weight:600;border-radius:6px;transition:all .3s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.auth-btn:hover{color:#000;background:var(--color-accent-bright);box-shadow:0 0 15px #00d9ff80}.signup-btn{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-pink));border:none;color:#000}.signup-btn:hover{box-shadow:0 0 20px #00d9ff99,0 0 10px #ff006e4d}.user-menu{position:relative}.user-menu-btn{background:linear-gradient(135deg,#00d9ff33,#ff006e33);border:2px solid var(--color-accent-bright);color:var(--color-accent-bright);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.user-menu-btn:hover{background:linear-gradient(135deg,#00d9ff66,#ff006e66);box-shadow:0 0 15px #00d9ff4d}.user-dropdown{position:absolute;top:100%;right:0;background:linear-gradient(135deg,#0a0e27fa,#1a1f3afa);border:2px solid var(--color-accent-bright);border-radius:8px;margin-top:.5rem;overflow:hidden;min-width:180px;box-shadow:0 8px 32px #00d9ff33;z-index:1000}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-primary);text-decoration:none;text-align:left;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600}.dropdown-item:hover{background:#00d9ff1a;color:var(--color-accent-bright)}.logout-item{border-top:1px solid rgba(0,217,255,.2);color:#f44}.logout-item:hover{background:#ff44441a;color:#f66}.navbar-social{display:none;gap:1vw}.mobile-menu{display:contents}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0;gap:.4rem;z-index:102}.hamburger span{width:1.8rem;height:2px;background:var(--color-accent-bright);transition:all .3s ease;border-radius:1px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(.5rem,.6rem)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(.5rem,-.6rem)}@media (max-width: 1024px){.hamburger{display:flex}.mobile-menu{position:fixed;right:-100%;top:8vh;width:100%;max-height:92vh;overflow-y:auto;background:linear-gradient(135deg,#0a0e27fa,#1a1f3afa);border-top:1px solid var(--color-border-highlight);transition:right .3s ease;z-index:101;display:flex;flex-direction:column}.mobile-menu.active{right:0}.nav-menu{position:static;display:flex;flex-direction:column;background:transparent;width:100%;text-align:center;padding:1.5rem 0 .5rem;gap:0;border-top:none;max-height:none;overflow:visible;flex:0 0 auto}.nav-item{padding:.4rem 0}.nav-link{display:inline-block;padding:.75rem 1.5rem;font-size:1rem}.navbar-container{padding:0 2vw}.navbar-auth{position:static;display:flex;flex-direction:column;width:100%;padding:1rem 1.25rem 1.5rem;gap:.5rem;background:transparent;border-top:1px solid rgba(0,217,255,.15);margin-right:0;flex:0 0 auto}.auth-buttons{width:100%;flex-direction:column}.auth-btn{width:100%;text-align:center}}@media (max-width: 768px){.nav-link{font-size:1.05rem;padding:.85rem 1.5rem}}.footer{background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-section) 100%);color:var(--color-text-primary);margin-top:auto;padding:5vh 2vw 3vh;border-top:1px solid var(--color-border-highlight);box-shadow:0 -8px 32px #00d9ff14;opacity:.93}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:2vw;max-width:100%;margin:0 auto;margin-bottom:2vh}.footer-section h3{font-size:clamp(14px,1.6vw,24px);margin-bottom:1.5vh;color:var(--color-accent-bright);font-family:var(--font-heading);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding-bottom:1vh;border-bottom:1px solid var(--color-border-highlight);font-size:clamp(13px,1.3vw,18px)}.footer-section h4{font-size:clamp(14px,1.3vw,20px);margin-bottom:1vh;color:var(--color-primary);font-family:var(--font-primary);font-weight:600}.footer-section p{line-height:1.7;color:var(--color-text-secondary);margin-bottom:.8vh;font-size:clamp(12px,1vw,16px)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5vh}.footer-section ul li a{color:var(--color-text-secondary);transition:all .2s var(--ease-modern);font-size:clamp(12px,1vw,16px);position:relative}.footer-section ul li a:before{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-pink));transition:width .2s var(--ease-snap)}.footer-section ul li a:hover{color:var(--color-accent-bright);text-shadow:0 0 10px rgba(0,217,255,.5)}.footer-section ul li a:hover:before{width:100%}.footer-bottom{text-align:center;padding-top:2vh;border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:clamp(12px,1vw,16px)}@media (max-width: 768px){.footer{padding:4vh 1.25rem 2.5vh}.footer-container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}}@media (max-width: 480px){.footer-container{grid-template-columns:1fr 1fr;gap:1.25rem}}.features{margin:8vh 0;padding:2vh 0;width:100%}.features h2{font-size:3vw;text-align:center;margin-bottom:4vh;font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;position:relative;padding-bottom:2vh;color:var(--color-accent-bright)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4vh;width:100%;overflow:visible;align-items:start}.feature-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:0;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-orange)) 1;border-radius:8px;text-align:center;box-shadow:0 8px 24px #0006,inset 0 0 30px #a855f71a;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;opacity:.92;display:flex;flex-direction:column;cursor:pointer;height:auto;min-width:0;animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),var(--color-accent-pink),transparent);opacity:0;transition:opacity .2s var(--ease-modern);z-index:10}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00d9ff4d,0 0 30px #ff006e33;border-color:var(--color-border-highlight);opacity:1}.feature-card.expanded{grid-column:span 1;box-shadow:0 25px 60px #00d9ff66,0 0 40px #ff006e33;border-color:var(--color-border-highlight);opacity:1}.feature-card.expanded .service-image-wrapper{max-height:280px}.feature-card.expanded .service-description{max-height:40vh;overflow-y:auto;-webkit-line-clamp:unset;line-clamp:unset}.service-image-wrapper{width:clamp(60px,8vw,90px);height:clamp(60px,8vw,90px);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f726,#ff6b351a);margin:clamp(.8vw,1vh,1.2vw) auto 0;position:relative;box-shadow:0 8px 24px #00d9ff4d,0 0 20px #a855f733;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.feature-card.expanded .service-image-wrapper{width:100%;height:clamp(150px,25vw,280px);border-radius:0;margin:0;box-shadow:0 10px 30px #00d9ff4d}.service-image{width:100%;height:100%;object-fit:cover;image-orientation:from-image;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.feature-card:hover .service-image{transform:scale(1.08)}.service-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00bcd41a,#0000004d);pointer-events:none}.service-content{position:relative;z-index:2;flex-grow:0;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;padding:clamp(1vw,1.5vh,1.5vw)}.feature-card.expanded .service-content{flex-grow:1;overflow:visible}.service-cta-btn{display:block;width:100%;margin-top:3vh;padding:clamp(6px,.7vw,10px) clamp(12px,1.5vw,20px);background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);border:2px solid var(--color-accent-bright);border-radius:4px;font-size:clamp(10px,.8vw,12px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:var(--font-primary);box-shadow:0 4px 15px #00d9ff66,0 0 20px #00d9ff33;position:sticky;bottom:clamp(1vw,1.5vh,1.5vw);z-index:5;text-align:center;position:relative;overflow:hidden}.service-cta-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.service-cta-btn:hover:before{transform:translate(100%)}.service-cta-btn:hover{background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-bright));border-color:var(--color-accent-pink);box-shadow:0 8px 30px #ff006e80,0 0 25px #00d9ff66;transform:translateY(-2px) scale(1.05)}.feature-card h3{font-size:clamp(14px,1.2vw,18px);background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);font-weight:700;letter-spacing:.08em;margin-top:0;position:sticky;top:0;padding:clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw);margin:calc(-1*clamp(1vw,1.5vh,1.5vw));margin-bottom:1vh;z-index:5}.feature-card p{color:var(--color-text-secondary);line-height:1.5;font-size:clamp(11px,.85vw,13px);margin:0}.service-description{display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.5em;transition:all .4s cubic-bezier(.25,.46,.45,.94);white-space:pre-wrap;word-wrap:break-word;margin:0 0 1vh}.service-description.expanded{display:block;-webkit-line-clamp:unset;overflow-y:auto;max-height:40vh;min-height:0;white-space:pre-wrap;padding-right:.5vw;flex:1;margin:1vh 0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.service-description.expanded::-webkit-scrollbar{width:6px}.service-description.expanded::-webkit-scrollbar-track{background:#00d9ff1a;border-radius:3px}.service-description.expanded::-webkit-scrollbar-thumb{background:#00d9ff80;border-radius:3px}.service-description.expanded::-webkit-scrollbar-thumb:hover{background:#00d9ffcc}.service-description.expanded{scrollbar-color:rgba(0,217,255,.5) rgba(0,217,255,.1);scrollbar-width:thin}.loading,.no-services{text-align:center;padding:2vw;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid var(--color-border);border-radius:.5vw;color:var(--color-text-secondary);font-size:clamp(14px,1.1vw,18px)}@media (max-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.features h2{font-size:clamp(1.4rem,6vw,2.2rem)}.feature-card h3{font-size:clamp(13px,3.5vw,16px);padding:.75rem .75rem .5rem;margin:-.75rem -.75rem .5rem}.service-content{padding:.75rem}.service-image-wrapper{width:64px;height:64px}.feature-card p{font-size:clamp(11px,3vw,13px)}.service-cta-btn{font-size:11px;padding:.5rem .75rem;margin-top:1.5vh}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr;gap:.75rem}.features h2{font-size:clamp(1.3rem,7vw,1.8rem)}}.home{width:100%}.hero{background:#222323;opacity:.92}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.heroImg{background:linear-gradient(135deg,#0a0e274d,#1a003340 40%,#3023),url(/heroImg.png) no-repeat;background-position:center;background-size:auto,contain;color:var(--color-text-primary);padding:6vh 2vw;text-align:center;border-radius:0;margin-bottom:6vh;position:relative;overflow:hidden;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-pink)) 1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;box-shadow:inset 0 0 60px #a855f726,0 20px 60px #00d9ff33}.hero-content h1{font-size:5.5vw;margin-bottom:30vh;font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-primary),var(--color-accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite,fadeInUp .8s cubic-bezier(.25,.46,.45,.94)}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.hero-content p{font-size:clamp(14px,1.3vw,20px);margin-bottom:3vh;color:var(--color-text-primary);font-family:var(--font-body);line-height:1.8;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.9);background:#00000026;padding:1vh 2vw;border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-width:80%;margin-left:auto;margin-right:auto;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .2s both}.hero-buttons{display:flex;gap:2vw;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .4s both}.btn{padding:clamp(10px,1.2vw,14px) clamp(25px,3vw,48px);font-size:clamp(13px,1.1vw,16px);text-transform:uppercase;font-weight:600;letter-spacing:.08em;border-radius:.4vw;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-block;text-decoration:none;cursor:pointer;border:2px solid transparent;font-family:var(--font-primary);position:relative;overflow:hidden}.features{margin:8vh 0;padding:2vh 0}.features h2{font-size:3vw;text-align:center;margin-bottom:4vh;font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;position:relative;padding-bottom:2vh;color:var(--color-accent-bright);animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94)}.features h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(22vw,1fr));gap:2.5vw;margin-bottom:4vh}.feature-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:3vw;border:1px solid var(--color-border);border-radius:8px;text-align:center;box-shadow:0 8px 24px #0006;transition:all .2s var(--ease-modern);position:relative;overflow:hidden;opacity:.92;animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}.feature-card:nth-child(1){animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.4s}.feature-card:nth-child(3){animation-delay:.6s}.feature-card:nth-child(4){animation-delay:.8s}.feature-card:nth-child(5){animation-delay:1s}.feature-card:nth-child(6){animation-delay:1.2s}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),var(--color-accent-pink),transparent);opacity:0;transition:opacity .2s var(--ease-modern)}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00d9ff4d,0 0 30px #ff006e33;border-color:var(--color-border-highlight)}.feature-card:hover:before{opacity:1}.feature-card h3{font-size:clamp(16px,1.6vw,24px);margin-bottom:1.5vh;color:var(--color-accent-bright);font-family:var(--font-heading);font-weight:700;letter-spacing:.08em}.feature-card p{color:var(--color-text-secondary);line-height:1.7;font-size:clamp(13px,.95vw,15px)}.about-us{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:0;border-radius:8px;margin:6vh 0;position:relative;overflow:hidden;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-gold)) 1;box-shadow:0 15px 45px #0006,inset 0 0 30px #a855f71a;opacity:.93;animation:fadeInScale .8s cubic-bezier(.25,.46,.45,.94) 1.5s both}.about-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.about-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0e27b8,#0a0e278c);z-index:1}.about-us-inner{position:relative;z-index:2;padding:6vh 4vw}.about-us h2{font-size:3.2vw;margin-bottom:3vh;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;text-align:center}.about-content{max-width:900px;margin:0 auto}.about-content p{font-size:clamp(14px,1.2vw,18px);margin-bottom:2vh;color:var(--color-text-primary);line-height:1.8;text-align:justify;font-family:var(--font-body)}.about-content p:last-of-type{margin-bottom:3vh}.about-content .btn{display:block;width:fit-content;margin:3vh auto 0;background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);border-color:var(--color-accent-bright);font-weight:700}.about-content .btn:hover{background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-bright));box-shadow:0 0 25px #00d9ffb3,0 0 15px #ff006e66;transform:translateY(-3px) scale(1.08)}@media (max-width: 768px){.heroImg{padding:5vh 1.25rem;background-size:cover;min-height:50vh}.hero-content h1{font-size:clamp(1.8rem,7vw,3rem);margin-bottom:2vh}.hero-content p{max-width:95%;padding:1vh 1rem;font-size:1rem}.hero-buttons{gap:.75rem}.btn{padding:.7rem 1.5rem;font-size:.85rem}.features h2,.about-us h2{font-size:clamp(1.4rem,6vw,2.2rem)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.about-us-inner{padding:4vh 1.25rem}.about-content p{text-align:left}}@media (max-width: 480px){.heroImg{min-height:45vh}.hero-content h1{font-size:clamp(1.5rem,9vw,2.2rem)}.hero-buttons{flex-direction:column;align-items:center;width:100%}.btn{width:80%;text-align:center}.features-grid{grid-template-columns:1fr}}.projects{width:100%}.project-card-link{text-decoration:none;color:inherit;display:block;transition:all .25s cubic-bezier(.4,0,.2,1)}.projects h1{font-size:3.2vw;text-align:center;margin-bottom:1.5vh;font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-primary),var(--color-accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:2vh}.projects h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:5vh}.project-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border-radius:8px;overflow:hidden;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-gold),var(--color-accent-orange)) 1;box-shadow:0 8px 24px #0006,inset 0 0 25px #fdb75014;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;opacity:.92;display:flex;flex-direction:column;animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}.project-card:nth-child(1){animation-delay:.2s}.project-card:nth-child(2){animation-delay:.4s}.project-card:nth-child(3){animation-delay:.6s}.project-card:nth-child(4){animation-delay:.8s}.project-card:nth-child(5){animation-delay:1s}.project-card:nth-child(6){animation-delay:1.2s}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),var(--color-accent-pink),transparent);opacity:0;transition:opacity .3s var(--ease-modern);z-index:10}.project-card:after{content:"View Project";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--color-accent-bright);font-weight:700;font-size:clamp(12px,1.1vw,16px);opacity:0;transition:opacity .3s var(--ease-modern);z-index:5;font-family:var(--font-heading);letter-spacing:.05em}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00d9ff4d,0 0 30px #ff006e33;border-color:var(--color-border-highlight);opacity:1}.project-card:hover:before{opacity:1}.project-card:hover:after{opacity:1}.project-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;image-orientation:from-image;display:block;position:relative;border:2px solid rgba(212,175,55,.1);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image{transform:scale(1.08)}.project-info{padding:2.5vw;position:relative;z-index:2}.project-info h3{font-size:clamp(14px,1.4vw,20px);margin-bottom:1vh;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-gold),var(--color-accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);font-weight:700;letter-spacing:.08em}.project-info p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1vh;font-size:clamp(12px,.95vw,15px)}.project-date{font-size:clamp(12px,.9vw,14px);color:var(--color-text-tertiary);font-style:italic}.loading,.no-projects{text-align:center;padding:4vw;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid var(--color-border);border-radius:.5vw;color:var(--color-text-secondary);font-size:clamp(14px,1.1vw,18px)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 768px){.projects h1{font-size:clamp(1.6rem,6vw,2.2rem)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.project-info{padding:1.25rem}}@media (max-width: 480px){.projects h1{font-size:1.8rem}.projects-grid{grid-template-columns:1fr;gap:1rem}}.project-detail{width:100%;animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94)}.back-button{display:inline-flex;align-items:center;gap:.5vw;padding:clamp(10px,.8vw,12px) clamp(15px,2vw,24px);font-size:clamp(13px,1vw,16px);color:var(--color-accent-bright);background:transparent;border:1px solid var(--color-accent-bright);border-radius:4px;cursor:pointer;font-family:var(--font-primary);font-weight:600;letter-spacing:.05em;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:4vh;text-decoration:none}.back-button:hover{background:#00d9ff1a;border-color:var(--color-accent-pink);color:var(--color-accent-pink);box-shadow:0 0 20px #00d9ff4d;transform:translate(-2px)}.loading,.error-container{text-align:center;padding:6vh 2vw;color:var(--color-text-secondary);font-size:clamp(16px,1.3vw,20px);font-family:var(--font-body)}.error-container{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid rgba(0,217,255,.2);border-radius:8px;padding:4vh 2vw}.error-container h2{font-size:clamp(20px,2vw,32px);color:var(--color-accent-bright);margin-bottom:1.5vh;font-family:var(--font-heading);font-weight:700}.error-container p{margin-bottom:3vh;color:var(--color-text-secondary)}.project-hero{width:100%;margin-bottom:4vh;border-radius:8px;overflow:hidden;box-shadow:0 15px 50px #00d9ff33,0 0 40px #00000080;border:1px solid rgba(0,217,255,.1);position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:50vh}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;image-orientation:from-image;display:block;opacity:.85}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(10,14,27,.6) 0%,rgba(10,14,27,.3) 50%,transparent 100%);z-index:2}.hero-top-left{position:absolute;top:0;left:0;z-index:3;padding:clamp(1rem,4vw,2.5rem);max-width:70%}.hero-top-left h1{font-size:clamp(1.5rem,6vw,3.5rem);color:var(--color-accent-bright);margin:0;font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em;text-shadow:0 4px 20px rgba(0,0,0,.8);line-height:1.2}.hero-bottom-right{position:absolute;bottom:0;right:0;z-index:3;padding:clamp(1rem,4vw,2.5rem);max-width:45%;background:linear-gradient(315deg,rgba(10,14,27,.8) 0%,transparent 100%);text-align:right}.hero-bottom-right .project-meta-date{font-size:clamp(.7rem,1.2vw,.875rem);color:#fffc;font-family:var(--font-body);font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5vh;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-top:0}.hero-bottom-right .project-description{background:transparent;border:none;padding:0;opacity:1;box-shadow:none;margin-bottom:0}.hero-bottom-right .project-description p{font-size:clamp(.75rem,1.1vw,.9375rem);color:#ffffffd9;font-family:var(--font-body);line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.8);margin:0;font-weight:400;text-align:right}.project-description{margin-bottom:6vh;padding:3vw;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-gold)) 1;border-radius:8px;opacity:.92;box-shadow:0 8px 24px #0000004d,inset 0 0 25px #a855f714}.project-description h2{font-size:clamp(18px,2vw,28px);background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5vh;font-family:var(--font-heading);font-weight:700}.project-description p{font-size:clamp(14px,1.1vw,18px);color:var(--color-text-primary);line-height:1.8;font-family:var(--font-body)}.project-gallery{margin-bottom:6vh}.project-gallery h2{font-size:clamp(18px,2vw,28px);background:linear-gradient(90deg,var(--color-accent-orange),var(--color-accent-bright),var(--color-accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2.5vh;font-family:var(--font-heading);font-weight:700}.slideshow-container{width:100%}.slideshow{position:relative;width:100%;border-radius:8px;overflow:hidden;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-orange),var(--color-accent-bright),var(--color-accent-purple)) 1;box-shadow:0 15px 50px #00d9ff33,0 0 40px #00000080,inset 0 0 30px #ff6b3514;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%)}.slide{display:none;width:100%;opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94);position:relative}.slide.active{display:block;opacity:1}.slide-image{width:100%;height:auto;max-height:70vh;object-fit:contain;image-orientation:from-image;display:block;opacity:.95;background:#0003}.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.slide-controls-center{display:flex;align-items:center;gap:.75rem}.slide-button{background:#00d9ff26;border:2px solid rgba(0,217,255,.4);color:var(--color-accent-bright);padding:.5rem 1.25rem;font-size:clamp(.8rem,1.2vw,1rem);font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:4px;font-family:var(--font-primary);letter-spacing:.05em;white-space:nowrap}.slide-button:hover{background:#00d9ff59;border-color:var(--color-accent-bright);box-shadow:0 0 16px #00d9ff80;transform:scale(1.04)}.slide-counter{background:#00000080;color:var(--color-accent-bright);padding:.35rem .9rem;border-radius:4px;font-size:clamp(.75rem,1vw,.875rem);font-weight:600;font-family:var(--font-primary);letter-spacing:.05em;border:1px solid rgba(0,217,255,.3)}.autoplay-toggle{background:#00d9ff26;border:2px solid rgba(0,217,255,.4);color:var(--color-accent-bright);width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:var(--font-primary);flex-shrink:0}.autoplay-toggle:hover{background:#00d9ff59;border-color:var(--color-accent-bright);box-shadow:0 0 16px #00d9ff80;transform:scale(1.1)}.autoplay-toggle.active{background:#00d9ff40}.gallery-thumbnails{display:flex;gap:1vw;margin-top:2.5vh;padding:1.5vw;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border-radius:8px;border:1px solid rgba(0,217,255,.1);overflow-x:auto;scroll-behavior:smooth}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#00d9ff1a;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.thumbnail{flex-shrink:0;width:clamp(60px,8vw,100px);height:clamp(60px,8vw,100px);border-radius:4px;border:2px solid rgba(0,217,255,.2);background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover;image-orientation:from-image;opacity:.7;transition:all .25s cubic-bezier(.4,0,.2,1)}.thumbnail:hover{border-color:#00d9ff80;transform:scale(1.05)}.thumbnail:hover img{opacity:.9}.thumbnail.active{border-color:var(--color-accent-bright);box-shadow:0 0 15px #00d9ff99}.thumbnail.active img{opacity:1}.related-projects{margin-bottom:6vh;padding-bottom:4vh;border-bottom:1px solid rgba(0,217,255,.15)}.related-projects h2{font-size:clamp(18px,2vw,28px);background:linear-gradient(90deg,var(--color-accent-gold),var(--color-accent-orange),var(--color-accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2.5vh;font-family:var(--font-heading);font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,22vw,350px),1fr));gap:2.5vw}.related-card{text-decoration:none;border-radius:8px;overflow:hidden;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-gold),var(--color-accent-orange),var(--color-accent-bright)) 1;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);box-shadow:0 8px 24px #0000004d,inset 0 0 20px #fdb75014;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:.92;display:flex;flex-direction:column;animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}.related-card:nth-child(1){animation-delay:.2s}.related-card:nth-child(2){animation-delay:.4s}.related-card:nth-child(3){animation-delay:.6s}.related-image{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;image-orientation:from-image;display:block;opacity:.93;transition:all .25s cubic-bezier(.4,0,.2,1)}.related-info{padding:2vw;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.related-info h3{font-size:clamp(14px,1.3vw,20px);background:linear-gradient(90deg,var(--color-accent-gold),var(--color-accent-orange),var(--color-accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-family:var(--font-heading);font-weight:700}.related-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 45px #00d9ff4d,0 0 30px #0006;border-color:#00d9ff4d;opacity:1}.related-card:hover .related-image{transform:scale(1.05);opacity:1}.project-navigation{display:flex;justify-content:center;gap:2vw;flex-wrap:wrap;margin-top:4vh;padding-top:4vh}.btn{padding:clamp(10px,1.2vw,14px) clamp(25px,3vw,48px);font-size:clamp(13px,1.1vw,16px);text-transform:uppercase;font-weight:600;letter-spacing:.08em;border-radius:4px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-block;text-decoration:none;cursor:pointer;border:2px solid transparent;font-family:var(--font-primary);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.btn:hover:before{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);border-color:var(--color-accent-bright);font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-bright));box-shadow:0 0 25px #00d9ffb3,0 0 15px #ff006e66;transform:translateY(-3px) scale(1.08)}.btn-secondary{background:transparent;color:var(--color-accent-bright);border:2px solid var(--color-accent-bright)}.btn-secondary:hover{background:#00d9ff1a;border-color:var(--color-accent-pink);color:var(--color-accent-pink);box-shadow:0 0 20px #ff006e99;transform:translateY(-3px)}@media (max-width: 768px){.project-hero{min-height:40vh}.hero-top-left{max-width:85%;padding:1.25rem}.hero-bottom-right{max-width:80%;padding:1rem 1.25rem}.project-description{padding:1.25rem}.related-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.related-info{padding:1rem}.gallery-thumbnails{gap:.5rem;padding:.75rem}.slide-button{padding:.6rem .8rem;font-size:.85rem}.project-navigation{gap:1rem}}@media (max-width: 480px){.project-hero{min-height:35vh}.hero-top-left{max-width:95%;padding:1rem}.hero-bottom-right{max-width:60%;padding:.75rem}.project-description{padding:1rem}.related-grid{grid-template-columns:1fr}.slide-controls{gap:.5rem}.slide-button{padding:.45rem .75rem;font-size:.8rem}.project-navigation{flex-direction:column;align-items:center}.project-navigation .btn{width:80%;text-align:center}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #00000080,0 0 40px #00bcd433;animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(2vh);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2vh 2vw;border-bottom:1px solid rgba(0,188,212,.1);position:sticky;top:0;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);z-index:10}.modal-header h2{font-size:clamp(16px,1.4vw,20px);color:var(--color-accent-bright);margin:0;font-family:var(--font-heading);font-weight:600;letter-spacing:.02em}.modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.8vw;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);padding:.5vh;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-accent-bright);transform:scale(1.1)}.modal-body{padding:3vh 2vw;flex:1;display:flex;flex-direction:column;gap:1.5vh}.drag-drop-zone{border:2px dashed rgba(0,188,212,.3);border-radius:8px;padding:4vh 2vw;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);background:#00bcd40d;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5vh}.drag-drop-zone:hover{border-color:#00bcd499;background:#00bcd41a;box-shadow:0 0 30px #00bcd433}.drag-drop-zone.dragging{border-color:var(--color-accent-bright);background:#00bcd426;box-shadow:0 0 40px #00bcd466;transform:scale(1.02)}.drag-drop-content{display:flex;flex-direction:column;align-items:center;gap:1.2vh}.drag-drop-icon{font-size:3vw;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.8vh)}}.drag-drop-zone h3{color:var(--color-accent-bright);font-size:clamp(14px,1.2vw,18px);margin:0;font-weight:600}.drag-drop-zone p{color:var(--color-text-secondary);margin:0;font-size:clamp(12px,1vw,16px)}.file-input-label{display:inline-block;padding:.8vw 1.8vw;background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);letter-spacing:.05em;font-size:clamp(11px,.9vw,13px)}.file-input-label:hover{transform:scale(1.05);box-shadow:0 0 20px #00bcd466}.file-input-hidden{display:none}.file-requirements{color:var(--color-text-tertiary);font-size:clamp(10px,.8vw,12px);margin:0}.preview-section{display:flex;flex-direction:column;gap:2vh;animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94)}.preview-image-container{border-radius:8px;overflow:hidden;border:2px solid rgba(0,188,212,.3);max-height:400px;background:#0000004d}.preview-image{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.preview-details{display:flex;flex-direction:column;gap:.8vh;padding:1.5vh;background:#00bcd40d;border-radius:6px;border-left:3px solid rgba(0,188,212,.3)}.preview-filename{color:var(--color-text-primary);font-size:clamp(11px,.9vw,13px);margin:0}.preview-filename strong{color:var(--color-accent-bright)}.preview-info{color:var(--color-text-secondary);font-size:clamp(10px,.8vw,12px);margin:0;font-style:italic}.error-message{padding:1.2vh 1.5vw;background:#ff57221a;border:1px solid rgba(255,87,34,.3);border-radius:6px;color:#ff6b6b;font-size:clamp(11px,.9vw,13px);border-left:3px solid #ff6b6b;animation:shake .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:.8vw}.error-message:before{content:"⚠";font-size:1.2em;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.5vh)}75%{transform:translate(.5vh)}}.loading-spinner{display:inline-block;width:1.2em;height:1.2em;border:2px solid rgba(0,217,255,.3);border-top-color:var(--color-accent-bright);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-footer{display:flex;gap:1vw;padding:2vh 2vw;border-top:1px solid rgba(0,188,212,.1);background:#0000004d;justify-content:flex-end;position:sticky;bottom:0}.btn-cancel,.btn-change-image,.btn-upload{padding:.8vw 1.8vw;border:none;border-radius:6px;font-weight:600;font-size:clamp(11px,.9vw,13px);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);letter-spacing:.05em;font-family:var(--font-primary);text-transform:uppercase}.btn-cancel{background:#ffffff1a;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover:not(:disabled){background:#fff3;color:var(--color-text-primary)}.btn-change-image{background:transparent;color:var(--color-accent-bright);border:1px solid rgba(0,188,212,.3)}.btn-change-image:hover:not(:disabled){background:#00bcd41a;border-color:#00bcd499;box-shadow:0 0 20px #00bcd433}.btn-upload{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark)}.btn-upload:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 25px #00bcd466,0 0 15px #ff006e33}.btn-cancel:disabled,.btn-change-image:disabled,.btn-upload:disabled{opacity:.6;cursor:not-allowed}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#00d9ff0d}.modal-content::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00d9ff99}.modal-content{scrollbar-color:rgba(0,217,255,.3) rgba(0,217,255,.05);scrollbar-width:thin}.sticker-mockup-container{display:flex;align-items:center;justify-content:center;width:100%;margin:1.5vh 0;perspective:1200px}.sticker-mockup{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.sticker-circle{width:clamp(120px,18vw,200px);height:clamp(120px,18vw,200px);border-radius:50%;overflow:hidden;border:3px solid rgba(212,175,55,.4);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);position:relative;box-shadow:0 8px 24px #00d9ff33,inset -2px -2px 8px #00000080;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.sticker-image{width:100%;height:100%;object-fit:cover;image-orientation:from-image;display:block}.sticker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00bcd41a,#0000004d);pointer-events:none;border-radius:50%}.custom-design-badge{position:absolute;bottom:-.8vh;right:-.8vh;background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);padding:.5vw 1vw;border-radius:20px;font-size:clamp(9px,.7vw,11px);font-weight:700;letter-spacing:.03em;box-shadow:0 4px 12px #00bcd44d;white-space:nowrap;animation:popIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes popIn{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.default-sticker{background:linear-gradient(135deg,#00bcd41a,#d4af371a);box-shadow:0 8px 24px #00d9ff1a}.default-content{color:var(--color-text-secondary);font-size:clamp(12px,1vw,14px);font-weight:500;letter-spacing:.05em;text-align:center}.sticker-mockup:hover{transform:rotateX(5deg) rotateY(-8deg) scale(1.02)}.sticker-mockup:hover .sticker-circle{box-shadow:0 20px 50px #00d9ff4d,0 0 30px #00bcd433,inset -2px -2px 12px #0006;border-color:#00bcd480;animation:stickerGloss .6s ease-out}.sticker-mockup:hover .sticker-image{transform:scale(1.08)}.sticker-mockup:hover .custom-design-badge{transform:translateY(-1vh) scale(1.05);box-shadow:0 6px 16px #00d9ff80,0 0 20px #ff006e33}@keyframes stickerGloss{0%{box-shadow:0 20px 50px #00d9ff4d,0 0 30px #00bcd433,inset -2px -2px 12px #0006}50%{box-shadow:0 20px 50px #00d9ff66,0 0 40px #00d9ff4d,inset 0 0 30px #00d9ff26}to{box-shadow:0 20px 50px #00d9ff4d,0 0 30px #00bcd433,inset -2px -2px 12px #0006}}@media (max-width: 768px){.sticker-circle{width:clamp(100px,20vw,150px);height:clamp(100px,20vw,150px)}.custom-design-badge{font-size:.6vw;padding:.4vw .8vw}}.shop{width:100%}.shop h1{font-size:3.2vw;text-align:center;margin-bottom:1.5vh;font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-primary),var(--color-accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:2vh}.shop h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:5vh}.product-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border-radius:8px;overflow:hidden;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-bright),var(--color-accent-gold)) 1;box-shadow:0 8px 24px #0006,inset 0 0 25px #a855f714;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;position:relative;opacity:.92;animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}.product-card:nth-child(1){animation-delay:.2s}.product-card:nth-child(2){animation-delay:.4s}.product-card:nth-child(3){animation-delay:.6s}.product-card:nth-child(4){animation-delay:.8s}.product-card:nth-child(5){animation-delay:1s}.product-card:nth-child(6){animation-delay:1.2s}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),var(--color-accent-pink),transparent);opacity:0;transition:opacity .3s var(--ease-modern);z-index:10}.product-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00d9ff4d,0 0 30px #ff006e33;border-color:var(--color-border-highlight);opacity:1}.product-card:hover:before{opacity:1}.product-image{width:100%;height:22vh;object-fit:cover;image-orientation:from-image;display:block;position:relative;border:2px solid rgba(212,175,55,.1);transition:transform .4s cubic-bezier(.25,.46,.45,.94);aspect-ratio:4/3}.product-card:hover .product-image{transform:scale(1.08)}.product-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00bcd41a,#0000004d);pointer-events:none}.product-details{padding:2.5vw;display:flex;flex-direction:column;flex:1}.product-details h3{font-size:clamp(13px,1.2vw,18px);margin-bottom:1vh;background:linear-gradient(90deg,var(--color-accent-purple),var(--color-accent-bright),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);font-weight:700;letter-spacing:.08em}.product-description{color:var(--color-text-secondary);font-size:clamp(11px,.9vw,13px);margin-bottom:1.5vh;flex:1;line-height:1.5}.product-price{font-size:clamp(16px,1.6vw,24px);background:linear-gradient(90deg,var(--color-accent-yellow),var(--color-accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;margin-bottom:1.5vh;letter-spacing:.05em}.btn-add-to-cart{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);padding:clamp(8px,.9vw,11px) clamp(16px,2vw,32px);border:1px solid var(--color-accent-bright);border-radius:6px;cursor:pointer;font-family:var(--font-heading);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(10px,.85vw,12px);transition:all .2s var(--ease-modern);position:relative;overflow:hidden}.btn-add-to-cart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .3s}.btn-add-to-cart:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 0 20px #00d9ff99,0 0 10px #ff006e4d;background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-bright))}.btn-add-to-cart:hover:before{transform:translate(100%)}.product-actions{display:flex;flex-direction:column;gap:1vh;width:100%}.btn-upload-design{background:linear-gradient(135deg,#d4af3733,#d4af371a);color:var(--color-accent-bright);padding:clamp(8px,.9vw,11px) clamp(16px,2vw,32px);border:1px solid rgba(212,175,55,.4);border-radius:6px;cursor:pointer;font-family:var(--font-primary);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(10px,.85vw,12px);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-upload-design:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(212,175,55,.2),transparent);transform:translate(-100%);transition:transform .3s}.btn-upload-design:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af37cc;transform:translateY(-2px);box-shadow:0 0 20px #d4af374d}.btn-upload-design:hover:before{transform:translate(100%)}.cart-summary{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:3vw;border:1px solid var(--color-border);border-radius:.5vw;text-align:center;margin-top:5vh;box-shadow:0 10px 40px #0000004d}.cart-summary h3{font-size:clamp(16px,1.8vw,28px);margin-bottom:1.5vh;color:var(--color-primary-light);font-family:var(--font-primary);font-weight:600;letter-spacing:.05em}.cart-summary p{font-size:clamp(14px,1.2vw,18px);color:var(--color-text-secondary);margin-bottom:2vh}.btn-checkout{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-primary);padding:clamp(10px,1.2vw,14px) clamp(30px,3vw,48px);font-size:clamp(13px,1.1vw,16px);border:2px solid rgba(212,175,55,.3);border-radius:.4vw;cursor:pointer;font-family:var(--font-primary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-checkout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.btn-checkout:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 30px #00bcd480}.btn-checkout:hover:before{transform:translate(100%)}.loading,.no-products{text-align:center;padding:4vw;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid var(--color-border);border-radius:.5vw;color:var(--color-text-secondary);font-size:clamp(14px,1.1vw,18px)}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 768px){.shop h1{font-size:clamp(1.6rem,6vw,2.2rem)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-details{padding:1.25rem}.btn-add-to-cart,.btn-upload-design{font-size:clamp(10px,2.5vw,12px);padding:.6rem 1rem}}@media (max-width: 480px){.shop h1{font-size:1.8rem}.products-grid{grid-template-columns:1fr;gap:1rem}.product-actions{flex-direction:row;gap:.5rem}.btn-add-to-cart,.btn-upload-design{flex:1}}.checkout{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.checkout-container{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0000004d}.checkout h1{text-align:center;color:#333;margin-bottom:30px;font-size:32px}.order-summary{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #667eea}.order-summary h2{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.order-summary h3{color:#555;font-size:14px;margin-top:20px;margin-bottom:10px;text-transform:uppercase}.order-summary p{margin:8px 0;color:#666;font-size:14px}.items-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.items-table th{background:#667eea;color:#fff;padding:10px;text-align:left;font-weight:600}.items-table td{padding:10px;border-bottom:1px solid #eee}.items-table tr:last-child td{border-bottom:none}.total{display:flex;justify-content:space-between;padding:15px 0;border-top:2px solid #ddd;font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.total span{color:#667eea}.btn-mollie-payment,.btn-back{display:block;width:100%;padding:14px;margin:10px 0;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.btn-mollie-payment{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-mollie-payment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-mollie-payment:disabled{opacity:.6;cursor:not-allowed}.btn-back{background:#f0f0f0;color:#333}.btn-back:hover:not(:disabled){background:#e0e0e0}.btn-back:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.checkout-container{padding:20px}.checkout h1{font-size:24px}.total{font-size:16px}}.contact{width:100%}.contact h1{font-size:3.2vw;text-align:center;margin-bottom:1.5vh;font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-primary),var(--color-accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:2vh}.contact h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.subtitle{text-align:center;font-size:clamp(14px,1.2vw,18px);color:var(--color-text-secondary);margin-bottom:4vh;font-family:var(--font-body)}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:3vw;margin-bottom:4vh}.contact-info{display:flex;flex-direction:column;gap:2vw}.info-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:2.5vw;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-lime),var(--color-accent-orange)) 1;border-radius:8px;box-shadow:0 8px 24px #0006,inset 0 0 25px #39ff140d;transition:all .2s var(--ease-modern);position:relative;overflow:hidden;opacity:.92;animation:slideInLeft .6s cubic-bezier(.25,.46,.45,.94) both}.info-card:nth-child(1){animation-delay:.2s}.info-card:nth-child(2){animation-delay:.4s}.info-card:nth-child(3){animation-delay:.6s}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),var(--color-accent-pink),transparent);opacity:0;transition:opacity .2s var(--ease-modern)}.info-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-border-highlight);box-shadow:0 15px 45px #00d9ff4d,0 0 25px #ff006e26}.info-card:hover:before{opacity:1}.info-card h3{font-size:clamp(14px,1.4vw,20px);margin-bottom:1vh;background:linear-gradient(90deg,var(--color-accent-bright),var(--color-accent-lime),var(--color-accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);font-weight:700;letter-spacing:.08em}.info-card p{color:var(--color-text-secondary);font-size:clamp(13px,1vw,16px);line-height:1.8}.info-card a{color:var(--color-accent-bright);text-decoration:none;transition:all .3s var(--ease-modern);font-weight:600}.info-card a:hover{color:var(--color-accent-pink);text-shadow:0 0 10px rgba(0,217,255,.5)}.contact-form-section{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:3vw;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent-purple),var(--color-accent-gold)) 1;border-radius:.5vw;box-shadow:0 10px 40px #0000004d,0 0 40px #00bcd41a,inset 0 0 30px #a855f714;opacity:.92;animation:fadeInScale .8s cubic-bezier(.25,.46,.45,.94) .6s both}.contact-form{display:flex;flex-direction:column;gap:2vh}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.8vh;font-weight:700;font-family:var(--font-heading);color:var(--color-accent-bright);font-size:clamp(12px,.95vw,14px);letter-spacing:.1em;text-transform:uppercase}.form-group input,.form-group textarea{padding:clamp(10px,1vw,13px);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-body);font-size:clamp(13px,1vw,15px);background:#0a0e2780;color:var(--color-text-primary);transition:all .2s var(--ease-modern)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-bright);box-shadow:0 0 0 2px #00d9ff33;background:#0a0e27cc}.success-message{background:linear-gradient(135deg,#00bcd41a,#00bcd40d);color:var(--color-primary-light);padding:1.5vw;border-radius:.4vw;border-left:4px solid var(--color-primary);font-size:clamp(13px,1.1vw,16px);border:1px solid var(--color-border-highlight)}.label-hint{font-size:.75rem;color:#fff6;font-weight:400;margin-left:.4rem}.cv-upload-area{display:flex;flex-direction:column;gap:.5rem}.cv-upload-area input[type=file]{background:#00d9ff0d;border:1px dashed rgba(0,217,255,.3);border-radius:4px;padding:.75rem;color:var(--color-text-secondary);cursor:pointer;width:100%}.cv-upload-area input[type=file]:hover{border-color:#00d9ff99;background:#00d9ff14}.cv-filename{font-size:.85rem;color:var(--color-accent-bright);margin:0}.error-message{background:#ff3c3c1a;color:#ff6b6b;padding:1rem;border-radius:4px;border:1px solid rgba(255,60,60,.3);font-size:clamp(13px,1.1vw,16px)}.btn-submit{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-primary));color:var(--color-bg-dark);padding:clamp(10px,1vw,13px) clamp(25px,3vw,48px);font-size:clamp(12px,1vw,14px);border:1px solid var(--color-accent-bright);border-radius:6px;cursor:pointer;font-family:var(--font-heading);font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .2s var(--ease-modern);position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .3s}.btn-submit:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 0 20px #00d9ff99,0 0 10px #ff006e4d;background:linear-gradient(135deg,var(--color-accent-pink),var(--color-accent-bright))}.btn-submit:hover:not(:disabled):before{transform:translate(100%)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.contact h1{font-size:clamp(1.6rem,6vw,2.2rem)}.contact-container{grid-template-columns:1fr;gap:1.5rem}.contact-info{gap:1rem}.info-card{padding:1.25rem}.contact-form-section{padding:1.5rem}}@media (max-width: 480px){.contact h1{font-size:clamp(1.4rem,7vw,1.8rem)}.contact-container{gap:1rem}.info-card,.contact-form-section{padding:1rem}.contact-form{gap:1.25rem}}.vacatures{max-width:900px;margin:0 auto}.vacatures-header{text-align:center;margin-bottom:4vh}.vacatures-header h1{font-size:clamp(2rem,5vw,3.5rem);font-family:var(--font-heading);color:var(--color-accent-bright);margin-bottom:.5rem}.vacatures-header .subtitle{color:var(--color-text-secondary);font-size:clamp(1rem,1.5vw,1.2rem)}.vacatures-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.vacature-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid rgba(0,217,255,.15);border-radius:8px;padding:2rem;box-shadow:0 8px 32px #0000004d;transition:border-color .25s,box-shadow .25s}.vacature-card:hover{border-color:#00d9ff66;box-shadow:0 12px 40px #00d9ff1a,0 0 0 1px #00d9ff1a}.vacature-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.vacature-top h2{font-size:clamp(1.2rem,2.5vw,1.6rem);font-family:var(--font-heading);color:var(--color-text-primary);margin:0 0 .5rem}.vacature-meta{display:flex;gap:.5rem;flex-wrap:wrap}.badge{background:#00d9ff1a;border:1px solid rgba(0,217,255,.25);color:var(--color-accent-bright);padding:.2rem .7rem;border-radius:20px;font-size:.8rem;font-weight:500}.vacature-beschrijving{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:clamp(.9rem,1.1vw,1rem)}.vacature-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.detail-block h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-bright);margin-bottom:.75rem;font-family:var(--font-heading)}.detail-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.detail-block ul li{color:var(--color-text-secondary);font-size:clamp(.85rem,1vw,.95rem);padding-left:1.1rem;position:relative;line-height:1.5}.detail-block ul li:before{content:"→";position:absolute;left:0;color:var(--color-accent-bright);font-size:.75rem;top:2px}.btn-solliciteer{display:inline-block;background:linear-gradient(135deg,var(--color-accent-bright),rgba(0,217,255,.6));color:var(--color-bg-dark);padding:.6rem 1.5rem;border-radius:4px;font-weight:700;font-size:.9rem;font-family:var(--font-heading);letter-spacing:.05em;text-decoration:none;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-solliciteer:hover{transform:translateY(-2px);box-shadow:0 0 24px #00d9ff80}.spontaan-card{background:linear-gradient(135deg,#00d9ff0d,#a855f70d);border:1px solid rgba(168,85,247,.2);border-radius:8px;padding:2rem;text-align:center;margin-top:1rem}.spontaan-card h2{font-family:var(--font-heading);color:var(--color-text-primary);font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:.75rem}.spontaan-card p{color:var(--color-text-secondary);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7}@media (max-width: 600px){.vacature-card{padding:1.25rem}.vacature-details{grid-template-columns:1fr}.vacature-top{flex-direction:column;align-items:flex-start}.btn-solliciteer{width:100%;text-align:center}}.team{margin:8vh 0;padding:2vh 0;width:100%}.team h2{font-size:3vw;text-align:center;margin-bottom:1.5vh;font-family:var(--font-heading);font-weight:400;letter-spacing:.02em;position:relative;color:var(--color-accent-bright)}.team h2:after{content:"";position:absolute;bottom:-1vh;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),transparent)}.team-subtitle{text-align:center;color:var(--color-text-secondary);font-size:clamp(12px,1.1vw,16px);margin-bottom:4vh;font-weight:300;letter-spacing:.02em}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:4vh;width:100%;overflow:visible;align-items:start}.team-card{position:relative;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);padding:0;border:2px solid;border-image:linear-gradient(135deg,var(--color-accent-orange),var(--color-accent-bright),var(--color-accent-purple)) 1;border-radius:8px;text-align:center;box-shadow:0 8px 24px #0006,inset 0 0 30px #ff6b3514;overflow:hidden;opacity:.92;height:auto;min-width:0;animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}.team-card:nth-child(1){animation-delay:.2s}.team-card:nth-child(2){animation-delay:.4s}.team-card:nth-child(3){animation-delay:.6s}.team-card:nth-child(4){animation-delay:.8s}.team-card:nth-child(5){animation-delay:1s}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-bright),var(--color-accent-pink),transparent);opacity:0;transition:opacity .2s var(--ease-modern);z-index:10}.team-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00d9ff4d,0 0 30px #ff006e33;border-color:var(--color-border-highlight);opacity:1}.team-card:hover:before{opacity:1}.team-card.expanded{grid-column:span 1;box-shadow:0 25px 60px #00d9ff66,0 0 40px #ff006e33;border-color:var(--color-border-highlight);opacity:1;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.team-card.expanded .member-image-container{max-height:280px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.member-image-container{position:relative;width:clamp(10vh,14vw,18vh);aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ff6b351a,#00d9ff0d);margin:clamp(.8vw,1vh,1.2vw) auto 0;box-shadow:0 8px 24px #00d9ff4d,0 0 25px #ff6b3533;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.team-card:hover .member-image-container{box-shadow:0 20px 50px #00d9ff4d,0 0 30px #00bcd433;border-color:#00bcd480}.member-image{width:100%;height:100%;object-fit:cover;image-orientation:from-image;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.team-card:hover .member-image{transform:scale(1.08)}.member-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00bcd41a,#0000004d);pointer-events:none}.member-bio-container{display:-webkit-box;-webkit-line-clamp:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0 clamp(1vw,1.5vh,1.5vw);width:100%;min-width:0}.member-bio-container.expanded{display:block;-webkit-line-clamp:unset;overflow-y:auto;max-height:40vh;min-height:0;white-space:pre-wrap;padding-right:.5vw;flex:1;margin:1vh 0}.member-bio{color:var(--color-text-secondary);line-height:1.5;font-size:clamp(11px,.85vw,13px);margin:0;text-align:center}.member-bio-container.expanded::-webkit-scrollbar{width:6px}.member-bio-container.expanded::-webkit-scrollbar-track{background:#00d9ff1a;border-radius:3px}.member-bio-container.expanded::-webkit-scrollbar-thumb{background:#00d9ff80;border-radius:3px}.member-bio-container.expanded::-webkit-scrollbar-thumb:hover{background:#00d9ffcc}.member-bio-container.expanded{scrollbar-color:rgba(0,217,255,.5) rgba(0,217,255,.1);scrollbar-width:thin}.member-content{position:relative;z-index:2;flex-grow:0;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;width:100%;padding:clamp(1vw,1.5vh,1.5vw)}.team-card.expanded .member-content{flex-grow:1;overflow:visible}.member-info{text-align:center;padding:clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw);margin:calc(-1*clamp(1vw,1.5vh,1.5vw));margin-bottom:1vh;position:sticky;top:0;z-index:5}.member-info h3{font-size:clamp(14px,1.2vw,18px);background:linear-gradient(90deg,var(--color-accent-orange),var(--color-accent-bright),var(--color-accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);font-weight:700;letter-spacing:.08em;margin-top:0;position:sticky;top:0;padding:clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw) clamp(1vw,1.5vh,1.5vw);margin:calc(-1*clamp(1vw,1.5vh,1.5vw));margin-bottom:1vh;z-index:5}.member-role{color:var(--color-text-secondary);line-height:1.5;font-size:clamp(11px,.85vw,13px);margin:0}.loading,.no-members{text-align:center;padding:4vh 2vw;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-section) 100%);border:1px solid rgba(212,175,55,.15);border-radius:8px;color:var(--color-text-secondary);font-size:clamp(14px,1.1vw,18px);margin:0 2vw}@media (max-width: 1024px){.team-grid{grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:2vw;padding:0 1vw}.member-info{padding:1.2vh .3vw}}@media (max-width: 768px){.team-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;padding:0}.team h2{font-size:clamp(1.4rem,6vw,2.2rem)}.team-subtitle{font-size:clamp(.8rem,3vw,1rem);margin-bottom:3vh}}@media (max-width: 480px){.team-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:0}.team h2{font-size:clamp(1.3rem,7vw,1.8rem);margin-bottom:1vh}.team-subtitle{font-size:.85rem;margin-bottom:2vh}.member-info{padding:.75rem .5rem}.member-info h3{font-size:clamp(12px,3.5vw,16px);margin:.3vh 0 .2vh}.member-role{font-size:clamp(11px,3vw,13px)}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a)}.auth-card{background:#0f1428;border:2px solid #00d9ff;border-radius:12px;padding:3rem;width:100%;max-width:400px;box-shadow:0 0 30px #00d9ff33}.auth-card h1{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center;font-family:Space Grotesk,sans-serif;letter-spacing:2px}.form-group label{display:block;color:#00d9ff;font-weight:600;margin-bottom:.5rem;font-size:.9rem;letter-spacing:1px}.form-group input{width:100%;padding:.75rem;background:#1a1f3a;border:1px solid #00d9ff;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 10px #00d9ff4d;background:#242d45}.form-group input::placeholder{color:#666}.submit-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#00d9ff,#00bcd4);border:none;border-radius:6px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase;position:relative}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #00d9ff4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;color:#aaa;margin-top:2rem;font-size:.9rem}.auth-link a{color:#00d9ff;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link a:hover{color:#00bcd4;text-decoration:underline}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#00d9ff;font-size:1.2rem}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:2rem}.auth-card h1{font-size:1.5rem}}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a);min-height:calc(100vh - 80px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #00d9ff}.dashboard-header h1{color:#fff;font-size:2.5rem;margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;letter-spacing:2px}.welcome-text{color:#00d9ff;font-size:1rem;margin:0}.logout-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff006e,#f44);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff006e4d}.dashboard-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.orders-section h2,.profile-section h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#0f1428;border:1px solid #00d9ff;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.order-card:hover{border-color:#00bcd4;box-shadow:0 0 20px #00d9ff33}.order-header{display:flex;justify-content:space-between;align-items:center}.order-info h3{color:#00d9ff;margin:0 0 .25rem;font-size:1.1rem}.order-date{color:#888;margin:0;font-size:.9rem}.order-status{text-align:right}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;color:#000;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;margin-bottom:.5rem}.order-total{color:#00d9ff;font-weight:700;font-size:1.2rem;margin:0}.order-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #1a1f3a}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;color:#aaa}.detail-row label{font-weight:600;color:#00d9ff}.empty-state{background:#0f1428;border:2px dashed #00d9ff;border-radius:8px;padding:3rem;text-align:center;color:#aaa}.empty-state p{margin-bottom:1rem;font-size:1.1rem}.btn-primary{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d9ff,#00bcd4);color:#000;text-decoration:none;border-radius:6px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.profile-card{background:#0f1428;border:1px solid #00d9ff;border-radius:8px;padding:1.5rem}.profile-field{margin-bottom:1.5rem}.profile-field:last-of-type{margin-bottom:0}.profile-field label{display:block;color:#00d9ff;font-weight:600;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase}.profile-field p{color:#fff;margin:0;padding:.75rem;background:#1a1f3a;border-radius:4px}.btn-admin{display:block;padding:.75rem;background:linear-gradient(135deg,#ffd60a,#ffb800);color:#000;text-decoration:none;border-radius:6px;font-weight:700;text-align:center;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.btn-admin:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffd60a4d}.error-message{background:#f44;color:#fff;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;border-left:4px solid #ff0000}.loading{text-align:center;color:#00d9ff;padding:2rem;font-size:1.1rem}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-content{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-status{text-align:left}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-hint{font-size:.75rem;color:#aaa;margin:-.25rem 0 .5rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.management-page{background:#0f1428;border:1px solid #00d9ff;border-radius:12px;padding:2rem;min-height:600px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #00d9ff}.page-header h1{color:#fff;font-size:2rem;margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:2px}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d9ff,#00bcd4);border:none;border-radius:6px;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d9ff4d}.error-message{background:#f44;color:#fff;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border-left:4px solid #ff0000}.admin-form{background:#1a1f3a;border:1px solid #00d9ff;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:1.5rem}.form-group label{display:block;color:#00d9ff;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#0f1428;border:1px solid #00d9ff;border-radius:6px;color:#fff;font-family:inherit;transition:all .3s ease;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 10px #00d9ff33;background:#1a1f3a}.form-group textarea{resize:vertical;min-height:100px}.btn-submit{padding:.75rem 2rem;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4caf504d}.items-table{overflow-x:auto;border:1px solid #00d9ff;border-radius:8px;width:100%}table{width:100%;border-collapse:collapse;background:#0f1428}thead{background:#1a1f3a;border-bottom:2px solid #00d9ff}th{padding:1rem;color:#00d9ff;font-weight:600;text-align:left;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}td{padding:1rem;border-bottom:1px solid #1a1f3a;color:#aaa}tbody tr:hover{background:#1a1f3a}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-edit,.btn-delete,.btn-view{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.btn-edit{background:#00d9ff;color:#000}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d9ff4d}.btn-delete{background:#f44;color:#fff}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff44444d}.btn-view{background:#ffd60a;color:#000}.btn-view:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd60a4d}.loading,.empty{text-align:center;color:#00d9ff;padding:2rem;font-size:1.1rem}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.detail-row{background:#1a1f3a}.order-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:1.5rem}.detail-section{background:#0f1428;padding:1.5rem;border-radius:6px;border:1px solid #00d9ff}.detail-section h4{color:#00d9ff;margin-top:0;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.detail-section p{color:#aaa;margin:.5rem 0;line-height:1.6}.detail-section strong{color:#00d9ff}.status-selector{display:flex;gap:.5rem;flex-wrap:wrap}.status-btn{padding:.5rem .75rem;border:2px solid #00d9ff;background:transparent;color:#00d9ff;border-radius:4px;cursor:pointer;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.status-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d9ff4d}.status-btn.active{border-color:#fff;color:#000}.status-btn:disabled{opacity:.6;cursor:not-allowed}.info-text{font-size:.9rem}.info-text code{padding:.2rem .4rem;background:#1a1f3a;border-radius:4px;font-family:Courier New,monospace}@media (max-width: 768px){.management-page{padding:1.5rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.page-header h1{font-size:1.5rem}table{font-size:.9rem}th,td{padding:.75rem}.actions{flex-direction:column}.btn-edit,.btn-delete,.btn-view{width:100%;padding:.5rem}.order-detail{grid-template-columns:1fr}}.stats-page{background:#0f1428;border:1px solid #00d9ff;border-radius:12px;padding:2rem;min-height:600px}.stats-page h1{color:#fff;font-size:2rem;margin:0 0 2rem;font-family:Space Grotesk,sans-serif;letter-spacing:2px}.stats-section{margin-bottom:2.5rem}.stats-section h2{color:#00d9ff;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;border-bottom:1px solid #1a1f3a;padding-bottom:.5rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stat-card{background:#1a1f3a;border:1px solid #2a2f4a;border-radius:10px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:border-color .2s}.stat-card:hover{border-color:#00d9ff}.stat-card--accent{border-color:#0f8}.stat-card--accent:hover{border-color:#0f8;box-shadow:0 0 16px #00ff8826}.stat-icon{font-size:1.6rem}.stat-value{color:#fff;font-size:1.6rem;font-weight:700;font-family:Space Grotesk,sans-serif}.stat-card--accent .stat-value{color:#0f8}.stat-label{color:#aaa;font-size:.8rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.status-bars{display:flex;flex-direction:column;gap:.75rem}.status-bar-row{display:grid;grid-template-columns:140px 1fr 40px;align-items:center;gap:.75rem}.status-label{font-size:.9rem;font-weight:600}.status-bar-track{background:#1a1f3a;border-radius:4px;height:10px;overflow:hidden}.status-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:4px}.status-count{color:#aaa;font-size:.85rem;text-align:right}.recent-orders table{width:100%;border-collapse:collapse;font-size:.9rem}.recent-orders th{color:#00d9ff;text-align:left;padding:.5rem .75rem;border-bottom:1px solid #2a2f4a;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.recent-orders td{color:#ccc;padding:.65rem .75rem;border-bottom:1px solid #1a1f3a}.recent-orders tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.78rem;font-weight:600}.empty{color:#555;font-style:italic}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:120px;background:#1a1f3a;border-radius:8px;padding:12px 16px 8px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:4px}.bar-count{font-size:11px;color:#00d9ff;min-height:14px}.bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.bar-fill{width:100%;background:linear-gradient(180deg,#00d9ff,#08a);border-radius:4px 4px 0 0;min-height:2px;transition:height .4s ease}.bar-label{font-size:11px;color:#aaa}@media (max-width: 600px){.stat-cards{grid-template-columns:repeat(2,1fr)}.status-bar-row{grid-template-columns:110px 1fr 32px}.recent-orders th:nth-child(2),.recent-orders td:nth-child(2){display:none}}.admin-container{display:flex;background:linear-gradient(135deg,#0a0e27,#1a1f3a);min-height:calc(100vh - 80px)}.admin-sidebar{width:260px;background:#0f1428;border-right:2px solid #00d9ff;padding:2rem 0;height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:80px}.sidebar-header{padding:0 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{color:#00d9ff;font-size:1.3rem;margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:1px}.sidebar-toggle{display:none;background:none;border:none;color:#00d9ff;font-size:1.5rem;cursor:pointer}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;margin-bottom:2rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:#aaa;text-decoration:none;border-radius:6px;transition:all .3s ease;border-left:3px solid transparent}.nav-item:hover{color:#00d9ff;background:#1a1f3a;border-left-color:#00d9ff}.nav-item.active{color:#00d9ff;background:#1a1f3a;border-left-color:#00d9ff;font-weight:600}.nav-icon{font-size:1.2rem}.nav-label{flex:1}.sidebar-footer{padding:0 1rem;margin-top:2rem}.sidebar-footer .logout-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#ff006e,#f44);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.sidebar-footer .logout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff006e4d}.admin-content{flex:1;padding:2rem;overflow-y:auto}.mobile-menu-btn{display:none;position:fixed;top:80px;left:1rem;background:#00d9ff;border:none;border-radius:6px;color:#000;font-size:1.5rem;width:40px;height:40px;cursor:pointer;z-index:101}.admin-page{background:#0f1428;border:1px solid #00d9ff;border-radius:12px;padding:2rem;min-height:600px}.admin-page h1{color:#fff;font-size:2rem;margin-top:0;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;letter-spacing:2px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%}.overview-card{background:#1a1f3a;border:1px solid #00d9ff;border-radius:8px;padding:1.5rem;transition:all .3s ease}.overview-card:hover{border-color:#00bcd4;box-shadow:0 0 20px #00d9ff33}.overview-card h3{color:#00d9ff;margin:0 0 1rem;font-size:1.3rem;font-family:Space Grotesk,sans-serif}.overview-stat{color:#aaa;margin:0 0 1rem;font-size:.95rem}.overview-link{display:inline-block;color:#ffd60a;text-decoration:none;font-weight:600;transition:all .3s ease}.overview-link:hover{color:#ffb800;text-decoration:underline}@media (max-width: 768px){.admin-sidebar{position:fixed;left:-260px;width:260px;height:calc(100vh - 80px);transition:left .3s ease;z-index:99;box-shadow:2px 0 10px #0000004d}.admin-sidebar.open{left:0}.sidebar-toggle,.mobile-menu-btn{display:block}.admin-content{margin-left:0;padding:4rem 1rem 1rem}.admin-page{padding:1.5rem}.admin-page h1{font-size:1.5rem}.overview-grid{grid-template-columns:1fr}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:4vh 2vw;max-width:1400px;margin:8vh auto 0;width:100%;animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94);padding-top:6vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #00d9ff99}}@media (max-width: 768px){.main-content{padding:3vh 1rem 4vh;padding-top:4vh}}html{scroll-behavior:smooth}*{transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #00BCD4;--color-primary-light: #00D9FF;--color-primary-dark: #0097A7;--color-accent-pink: #FF006E;--color-accent-yellow: #FFD60A;--color-accent-bright: #00D9FF;--color-accent-purple: #A855F7;--color-accent-orange: #FF6B35;--color-accent-gold: #FDB750;--color-accent-lime: #39FF14;--color-bg-dark: #0A0E27;--color-bg-card: #1A1F3A;--color-bg-section: #0F1425;--color-bg-accent: #1a1a2e;--color-text-primary: #FFFFFF;--color-text-secondary: #A0AEC0;--color-text-tertiary: #718096;--color-border: rgba(0, 217, 255, .1);--color-border-highlight: rgba(0, 217, 255, .3);--font-heading: "Space Grotesk", sans-serif;--font-primary: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .5vw;--spacing-sm: 1vw;--spacing-md: 2vw;--spacing-lg: 3vw;--spacing-xl: 4vw;--spacing-2xl: 5vw;--ease-modern: cubic-bezier(.4, 0, .2, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-dark);color:var(--color-text-primary);font-size:clamp(14px,1.1vw,18px);line-height:1.7;scroll-behavior:smooth;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url(/background.png) repeat;background-size:cover;transform:scaleY(-1);z-index:-1;pointer-events:none}html,body,#root{height:100%;width:100%}a{color:inherit;text-decoration:none}h1{font-family:var(--font-heading);font-size:5vw;font-weight:700;letter-spacing:-.02em;line-height:1.1}h2{font-family:var(--font-heading);font-size:3.2vw;font-weight:700;letter-spacing:-.01em;line-height:1.2}h3{font-family:var(--font-heading);font-size:clamp(16px,1.6vw,26px);font-weight:700;letter-spacing:-.005em}h4{font-family:var(--font-heading);font-size:clamp(14px,1.4vw,22px);font-weight:600}p{font-family:var(--font-body);font-size:clamp(14px,1.1vw,18px);font-weight:400;line-height:1.7;color:var(--color-text-secondary)}button{cursor:pointer;border:1px solid transparent;padding:clamp(10px,1vw,13px) clamp(24px,2.5vw,40px);border-radius:6px;font-family:var(--font-heading);font-size:clamp(13px,1vw,15px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .25s var(--ease-modern);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .4s}button:hover:before{transform:translate(100%)}button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 20px #00d9ff99}button:active{transform:translateY(1px) scale(.98)}