:root{--cp-bg: #0a0e17;--cp-bg-dark: #060911;--cp-surface: #111827;--cp-cyan: #00f0ff;--cp-magenta: #ff003c;--cp-yellow: #fcee09;--cp-text: #e4e4e7;--cp-text-secondary: #6b7b8d;--cp-border: #1e3a4a;--font-heading: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(180deg,var(--cp-bg) 0%,var(--cp-bg-dark) 100%);color:var(--cp-text);font-family:var(--font-heading)}body:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.03) 2px,rgba(0,240,255,.03) 4px)}canvas#webgl-canvas{position:fixed;inset:0;display:block;width:100%;height:100%}.hud-frame{position:fixed;inset:24px;z-index:100;pointer-events:none;opacity:0;border:1px solid var(--cp-border);transition:opacity 1s ease}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--cp-cyan);border-style:solid}.hud-frame:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.hud-frame:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.landing-copy{position:fixed;bottom:15vh;left:50%;transform:translate(-50%);z-index:200;font-family:var(--font-heading);font-size:1.25rem;font-weight:600;letter-spacing:.25em;color:var(--cp-text);text-shadow:0 0 20px rgba(0,240,255,.5),0 0 40px rgba(0,240,255,.25);opacity:0;white-space:nowrap;text-align:center}.landing-subtext{position:fixed;bottom:10vh;left:50%;transform:translate(-50%);z-index:200;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;color:var(--cp-text-secondary);opacity:0}@media (prefers-reduced-motion: reduce){.landing-copy,.landing-subtext{opacity:1;transform:translate(-50%) translateY(0);transition:none}.hud-frame{opacity:1;transition:none}}@keyframes glitch{0%,to{clip-path:inset(0 0 100% 0);transform:translate(-50%)}10%{clip-path:inset(10% 0 80% 0);transform:translate(calc(-50% + 2px))}20%{clip-path:inset(30% 0 60% 0);transform:translate(calc(-50% - 2px))}30%{clip-path:inset(60% 0 30% 0);transform:translate(calc(-50% + 1px))}40%{clip-path:inset(80% 0 10% 0);transform:translate(-50%)}}.landing-copy.glitch-active{animation:glitch .2s steps(1) 1}