:root{--font-body: "Orbitron", "Inter", system-ui, sans-serif;--bg-space: #050510;--neon-cyan: #00f3ff;--neon-pink: #bc13fe;--neon-green: #0aff00;--neon-blue: #0033ff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #e0e0e0;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-space);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a1a3a,#000),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIxIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSIyNTAiIGN5PSIzNTAiIHI9IjEuNSIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC43Ii8+PC9zdmc+)}a{font-weight:500;color:var(--neon-cyan);text-decoration:inherit;transition:text-shadow .3s}a:hover{text-shadow:0 0 10px var(--neon-cyan)}h1{font-size:3.2em;line-height:1.1;text-transform:uppercase;letter-spacing:2px}button{border-radius:4px;border:1px solid var(--neon-cyan);padding:.8em 1.5em;font-size:1em;font-weight:700;font-family:var(--font-body);background:#00f3ff1a;color:var(--neon-cyan);cursor:pointer;transition:all .25s ease-in-out;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 5px #00f3ff33}button:hover{background:#00f3ff4d;box-shadow:0 0 20px var(--neon-cyan);border-color:#fff;color:#fff}button:focus,button:focus-visible{outline:2px solid var(--neon-pink);box-shadow:0 0 15px var(--neon-pink)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;z-index:9999;opacity:.15}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;color:var(--text-main);position:relative;z-index:2}.neon-title{font-size:4rem;margin-bottom:2rem;font-weight:900;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 40px var(--neon-cyan);animation:pulse-glow 2s infinite alternate}@keyframes pulse-glow{0%{text-shadow:0 0 10px #fff,0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan)}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 25px var(--neon-cyan)}}.neon-card{padding:2.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #00000080;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.input-group{display:flex;gap:10px;width:100%}.neon-input{background:#0000004d;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px 16px;font-size:1.1rem;border-radius:4px;font-family:var(--font-body);outline:none;transition:box-shadow .3s;width:100%}.neon-input::placeholder{color:#00f3ff80}.neon-input:focus{box-shadow:0 0 15px #00f3ff4d}.neon-button{width:100%;font-size:1.2rem;letter-spacing:2px}.neon-button-secondary{border-color:var(--neon-pink);color:var(--neon-pink);background:#bc13fe1a;box-shadow:0 0 5px #bc13fe33}.neon-button-secondary:hover{background:#bc13fe4d;box-shadow:0 0 20px var(--neon-pink);color:#fff;border-color:#fff}.hud-bar{display:flex;gap:20px;padding:10px 20px;background:#0009;border:1px solid var(--neon-blue);border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:20px;box-shadow:0 0 15px #0033ff4d}.hud-item{font-size:1.2rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}