html,body{height:100%;background:#000;color:#fff}.backdrop-glass{backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:#ffffff0f;border:1px solid rgba(255,255,255,.18)}.nav-glass{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px #ffffff0d inset,0 8px 32px #0000001f}.nav-glass.scrolled{background:#ffffff1f;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 1px #ffffff14 inset,0 8px 32px #0000002e}html{scroll-behavior:smooth}.text-gradient{background:linear-gradient(90deg,#8b5cf6,#06b6d4,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-gradient{background:linear-gradient(90deg,#6d28d9,#0ea5e9)}.ring-gradient{box-shadow:0 0 0 1px #ffffff1a inset,0 10px 30px #0ea5e940,0 2px 10px #6d28d940}.soft-shadow{box-shadow:0 10px 30px #00000040}.no-scroll{overflow:hidden}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}#hero-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none}.vignette-overlay{z-index:1}