:root{--bg:#0a0e0a;--bg-dark:#050805;--fg:#0f8;--fg-dim:#0a5;--fg-dimmer:#063;--accent:#0ff;--error:#f46;-webkit-font-smoothing:antialiased;font-family:Courier New,Consolas,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);min-height:100vh;overflow-x:hidden}body{background-image:radial-gradient(circle at 50% 0,#00ff880d,#0000 60%);justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.container{text-align:center;width:100%;max-width:620px}h1{letter-spacing:.4em;text-shadow:0 0 20px var(--fg), 0 0 40px #00ff884d;margin-bottom:.5rem;font-size:clamp(3rem,10vw,5rem);font-weight:400}.subtitle{color:var(--fg-dim);letter-spacing:.1em;margin-bottom:3.5rem;font-size:.95rem}.progress{margin:2.5rem 0 3rem}.progress-bar{border:1px solid var(--fg-dimmer);background:#00ff880d;height:10px;margin-bottom:.8rem;position:relative;overflow:hidden}.progress-fill{background:var(--fg);height:100%;box-shadow:0 0 10px var(--fg);transition:width .5s}.progress-text{color:var(--fg-dim);letter-spacing:.15em;font-size:.9rem}button{color:var(--fg);border:1px solid var(--fg);cursor:pointer;letter-spacing:.15em;background:0 0;margin:.4rem;padding:1rem 3rem;font-family:inherit;font-size:1.1rem;transition:all .2s}button:hover{background:var(--fg);color:var(--bg);box-shadow:0 0 20px var(--fg)}.reset-btn{border-color:var(--fg-dimmer);color:var(--fg-dim);padding:.6rem 1.5rem;font-size:.85rem}.reset-btn:hover{background:var(--fg-dimmer);color:var(--bg);box-shadow:none}footer{color:var(--fg-dimmer);margin-top:4rem;font-size:.8rem;line-height:1.8}@media (width<=480px){h1{letter-spacing:.3em}button{padding:.9rem 2rem;font-size:1rem}}