.account-page{max-width:960px;padding-top:32px}
.account-page>h1{max-width:680px}
.account-page>p:not(.eyebrow){max-width:720px;margin-top:12px}
.account-page .surface{padding:clamp(20px,3vw,36px)}
.account-page #authSection{margin-top:28px}
.account-page #authSection h2{margin-bottom:22px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-field{min-width:0}
.contact-field label span{font-weight:400;color:var(--muted)}
.account-page #startForm>label[for=recover]{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:14px}
.account-page #startForm>label[for=recover] input{width:18px;height:18px;min-height:18px;flex:none}
.verification-actions{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:18px;margin-top:4px}
.account-page .verification-actions button,.account-page .verify-submit{justify-self:end}
.account-page #verifyForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.account-page #verifyForm .verify-submit{grid-column:1/-1;margin-top:8px}
.account-page #authStatus{margin-top:14px;min-height:22px}
@media(max-width:700px){.contact-fields{grid-template-columns:1fr;gap:12px}.verification-actions{grid-template-columns:1fr}.account-page .verification-actions button{width:auto;max-width:100%}}
@media(max-width:480px){.account-page{padding-top:24px}.account-page #verifyForm{grid-template-columns:1fr}.account-page #authSection h2{margin-bottom:16px}}

.preview-notice{padding:14px 18px;border:1px solid #cda06a;background:#fff5e8;color:#4a3321;border-radius:8px;line-height:1.45}
#phoneCodeField{min-width:0}
#phoneCodeField label{display:block;margin-bottom:10px}
.phone-upgrade{margin:14px 0 24px}.phone-upgrade form{margin-top:12px;max-width:360px}.phone-upgrade [role=status]{margin-top:8px}