:root{--ink:#1d2b36;--muted:#52606d;--bg:#f6f7f9;--card:#fff;--line:#d9dee3;--brand:#0b6e69;--brand-ink:#fff;--focus:#f5a623;--err:#b42318}
@media (prefers-color-scheme:dark){:root{--ink:#e6eaee;--muted:#a9b4bf;--bg:#11181d;--card:#1a232a;--line:#2c3740;--brand:#3fb8af;--brand-ink:#0b1a19}}
*{box-sizing:border-box}
body{margin:0;font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.top{display:flex;align-items:baseline;gap:12px;padding:16px;max-width:560px;margin:0 auto}
.brand{font-weight:700;font-size:22px;color:var(--brand)}.tag{color:var(--muted)}
main{max-width:560px;margin:0 auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;margin:0 0 16px}
h1{font-size:26px;margin:0 0 8px}h2{font-size:19px;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 16px}
label{display:block;font-weight:600;margin:12px 0 6px}
input{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}
#otp{letter-spacing:6px;font-size:22px}
button{font:inherit;font-weight:600;min-height:48px;padding:10px 18px;border-radius:8px;border:0;background:var(--brand);color:var(--brand-ink);cursor:pointer;margin-top:16px;width:100%}
button.secondary{background:transparent;color:var(--brand);border:2px solid var(--brand)}
button.link{background:none;color:var(--brand);text-decoration:underline;width:auto;padding:8px 0;min-height:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.or{text-align:center;color:var(--muted);margin:16px 0 0}.msg{min-height:1.5em;margin:12px 0 0}
.pids{padding-left:20px}footer{max-width:560px;margin:0 auto;padding:16px;color:var(--muted);font-size:15px}