:root{--font-cyber:"Orbitron", "Rajdhani", sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg:#03030c;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--neon-cyan:#00f3ff;--neon-magenta:#ff007f;--neon-purple:#9d4edd;--neon-green:#39ff14;--glass-bg:#060614a6;--glass-border:#ffffff12;--glass-highlight:#00f3ff26;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#03030ccc}::-webkit-scrollbar-thumb{background:#9d4edd4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple)}.cyber-overlay{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.cyber-grid{background-image:linear-gradient(#12102366 1px,#0000 1px),linear-gradient(90deg,#12102366 1px,#0000 1px);background-position:50%;background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.cyber-scanlines{background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pulse-glow{0%,to{text-shadow:0 0 8px #00f3ff99,0 0 20px #00f3ff4d}50%{text-shadow:0 0 15px #00f3ffe6,0 0 30px #00f3ff80,0 0 40px #00f3ff4d}}@keyframes glitch-skew{0%{transform:skew(0deg)}20%{transform:skew(-1deg)}21%{transform:skew(3deg)}25%{transform:skew(0deg)}70%{transform:skew(0deg)}71%{transform:skew(-2deg)}75%{transform:skew(1deg)}80%{transform:skew(0deg)}to{transform:skew(0deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes border-glow-pulse{0%,to{border-color:var(--glass-border);box-shadow:0 8px 32px 0 #00000080, inset 0 0 0 1px var(--glass-border)}50%{border-color:#00f3ff40;box-shadow:0 8px 32px #0009,0 0 15px #00f3ff26,inset 0 0 8px #00f3ff1a}}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px #00f3ff80;font-family:var(--font-cyber)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:0 0 8px #ff007f80;font-family:var(--font-cyber)}.glitch-title{font-family:var(--font-cyber);text-transform:uppercase;letter-spacing:.15em;font-weight:900;animation:3s linear infinite alternate-reverse glitch-skew}#root{z-index:2;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}