.account-access-page {
    --account-accent: var(--color-primary, #ff5b1a);
    --account-ink: #172235;
    --account-muted: #667085;
    --account-surface: #f4f5f7;
    background: linear-gradient(180deg, #fff 0, #fff8f4 100%);
    padding: clamp(3.5rem, 7vw, 6rem) 0;
}
.account-access-page .account-heading { color: var(--account-ink); font-size: clamp(1.75rem, 3vw, 2.4rem); font-weight: 800; letter-spacing: -.03em; margin-bottom: 2.5rem; text-align: center; }
.account-access-page .account-card { background: #fff; border: 1px solid #e2e5e9; border-radius: 0; height: 100%; padding: clamp(1.5rem, 3vw, 2.5rem); }
.account-access-page .account-card__title { color: var(--account-ink); font-size: 1.25rem; font-weight: 800; margin-bottom: .85rem; }
.account-access-page .account-card__description, .account-access-page .form-text { color: var(--account-muted); font-size: .95rem; line-height: 1.9; }
.account-access-page .account-form-label { color: #445064; font-size: .9rem; font-weight: 700; margin-bottom: .55rem; }
.account-access-page .account-input { background: var(--account-surface); border: 1px solid transparent; border-radius: 0; box-shadow: none; color: var(--account-ink); min-height: 3.4rem; padding: .75rem 1rem; }
.account-access-page .account-input:focus { background: #fff; border-color: var(--account-accent); box-shadow: 0 0 0 .2rem var(--rgba-primary-2, rgba(255, 91, 26, .12)); }
.account-access-page .account-input::placeholder { color: #98a2b3; }
.account-access-page .account-button { background: var(--account-accent); border: 1px solid var(--account-accent); border-radius: 0; color: #fff; font-size: .9rem; font-weight: 800; min-height: 3.15rem; padding: .65rem 1.5rem; }
.account-access-page .account-button:hover, .account-access-page .account-button:focus { background: #e94c10; border-color: #e94c10; color: #fff; }
.account-access-page .account-button--outline { background: transparent; color: var(--account-accent); }
.account-access-page .account-button--outline:hover, .account-access-page .account-button--outline:focus { color: #fff; }
.account-access-page .account-tabs { border-bottom: 1px solid #e2e5e9; gap: 1.5rem; margin-bottom: 1.75rem; }
.account-access-page .account-tabs .nav-link { background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--account-muted); font-weight: 700; padding: 0 0 .7rem; }
.account-access-page .account-tabs .nav-link.active { border-color: var(--account-accent); color: var(--account-ink); }
.account-access-page .account-alert { border-radius: 0; }
.account-access-page .account-link { color: var(--account-accent); font-weight: 700; text-decoration: none; }
.account-access-page .account-link:hover { color: #c83e09; text-decoration: underline; }
@media (max-width: 991.98px) { .account-access-page .account-card { height: auto; } }