:root{--background:#f5f5f7;--surface:#fff;--border:#d9d9de;--text:#1d1d1f;--text-secondary:#6e6e73;--accent:#0a66d8;--accent-text:#fff;--success:#1f8a3b;--error:#c4291c;--error-surface:#fdecea;--info:#0a66d8;--radius:12px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--background:#1c1c1e;--surface:#2c2c2e;--border:#3a3a3c;--text:#f5f5f7;--text-secondary:#a1a1a6;--accent:#2f8cff;--success:#34c759;--error:#ff6b5e;--error-surface:#3d201d;--info:#2f8cff}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.page{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:32px}.card h1{margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.25}.card p{color:var(--text-secondary);margin:0 0 16px}.card .hint{margin-bottom:0;font-size:13px}.badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.badge-info{background:var(--info)}.badge-success{background:var(--success)}.badge-error{background:var(--error)}.notice{border-radius:8px;padding:10px 12px;font-size:14px}.card .notice-error{background:var(--error-surface);color:var(--error)}form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:600}.field input{background:var(--background);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.field input[aria-invalid=true]{border-color:var(--error)}.field-help,.field-error{font-size:12px}.field-help{color:var(--text-secondary)}.field-error{color:var(--error)}.primary{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:11px 16px;font-weight:600}.primary:disabled{opacity:.6;cursor:default}.primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:480px){.card{padding:24px 20px}}