.account-page { min-height: 100vh; background: #f2f4f7; color: #182840; font-family: "DM Sans", "Segoe UI", sans-serif; }
.account-page .dashboard-header__inner { width: min(880px, calc(100% - 32px)); }
.account-shell { width: min(880px, calc(100% - 32px)); margin: 30px auto 50px; }
.account-hero { padding: 30px 34px; border-radius: 12px; background: linear-gradient(112deg, #ffbf00, #ffa51a); }
.account-kicker { margin: 0 0 8px; color: #836000; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.account-hero h1 { max-width: 560px; margin: 0; font-size: 33px; line-height: 1.15; }
.account-hero > p:not(.account-kicker) { max-width: 600px; margin: 10px 0 0; color: #5b4616; font-size: 13px; line-height: 1.6; }
.account-card { max-width: 520px; margin: 18px auto 0; padding: 24px; border: 1px solid #e4e8ee; border-radius: 10px; background: white; box-shadow: 0 5px 18px rgba(27,42,66,.05); }
.account-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 4px; border-radius: 7px; background: #f1f3f6; }
.account-tab { min-height: 38px; border: 0; border-radius: 5px; background: transparent; color: #6b788b; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.account-tab.is-active { background: #182840; color: white; }
.account-panel, .account-signed-in { margin-top: 23px; }
.account-panel h2, .account-signed-in h2 { margin: 0; font-size: 22px; }
.account-intro { margin: 7px 0 17px; color: #718095; font-size: 12px; line-height: 1.5; }
.account-form { display: grid; gap: 8px; }
.account-form label { margin-top: 4px; color: #58677c; font-size: 11px; font-weight: 700; }
.account-form input { min-height: 42px; padding: 10px 12px; border: 1px solid #dce2e9; border-radius: 6px; color: #182840; font: inherit; font-size: 13px; }
.account-form input:focus { outline: 2px solid rgba(255,182,0,.38); border-color: #d89b00; }
.account-message { min-height: 16px; margin: 3px 0; color: #b03b38; font-size: 11px; }
.account-message.is-success { color: #187d4b; }
.account-primary, .account-secondary { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border: 0; border-radius: 6px; font: inherit; font-size: 12px; font-weight: 800; text-decoration: none; cursor: pointer; }
.account-primary { background: #169d5a; color: white !important; }
.account-primary:hover { background: #0e8148; }
.account-secondary { background: #edf1f5; color: #182840; }
.account-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.account-guest-link { margin: 22px 0 0; padding-top: 17px; border-top: 1px solid #edf0f3; color: #8792a1; font-size: 11px; text-align: center; }
.account-guest-link a { color: #9a6b00; font-weight: 800; }
@media (max-width: 600px) { .account-shell { margin-top: 14px; } .account-hero { padding: 24px 20px; } .account-hero h1 { font-size: 28px; } .account-card { padding: 19px 16px; } }