:root{--bg:#14161b;--card:#191c22;--line:#353a44;--ink:#e7e5df;--mute:#9aa0ab;--accent:#2e7d8a;--err:#d9534f}
@media (prefers-color-scheme:light){:root{--bg:#cfd2d5;--card:#eceef0;--line:#8a97b8;--ink:#1a1c22;--mute:#4a4e56}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;padding:16px}
main{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);padding:32px}
.k{font:500 11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 18px}
h1{font:400 26px/1.2 Montserrat,Inter,sans-serif;font-variant-caps:small-caps;letter-spacing:.02em;margin:0 0 8px}
p{margin:0 0 18px;color:var(--mute)}label{display:block;font-variant-caps:small-caps;letter-spacing:.04em;margin:0 0 6px}
input{width:100%;padding:12px 14px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:0;margin:0 0 16px}
input.pin{font:600 26px/1 ui-monospace,Menlo,monospace;letter-spacing:8px;text-align:center}
button{width:100%;padding:13px;font:600 14px/1 inherit;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border:0;border-radius:0;cursor:pointer}
button.ghost{background:transparent;color:var(--mute);border:1px solid var(--line);margin-top:10px}button[disabled]{opacity:.6;cursor:default}
.err{color:var(--err);margin:0 0 14px}.ok{margin:0 0 14px}.foot{font-size:12px;color:var(--mute);margin:22px 0 0;text-align:center}.foot a{color:inherit}[hidden]{display:none!important}