/* Shared authentication palette and component sizes across every auth state. */
body.account-page {
 --auth-green:#ff6604; --auth-mint:#fdf4ee; --auth-ink:#132331;
 --auth-muted:#788692; --auth-border:#d9dfe4;
 --auth-gradient:linear-gradient(110deg,#df8548,#e27933);
 --auth-control:66px; --auth-button:68px; --auth-title:41px;
}
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-primary,.recovery-primary) {
 min-height:var(--auth-button); border-radius:17px; background:var(--auth-gradient);
 color:#fff; box-shadow:0 5px 10px #e5793122; font:600 20px Inter,sans-serif;
}
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) {
 height:var(--auth-control); padding:0 20px; gap:19px; border:1px solid var(--auth-border); border-radius:15px; color:var(--auth-muted);
}
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) input { font:400 18px Inter,sans-serif; color:var(--auth-ink); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) input::placeholder { color:var(--auth-muted); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) svg { width:26px; height:26px; }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field):focus-within { border-color:var(--auth-green); box-shadow:0 0 0 3px #ff660415; }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-provider-google,.recovery-google) { min-height:var(--auth-control); border-radius:17px; background:#fff; color:var(--auth-ink); box-shadow:0 3px 15px #152d4010; font:600 19px Inter,sans-serif; }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-provider-icon,.account-auth-provider-icon svg,.recovery-google svg) { width:34px; height:34px; }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-switch button,.auth-text-button,.auth-consent a,.account-auth-secondary,.recovery-other-email,.recovery-sent-switch button,.recovery-resend-area button:not(:disabled),.signup-verification button:not(.account-auth-primary)) { color:var(--auth-green); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-link-symbol,.recovery-symbol,.signup-code-icon) { width:96px; height:96px; background:var(--auth-mint); color:var(--auth-green); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-link-symbol,.recovery-symbol,.signup-code-icon) > svg { width:44px; height:44px; }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-security,.recovery-security) { color:var(--auth-muted); font:400 15px/1.45 Inter,sans-serif; }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-security,.recovery-security) svg { width:32px; height:34px; color:var(--auth-green); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-heading h2,.signup-verification h2,h2) { font-size:var(--auth-title); color:var(--auth-ink); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-intro,.recovery-intro,.recovery-sent-copy) { font-size:18px; color:var(--auth-muted); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) .auth-consent input:checked { background:var(--auth-gradient); border-color:var(--auth-green); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) .signup-code-icon b, body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) .recovery-sent-symbol > span { background:var(--auth-green); }
body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) .recovery-strength i.filled { background:var(--auth-green); }
/* Scale the entire card, including spacing and type, without rearranging it. */
@media(min-width:1025px) {
 body.account-page #account-main-grid #account-auth-card,
 body.account-page #password-recovery-card { zoom:.8; }
}
@media(max-width:600px) {
 body.account-page { --auth-control:54px; --auth-button:56px; --auth-title:clamp(27px,7.5vw,34px); }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) { padding:0 14px; gap:14px; }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) input { font-size:16px; }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-field,.recovery-field) svg { width:24px; height:24px; }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-primary,.recovery-primary) { font-size:18px; border-radius:15px; }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-provider-google,.recovery-google) { font-size:16px; border-radius:15px; }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.auth-security,.recovery-security) { font-size:13px; }
 body.account-page :is(#account-main-grid #account-auth-card, #password-recovery-card) :is(.account-auth-intro,.recovery-intro,.recovery-sent-copy) { font-size:16px; }
}

/* Mobile uses the same proportional scaling as desktop. */
@media(max-width:600px) {
 body.account-page #account-main-grid #account-auth-card,
 body.account-page #password-recovery-card { zoom:.9; }
}