/* Email-only sign-in layout. Shared button tokens come from site.css. */
.account-page *, .account-page *::before, .account-page *::after { box-sizing:border-box; }
.account-page .login-shell { width:100%; max-width:580px; margin:0 auto; padding:40px 24px 32px; }
.account-page .login-panel { margin:0; }
.account-page .eyebrow { display:block; font-size:12px; font-weight:750; letter-spacing:.14em; color:#a7a1ff; }
.account-page .login-panel h1 { margin:12px 0 16px; font-size:clamp(30px,6vw,44px); line-height:1.15; letter-spacing:-.035em; }
.account-page .login-panel p { margin:0 0 20px; color:var(--muted); overflow-wrap:anywhere; }
.account-page .login-panel form { margin:28px 0 0; }
.account-page .login-panel label { display:block; margin:0 0 8px; font-weight:600; }
.account-page .login-panel input { display:block; width:100%; min-width:0; min-height:52px; padding:12px 16px; border:1px solid var(--border); border-radius:10px; background:#171b30; color:var(--text); font:inherit; font-size:16px; }
.account-page .login-panel #code { height:64px; text-align:center; font:500 26px/1.2 ui-monospace,monospace; letter-spacing:.22em; font-variant-numeric:tabular-nums; }
.account-page .login-panel #destination { margin:0 0 16px; font-size:14px; }
.account-page .login-panel form > button { display:flex; width:100%; min-height:52px; margin:16px 0 0; padding:12px 16px; justify-content:space-between; border:1px solid #8d80fa; border-radius:10px; background:#5143ae; color:#fff; font:600 16px/1.3 system-ui,sans-serif; cursor:pointer; }
.account-page .login-panel form > button:hover { background:#6152c4; }
.account-page .login-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:8px 0 0; }
.account-page .login-actions button { display:flex; justify-content:center; min-width:0; min-height:44px; margin:0; padding:10px 8px; border:1px solid transparent; border-radius:10px; background:transparent; color:#c7c3ff; font:500 14px/1.3 system-ui,sans-serif; cursor:pointer; }
.account-page .login-actions button:hover:not(:disabled) { background:#20283c; }
.account-page button:disabled { opacity:.5; cursor:default; }
.account-page input:focus-visible,.account-page button:focus-visible { outline:2px solid #a7a1ff; outline-offset:3px; }
.account-page .login-panel .hint { margin:16px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
.account-page .login-panel #status { margin:16px 0 0; color:#c7c3ff; font-size:14px; }
.account-page #status:empty { display:none; }
.account-page .login-footer { margin:28px 0 0; padding:20px 0 0; border-top:1px solid var(--border); color:var(--muted); font-size:14px; }
@media(max-width:520px) {
  .account-page .login-shell { padding:24px 20px; }
  .account-page .login-panel h1 { margin:10px 0 12px; }
  .account-page .login-panel form { margin-top:24px; }
  .account-page .login-panel p { margin-bottom:16px; }
}
@media(max-height:600px) and (max-width:600px) {
  .account-page .login-shell { padding-top:16px; }
  .account-page .login-panel h1 { font-size:28px; }
}