:root{--bg:#0f172a;--card:#1e293b;--fg:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--border:#334155;--danger:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:28rem;margin:0 auto;padding:3rem 1.5rem}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}form{display:flex;flex-direction:column;gap:.75rem}label{font-size:.875rem;color:var(--muted)}input{width:100%;border-radius:.5rem;border:1px solid var(--border);background:#0b1220;color:var(--fg)}.btn,input{padding:.625rem .75rem;font-size:1rem}.btn{border-radius:.5rem;border:none;background:var(--accent);color:#06243a;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--accent);color:var(--accent)}.error{color:var(--danger);font-size:.875rem}.barra{height:.6rem;border-radius:999px;background:#0b1220;border:1px solid var(--border);overflow:hidden;margin:.5rem 0}.barra-fill{height:100%;border-radius:999px}