:root{--bg:#f7f5fb;--card:#fff;--text:#1c1726;--muted:#6b6375;--border:#e5e2ec;--primary:#6d28d9;--primary-text:#fff;--soft:#efe9fb;--danger:#b42318;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#141019;--card:#1e1826;--text:#f1edf7;--muted:#a59db3;--border:#322a3d;--primary:#8b5cf6;--soft:#2a2238;--danger:#f97066}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.page{max-width:480px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.brand{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px}h1{margin:0;font-size:26px;line-height:1.2}p{color:var(--muted);margin:0;line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;padding:14px 16px;font-weight:600}button.primary{background:var(--primary);color:var(--primary-text)}button.soft{background:var(--soft);color:var(--text)}button.link{color:var(--primary);background:0 0;align-self:flex-start;width:auto;padding:8px}button:disabled{opacity:.5;cursor:default}label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:12px 14px;font-size:18px}input.pin{letter-spacing:.4em;text-align:center}.notice{background:var(--soft);color:var(--text);border-radius:12px;padding:12px;font-size:14px}.error{color:var(--danger);font-size:14px}.small{font-size:13px}