@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap";
:root{--neon-lime:#cf0;--dark-overlay:#0a0f02;--bg-black:#000;--text-white:#fff;--input-bg:#ffffff12}.scanline-bg{background-image:radial-gradient(#1f3311 15%,#0000 16%),radial-gradient(#1f3311 15%,#0000 16%);background-position:0 0,2px 2px;background-size:4px 4px;position:absolute;inset:0}.vignette{background:radial-gradient(circle,#0000 40%,#000 95%);position:absolute;inset:0}h1{color:var(--neon-lime);text-transform:uppercase;letter-spacing:-2px;text-shadow:0 0 15px #cf03;font-family:Archivo Black,sans-serif;font-size:4.5rem}.container{text-align:center;width:100%;max-width:600px;padding:20px;position:relative}.hud-bar{color:var(--neon-lime);justify-content:space-between;margin-bottom:40px;font-size:12px;display:flex}.subtitle{color:#e0e0e0;margin:15px 0 40px}.login-form{flex-direction:column;gap:15px;max-width:300px;margin:auto;display:flex}input{background:var(--input-bg);color:#fff;border:1px solid #333;width:100%;padding:12px}.start-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;margin-top:10px;padding:14px}.start-btn:hover{background:var(--neon-lime);color:#000}
*{box-sizing:border-box}body{background:var(--bg-black);height:100vh;color:var(--text-white);justify-content:center;align-items:center;margin:0;font-family:Space Mono,monospace;display:flex;overflow:hidden}.hud-bar a{color:inherit;text-decoration:none}.stat-box{flex-direction:column;gap:.4rem;margin-bottom:1.3rem;display:flex}.stat-label{letter-spacing:.15em;color:#b6ff00;opacity:.9;font-size:1rem}.stat-box input{color:#eaeaea;background:#121212f2;border:1px solid #ffffff2e;border-radius:4px;outline:none;padding:.9rem 1rem;font-size:1rem;box-shadow:inset 0 0 1px #ffffff26,0 0 10px #0009}.stat-box input::placeholder{color:#ffffff59}.stat-box input:focus{border-color:#b6ff00;box-shadow:inset 0 0 2px #b6ff0099,0 0 12px #b6ff0040}.start-wrapper{text-align:center;margin-top:1.8rem}button{color:#fff;letter-spacing:.15em;cursor:pointer;background:0 0;border:2px solid #fff;align-items:center;gap:.6rem;padding:.9rem 3.5rem;font-size:.85rem;display:inline-flex}button:hover{background:#ffffff0f}button:active{transform:translateY(1px)}.error-text{color:#ff4d4d;margin-top:.9rem;font-size:.75rem}
