:root{--color-void: #020408;--color-deep-blue: #030d1a;--color-abyss: #050f1f;--color-surface: #0a1628;--color-surface-2: #0d1f38;--color-cyan: #00f5ff;--color-cyan-dim: #00b8cc;--color-cyan-glow: rgba(0, 245, 255, .1);--color-cyan-pulse: rgba(0, 245, 255, .28);--color-gold: #ffd700;--color-gold-dim: #b8970a;--color-gold-glow: rgba(255, 215, 0, .08);--color-blue-neon: #4d79ff;--color-purple: #7b52ff;--color-magenta: #ff3cac;--color-text-primary: #e8f4fd;--color-text-secondary: #8ab4cc;--color-text-muted: #3d5a73;--font-display: "Orbitron", monospace;--font-body: "Space Grotesk", sans-serif;--font-ui: "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 5rem;--space-2xl: 10rem;--glow-cyan: 0 0 20px rgba(0, 245, 255, .42), 0 0 40px rgba(0, 245, 255, .21), 0 0 80px rgba(0, 245, 255, .07);--glow-gold: 0 0 20px rgba(255, 215, 0, .35), 0 0 40px rgba(255, 215, 0, .14);--glow-blue: 0 0 20px rgba(77, 121, 255, .35), 0 0 60px rgba(77, 121, 255, .14);--border-neon: 1px solid rgba(0, 245, 255, .22);--border-gold: 1px solid rgba(255, 215, 0, .16);--transition-fast: .18s ease;--transition-smooth: .5s cubic-bezier(.25, .46, .45, .94);--transition-cinematic: 1s cubic-bezier(.16, 1, .3, 1);--z-canvas: 0;--z-content: 10;--z-overlay: 20;--z-nav: 100;--z-modal: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--color-void);color:var(--color-text-primary);font-family:var(--font-body);font-size:17px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:var(--color-cyan-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}::selection{background:var(--color-cyan-pulse);color:var(--color-void)}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-canvas)}.scroll-content{position:relative;z-index:var(--z-content);pointer-events:none}.scroll-content>*{pointer-events:auto}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.text-glow-cyan{color:var(--color-cyan);text-shadow:var(--glow-cyan)}.text-glow-gold{color:var(--color-gold);text-shadow:var(--glow-gold)}.glass-panel{background:#0a162899;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:var(--border-neon);border-radius:12px}.btn-neon{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:var(--font-display);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-cyan);background:transparent;border:var(--border-neon);border-radius:4px;cursor:pointer;overflow:hidden;transition:var(--transition-smooth),transform .22s cubic-bezier(.34,1.56,.64,1)}.btn-neon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-cyan-glow);opacity:0;transition:var(--transition-smooth)}.btn-neon:hover{color:var(--color-void);background:var(--color-cyan);box-shadow:var(--glow-cyan);border-color:var(--color-cyan)}.btn-neon:hover:before{opacity:1}.neon-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-cyan),transparent);opacity:.28;margin:3rem 0}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:var(--z-overlay)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-void);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;z-index:9999}.loading-bar-track{width:200px;height:2px;background:var(--color-surface-2);border-radius:1px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-blue-neon),var(--color-cyan));box-shadow:var(--glow-cyan);animation:loadProgress 2s ease-in-out forwards}@keyframes loadProgress{0%{width:0%}to{width:100%}}.terminal-cursor{display:inline-block;width:8px;height:.85em;background:var(--color-cyan);margin-left:2px;vertical-align:text-bottom;animation:termBlink .75s step-end infinite}@keyframes termBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){:root{--space-xl: 3rem;--space-2xl: 5rem}}