.account-page{min-height:100vh;display:flex;flex-direction:column}
.account-page .site-footer{margin-top:auto;width:100%}
.account-layout{width:100%;max-width:640px;padding-top:54px;padding-bottom:54px}
.account-panel{padding:32px clamp(20px,5vw,40px)}
.account-panel h1{font-size:34px;margin-top:12px}
.account-intro{margin-top:16px;font-size:13px}
.account-form{display:grid;gap:20px;margin-top:28px}
.account-field{display:grid;gap:7px;min-width:0}
.account-field label{font-size:12px;font-weight:600}
.account-field input{width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--text)}
.account-field input[aria-invalid="true"]{border-color:var(--red)}
.account-help{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.account-help ul,.account-errors ul{margin:0;padding-left:18px}
.account-errors{font-size:12px;color:var(--red);overflow-wrap:anywhere}
.account-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px}
.account-links a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px}
.account-links a:hover{color:var(--text)}
.account-note{margin-top:24px;margin-bottom:16px;font-size:12px}
@media(max-width:600px){
  .account-page .site-header{height:auto;min-height:68px;flex-wrap:wrap;row-gap:12px;padding-top:14px;padding-bottom:12px}
  .account-page .site-header nav{order:3;width:100%;height:34px;justify-content:space-between;gap:12px}
  .account-layout{padding-top:28px;padding-bottom:28px}
  .account-panel{padding:24px 20px}
  .account-panel h1{font-size:29px}
}