.account-page { min-height: 100vh; background: #f8f6f0; }
.account-header { border-bottom: 1px solid #d8d2c4; }
.account-header { grid-template-columns: 1fr auto; }
.account-main { display: grid; place-items: center; min-height: calc(100vh - 76px); padding: 60px 20px; }
.account-card { width: min(100%, 520px); padding: 42px; border: 1px solid #d8d2c4; border-radius: 8px; background: #fffefb; box-shadow: 0 18px 40px rgba(17,32,51,.08); }
.account-card h1 { margin: 0; color: var(--ink); font-family: Georgia, serif; font-size: 42px; font-weight: 500; line-height: 1.1; }
.account-lede { margin: 17px 0 27px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.account-tabs { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 26px; border-bottom: 1px solid #d8d2c4; }
.account-tab { min-height: 44px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #6a7477; font-size: 14px; font-weight: 750; cursor: pointer; }
.account-tab.active { border-bottom-color: var(--coral-dark); color: var(--ink); }
.account-form { display: grid; gap: 9px; }
.account-form[hidden] { display: none; }
.account-form label { margin-top: 7px; color: var(--ink); font-size: 13px; font-weight: 750; }
.account-form label small { color: #7c837d; font-weight: 500; }
.account-form input { width: 100%; height: 46px; padding: 0 12px; border: 1px solid #b8c2c4; border-radius: 5px; background: #fff; color: var(--ink); font: inherit; }
.account-form input:focus { outline: 3px solid rgba(238,152,127,.28); border-color: var(--coral-dark); }
.account-form .button { margin-top: 14px; justify-self: start; }
.account-resend { margin-top: 17px; padding: 0; border: 0; background: transparent; color: var(--mint-dark); font-size: 13px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.account-message { min-height: 22px; margin: 16px 0 0; color: #315e4e; font-size: 13px; font-weight: 700; }
.account-message.error { color: #8f3123; }
.account-foot { margin: 27px 0 0; padding-top: 17px; border-top: 1px solid #e3ded4; color: #7c837d; font-size: 12px; line-height: 1.55; }
@media (max-width: 560px) { .account-card { padding: 30px 22px; } .account-card h1 { font-size: 35px; } }