/* Log in — page-scoped additions */
.page-log-in .auth-card { max-width: none; }
.page-log-in .benefits-card { border: 1px solid var(--brand-border); border-radius: var(--radius-sm); background: var(--brand-bg-soft); }
.page-log-in .benefits-card .pdp-perks { gap: 1rem; font-size: var(--text-base); }
.page-log-in .benefits-card .pdp-perks li { font-size: var(--text-sm); }
.page-log-in .benefits-card .pdp-perks i, .page-log-in .benefits-card .pdp-perks span[class*="fa-"] { width: 1.25rem; text-align: center; font-size: 1.1rem; }

/* ---- forgot-password.css (merged: same .page-login auth-card surface) ---- */
/* Forgot password — page-scoped additions */
.page-forgot-password .auth-section { min-height: 60vh; }

/* ---- create-account.css (merged: same .page-login auth-card surface) ---- */
/* Create account — page-scoped additions */
.page-create-account .auth-card-wide { max-width: 720px; }

/* Log in (default layout): one centred card under the page hero. */
.page-login .auth-section { padding-block: clamp(2rem, 4vw, 3rem); }
.page-login .auth-card-foot { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--brand-border); text-align: center; color: var(--nc-muted-ink); }
.page-login .auth-card-foot a { font-weight: 600; }