:root { --bg:#0f1115; --fg:#f1f5f9; --muted:#9aa4b2; --card:#151923; --acc:#4f46e5; --acc2:#22c55e; --danger:#ef4444; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--fg);line-height:1.45}
.container{max-width:880px;margin:24px auto;padding:0 16px}
h1{margin:0 0 6px} .sub{color:var(--muted);margin:0 0 20px}
.card{background:var(--card);padding:18px 16px;border-radius:14px;margin:14px 0;border:1px solid #1f2430}
.grid{display:grid;gap:12px;grid-template-columns:1fr; }
@media (min-width:720px){ .grid{grid-template-columns:1fr 1fr} }
input[type="text"],input[type="email"]{width:100%;padding:12px 10px;border-radius:10px;border:1px solid #2a3140;background:#0f131b;color:var(--fg)}
.option{display:block;padding:10px;border:1px solid #2a3140;border-radius:10px;margin:8px 0;background:#0f131b}
.option input{margin-right:8px}
.progress-wrap{height:10px;background:#1a2030;border-radius:999px;overflow:hidden;border:1px solid #232a3a}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.progress-text{color:var(--muted);margin:6px 2px 16px}
.nav{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}
.btn{padding:10px 14px;border-radius:10px;border:1px solid #2a3140;background:#1b2130;color:var(--fg);cursor:pointer}
.btn.primary{background:var(--acc);border-color:transparent}
.btn.secondary{background:#0f131b}
.btn:disabled{opacity:.5;cursor:not-allowed}
.msg{min-height:20px;margin-top:8px}
.foot{opacity:.7;margin-bottom:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}