.account-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:32px; }
.account-header nav { display:flex; gap:24px; font-size:14px; }
.account-header nav a, .account-footer a { display:inline-flex; align-items:center; min-height:44px; }
.account-main { max-width:448px; margin:56px auto 72px; padding-inline:24px; }
.account-main h1 { font-size:44px; line-height:1.12; letter-spacing:-.03em; margin:0 0 18px; }
.account-main .account-lede { color:var(--muted); margin-bottom:32px; }
.account-main form { display:grid; gap:24px; }
.account-main label { display:block; font-weight:600; margin-bottom:8px; }
.account-main input:not([type=submit]):not([type=hidden]) { width:100%; border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); color:var(--ink); padding:13px 14px; font:inherit; min-height:48px; }
.account-main input::placeholder { color:var(--muted); opacity:1; }
.account-main .button { width:100%; cursor:pointer; }
.account-main .account-note, .account-footer { color:var(--muted); font-size:14px; line-height:1.6; }
.account-main .account-note { margin-top:8px; }
.account-main .account-switch { margin-top:32px; }
.account-main p a, .account-message a, .account-footer a { text-decoration:underline; text-underline-offset:4px; }
.account-message { padding:18px 20px; border-radius:12px; background:var(--mint); margin:0 0 24px; }
.account-message p { margin:0 0 8px; }
.account-message ul { padding-left:20px; margin:0; }
.is-error { background:#fff0eb; color:#853e2d; }
.account-main input[aria-invalid=true] { border-color:#853e2d; }
.field-error { color:#853e2d; font-size:14px; margin:8px 0 0; }
.account-footer { display:flex; justify-content:center; gap:24px; padding:0 24px 32px; }
@media(max-width:600px) { .account-header { padding-block:20px; flex-wrap:wrap; gap:8px 24px; } .account-header nav { gap:20px; } .account-main { margin-top:32px; margin-bottom:48px; } .account-main h1 { font-size:36px; } }