@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@400;700;900&display=swap";
:root{--bg:#000;--bg-panel:#00050feb;--bg-input:#000a19cc;--cyan:#00f5ff;--red:#ff003c;--gold:gold;--amber:#fa0;--green-hack:#39ff14;--stark-red:#c10;--text:#c8e6ff;--text-muted:#5a8aaa;--border:#00f5ff2e;--border-red:#ff003c40;--border-gold:#ffd70040;--shadow-cyan:0 0 20px #00f5ff40;--shadow-red:0 0 20px #ff003c40;--shadow-gold:0 0 20px #ffd70033}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);height:100%;font-family:JetBrains Mono,monospace;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}::selection{color:var(--cyan);background:#00f5ff40}.glow-cyan{text-shadow:0 0 10px var(--cyan),0 0 20px #00f5ff66}.glow-red{text-shadow:0 0 10px var(--red),0 0 20px #ff003c66}.scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px)}.hud-border{border:1px solid var(--border);box-shadow:var(--shadow-cyan),inset 0 0 30px #00f5ff08;border-radius:4px}.hud-border-red{border:1px solid var(--border-red);box-shadow:var(--shadow-red),inset 0 0 30px #ff003c08;border-radius:4px}.hud-corners{position:relative}.hud-corners:before,.hud-corners:after{content:"";border-color:var(--cyan);opacity:.7;border-style:solid;width:12px;height:12px;position:absolute}.hud-corners:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.hud-corners:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.btn-neon{border:1px solid var(--cyan);color:var(--cyan);letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:0 0;padding:10px 24px;font-family:Orbitron,sans-serif;font-size:11px;transition:all .2s;position:relative;overflow:hidden}.btn-neon:hover{box-shadow:var(--shadow-cyan);text-shadow:0 0 8px var(--cyan);background:#00f5ff1a}.btn-neon:active{transform:scale(.98)}.btn-neon-red{border-color:var(--red);color:var(--red)}.btn-neon-red:hover{box-shadow:var(--shadow-red);text-shadow:0 0 8px var(--red);background:#ff003c1a}.neon-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;width:100%;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .2s,box-shadow .2s}.neon-input:focus{border-color:var(--cyan);box-shadow:0 0 8px #00f5ff33}.neon-input::placeholder{color:var(--text-muted)}.toggle-track{border:1px solid var(--border);cursor:pointer;background:#ffffff1a;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative}.toggle-track.active{border-color:var(--red);background:#ff003c33;box-shadow:0 0 10px #ff003c4d}.toggle-thumb{background:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:3px;left:4px}.toggle-track.active .toggle-thumb{background:var(--red);box-shadow:0 0 6px var(--red);left:22px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blink{animation:1s infinite blink}@keyframes pulse-cyan{0%,to{box-shadow:0 0 5px var(--cyan)}50%{box-shadow:0 0 20px var(--cyan),0 0 40px #00f5ff4d}}.pulse-cyan{animation:2s infinite pulse-cyan}@keyframes pulse-red{0%,to{box-shadow:0 0 5px var(--red)}50%{box-shadow:0 0 20px var(--red),0 0 40px #ff003c4d}}.pulse-red{animation:2s infinite pulse-red}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.3s forwards slideInRight}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s forwards fadeInUp}@keyframes loadDot{0%,20%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}80%,to{opacity:0;transform:translateY(0)}}.load-dot-1{animation:1.4s infinite loadDot}.load-dot-2{animation:1.4s .2s infinite loadDot}.load-dot-3{animation:1.4s .4s infinite loadDot}@keyframes glitch{0%{clip-path:inset(20% 0 60%);transform:translate(-3px)}20%{clip-path:inset(80% 0 10%);transform:translate(3px)}40%{clip-path:inset(40% 0);transform:translate(-1px)}60%{clip-path:inset(5% 0 85%);transform:translate(2px)}80%{clip-path:inset(65% 0 20%);transform:translate(-2px)}to{clip-path:inset(20% 0 60%);transform:translate(0)}}