:root{--bg:#f7f7fb;--surface:#fff;--text:#16151d;--muted:#6b6a78;--accent:#5b3df5;--border:#e3e2ec;--danger:#c62828}@media (prefers-color-scheme:dark){:root{--bg:#111017;--surface:#1b1a24;--text:#f1f0f7;--muted:#a3a1b5;--accent:#8b74ff;--border:#2d2b3a;--danger:#ff6b6b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:440px;margin:0 auto;padding:48px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}h1{margin:0;font-size:1.6rem}p{color:var(--muted);margin:0}label{flex-direction:column;gap:6px;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:12px}button,.button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 16px;font-weight:600;text-decoration:none}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.error{color:var(--danger)}.badge{background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}