:root{--ocean-1000:#050a2a;--ocean-950:#07113b;--ocean-900:#0a1b54;--ocean-800:#0f2a6a;--aqua:#0fe0ff;--sky:#3aa7ff;--amber:#f4a300;--fg:#e6f0ff;--muted:rgba(230,240,255,0.7)}body,html{overflow-x:hidden;width:100%;margin:0;padding:0}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){html{scroll-padding-top:100px}}.bg-app{background:radial-gradient(1200px 700px at 70% -10%,rgba(10,27,84,.45),transparent 60%),radial-gradient(800px 500px at 20% 110%,rgba(7,17,59,.55),transparent 60%),linear-gradient(180deg,var(--ocean-950) 0,var(--ocean-1000) 100%)}.text-app,.text-fg{color:var(--fg)}.text-muted{color:var(--muted)}.bg-hero{background:radial-gradient(1600px 800px at 50% -10%,rgba(10,27,84,.45),transparent 60%),radial-gradient(1000px 600px at 0 120%,rgba(7,17,59,.55),transparent 60%),linear-gradient(180deg,var(--ocean-950) 0,var(--ocean-1000) 70%)}.bg-navy-900{background-color:var(--ocean-900)}.bg-accent{background-color:var(--aqua)}.text-accent{color:var(--aqua)}.border-accent{border-color:var(--aqua)}.bg-card,.metallic-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),radial-gradient(100% 220% at 100% 0,rgba(15,224,255,.07),transparent 40%),linear-gradient(180deg,rgba(10,27,84,.9),rgba(7,17,59,.9));border:1px solid rgba(15,224,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 34px rgba(0,0,0,.55),0 0 0 1px rgba(15,224,255,.1);border-radius:16px;position:relative;overflow:hidden}.metallic-card:after{content:"";position:absolute;inset:-40% auto auto -60%;width:45%;height:180%;transform:rotate(18deg);background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 90%);opacity:0;pointer-events:none}.metallic-card:focus-within:after,.metallic-card:hover:after{animation:sheen 1.05s cubic-bezier(.05,.9,.2,1)}.bg-surface{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),linear-gradient(180deg,rgba(10,27,84,.85),rgba(7,17,59,.85));border:1px solid rgba(15,224,255,.12)}.bg-header{background:linear-gradient(180deg,rgba(10,27,84,.65),rgba(7,17,59,.65));backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,224,255,.15)}.btn-accent{background:linear-gradient(180deg,var(--aqua),#0ab7d1)!important;color:#001223!important;border:1px solid rgba(255,255,255,.15)!important;font-weight:600!important;box-shadow:0 8px 26px rgba(15,224,255,.35),inset 0 1px 0 rgba(255,255,255,.55)!important}.btn-accent:hover{filter:saturate(1.1);transform:translateY(-1px)!important}.btn-accent-alt,.btn-glass,.btn-outline{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;border:1px solid rgba(15,224,255,.22)!important;color:var(--fg)!important;font-weight:600!important;backdrop-filter:blur(12px)!important;position:relative;overflow:hidden}.btn-accent-alt:after,.btn-glass:after,.btn-outline:after{content:"";position:absolute;inset:-40% auto auto -60%;width:45%;height:180%;transform:rotate(18deg);background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 90%);opacity:0;pointer-events:none}.btn-accent-alt:focus-visible:after,.btn-accent-alt:hover:after,.btn-glass:focus-visible:after,.btn-glass:hover:after,.btn-outline:focus-visible:after,.btn-outline:hover:after{animation:sheen 1.05s cubic-bezier(.05,.9,.2,1)}@keyframes sheen{0%{left:-60%;opacity:0}25%{opacity:.85}to{left:140%;opacity:0}}.floating-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;background:linear-gradient(180deg,rgba(10,27,84,.6),rgba(7,17,59,.6));backdrop-filter:blur(20px);border:1px solid rgba(15,224,255,.22);border-radius:50px;padding:8px 24px;box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 0 1px rgba(15,224,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:320px;max-width:calc(100vw - 40px);width:fit-content}.floating-nav .flex{width:100%;min-height:40px}.floating-nav.scrolled{background:linear-gradient(180deg,rgba(10,27,84,.8),rgba(7,17,59,.8));box-shadow:0 12px 40px rgba(0,0,0,.55)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.floating-nav nav{max-width:calc(100vw - 200px)}@media (max-width:768px){.floating-nav nav{max-width:calc(100vw - 150px)}}@media (max-width:640px){.floating-nav nav{max-width:calc(100vw - 120px)}}.nav-brand{font-weight:700;font-size:1.05rem;color:var(--fg);text-decoration:none;white-space:nowrap;flex-shrink:0}.nav-brand:hover{color:var(--aqua)}.nav-item{color:rgba(230,240,255,.9);font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:24px;transition:all .2s;text-decoration:none;white-space:nowrap}.nav-item:hover{color:var(--ocean-1000);background:var(--aqua)}.nav-item.active{color:var(--ocean-1000);background:linear-gradient(180deg,var(--aqua),#0ab7d1)}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger .line{width:24px;height:2px;background:var(--fg);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger .line.open:first-child{transform:rotate(45deg)}.hamburger .line.open:nth-child(2){opacity:0}.hamburger .line.open:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,rgba(10,27,84,.95),rgba(7,17,59,.95));backdrop-filter:blur(20px);border:1px solid rgba(15,224,255,.22);border-radius:16px;margin-top:8px;padding:16px;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-item{color:var(--fg);font-size:1rem;font-weight:600;padding:12px 16px;border-radius:12px;transition:all .2s;text-decoration:none;text-align:center}.mobile-nav-item:hover{color:var(--ocean-1000);background:var(--aqua)}.metallic-text{background:linear-gradient(90deg,#c3f1ff,#ffffff,#b6e9ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(255,255,255,.08)}.reflect-ribbon{position:relative}.reflect-ribbon:after{content:"";position:absolute;left:50%;bottom:-10px;width:120px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(15,224,255,.8),transparent);animation:ribbon 2.4s cubic-bezier(.05,.9,.2,1) infinite;opacity:.6}@keyframes ribbon{0%{width:40px;opacity:.25}50%{width:140px;opacity:.85}to{width:40px;opacity:.25}}.metallic-logo{width:min(720px,85vw);height:clamp(120px,18vw,220px);margin-inline:auto;background:linear-gradient(90deg,#bcd8e0,#ffffff,#bcd8e0),radial-gradient(600px 300px at 75% 40%,rgba(15,224,255,.35),transparent 60%),radial-gradient(600px 300px at 25% 60%,rgba(58,167,255,.25),transparent 60%);-webkit-mask:url(/images/logo-attachment.svg) center/contain no-repeat;mask:url(/images/logo-attachment.svg) center/contain no-repeat;filter:drop-shadow(0 12px 28px rgba(0,8,39,.35))}.glitter{position:relative;overflow:hidden}.glitter:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1.5px 1.5px at 80% 60%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.8px 1.8px at 60% 80%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 35% 65%,rgba(255,255,255,.8),transparent 60%);filter:blur(.2px);opacity:.22;animation:twinkle 3.8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.14;transform:translateY(0)}to{opacity:.33;transform:translateY(-3px)}}.reflective-hover{position:relative;overflow:hidden}.reflective-hover:after{content:"";position:absolute;inset:-40% auto auto -60%;width:45%;height:180%;transform:rotate(18deg);background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 90%);opacity:0;pointer-events:none}.reflective-hover:focus-within:after,.reflective-hover:hover:after{animation:sheen 1.05s cubic-bezier(.05,.9,.2,1)}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}a:focus-visible,button:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b1131}::-webkit-scrollbar-thumb{background:#17306c;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#20419a}@media (max-width:640px){.container{padding:0 1rem;max-width:100%}.metallic-logo{width:min(480px,90vw);height:clamp(80px,12vw,160px)}.floating-nav{top:12px;left:20px;right:20px;padding:10px 16px;transform:none;min-width:auto;max-width:calc(100vw - 40px);width:auto}.nav-links{display:none}h1{font-size:2.5rem;line-height:1.1}h2{font-size:1.875rem;line-height:1.2}.reflect-ribbon:after{width:80px}.grid{gap:1rem;width:100%}section{width:100%;overflow-x:hidden}}@media (max-width:768px){.floating-nav{top:16px;left:20px;right:20px;transform:none;padding:12px 20px;min-width:auto;max-width:calc(100vw - 40px);width:auto}.metallic-logo{width:min(600px,85vw);height:clamp(100px,15vw,180px)}.floating-nav{top:16px;left:20px;right:20px;transform:none;padding:12px 20px;min-width:auto;max-width:none;width:auto}.nav-brand{font-size:.95rem}}@media (max-width:640px){.floating-nav{top:12px;left:20px;right:20px;padding:10px 16px;transform:none;min-width:auto;max-width:none;width:auto}.nav-brand{font-size:.9rem}}@media (max-width:480px){.floating-nav{padding:8px 12px}.nav-brand{font-size:.85rem}}.responsive-grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}.responsive-grid-3{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}.responsive-grid-4{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:640px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.btn-accent,.btn-accent-alt,.btn-glass,.btn-outline{width:100%;justify-content:center}.flex.flex-col.sm\:flex-row{gap:.75rem}.flex.flex-wrap{flex-direction:column}}@media (max-width:768px){.floating-nav{top:16px;left:20px;right:20px;transform:none;padding:12px 20px;min-width:auto;max-width:none;width:auto}.metallic-logo{width:min(600px,85vw);height:clamp(100px,15vw,180px)}.metallic-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),linear-gradient(180deg,rgba(10,27,84,.9),rgba(7,17,59,.9));border:1px solid rgba(15,224,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.3);border-radius:12px}.metallic-card:after,.reflective-hover:after{display:none}.touch-card{transition:transform .2s ease,box-shadow .2s ease}.touch-card:active{transform:scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.2)}a,button{min-height:44px;min-width:44px}.grid{gap:1rem;width:100%}}@media (hover:none) and (pointer:coarse){.metallic-card:hover:after,.reflective-hover:hover:after{display:none}.metallic-card,.reflective-hover{transition:transform .2s ease}.metallic-card:active,.reflective-hover:active{transform:scale(.98)}}@keyframes float{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate3d(0,-20px,0) rotate(120deg)}66%{transform:translate3d(0,10px,0) rotate(240deg)}}@keyframes float-delayed{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate3d(0,15px,0) rotate(-90deg)}66%{transform:translate3d(0,-25px,0) rotate(-180deg)}}@keyframes float-slow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-15px,0) scale(1.05)}}@keyframes shimmer{0%{transform:translate3d(-100%,0,0) skewX(-12deg);opacity:0}50%{opacity:.8}to{transform:translate3d(100%,0,0) skewX(-12deg);opacity:0}}@keyframes shimmer-reverse{0%{transform:translate3d(100%,0,0) skewX(12deg);opacity:0}50%{opacity:.6}to{transform:translate3d(-100%,0,0) skewX(12deg);opacity:0}}.animate-float{animation:float 6s cubic-bezier(.4,0,.6,1) infinite}.animate-float-delayed{animation:float-delayed 8s cubic-bezier(.4,0,.6,1) infinite;animation-delay:-2s}.animate-float-slow{animation:float-slow 10s cubic-bezier(.4,0,.6,1) infinite;animation-delay:-4s}.animate-shimmer{animation:shimmer 12s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer-reverse{animation:shimmer-reverse 15s cubic-bezier(.4,0,.6,1) infinite;animation-delay:-3s}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.mask-gradient-to-b{mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0))}@media (prefers-reduced-motion:reduce){.animate-float,.animate-float-delayed,.animate-float-slow,.animate-shimmer,.animate-shimmer-reverse{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fade-in-up 1.2s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}