.login-access .auth-form-card { max-width: 560px; min-width: 0; }
.login-access .auth-form-side { min-width: 0; }
.login-access [hidden] { display: none !important; }
.login-access .access-heading { text-align: center; margin-bottom: 28px; }
.login-access .access-heading h2 { font-size: clamp(1.8rem, 2.5vw, 2.3rem); letter-spacing: -0.04em; }
.login-access .access-heading p, .login-access .auth-sub { color: var(--gray-500); line-height: 1.6; }
.login-access .auth-sub { margin-bottom: 22px; }
.login-access .access-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--gray-200); }
.login-access .access-option { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 26px 16px; border: 1.5px solid var(--gray-200); border-radius: 9px; background: white; color: var(--navy-900); font: inherit; text-align: center; cursor: pointer; min-width: 0; }
.login-access .access-option > i { color: var(--gray-500); font-size: 2.3rem; margin-bottom: 6px; }
.login-access .access-option strong { font-size: 1.1rem; }
.login-access .access-option span { color: var(--gray-500); font-size: .95rem; line-height: 1.6; max-width: 210px; }
.login-access .access-option[aria-pressed="true"] { border-color: var(--teal-600); background: #e6f8f5; }
.login-access .access-option[aria-pressed="true"] > i { color: var(--teal-600); }
.login-access :is(button, a, input):focus-visible { outline: 3px solid var(--teal-600); outline-offset: 4px; }
.login-access .benefits-help { text-align: center; color: var(--gray-500); font-size: .8rem; margin-top: 14px; }
.login-access .benefits-message { color: var(--teal-600); font-size: .9rem; margin-top: 12px; }
.login-access .benefits-message:empty { display: none; }
.login-access .access-footer { margin-top: 28px; border-top: 1px solid var(--gray-200); padding-top: 24px; text-align: center; }
@media (max-width: 420px) {
  .login-access .auth-form-side { padding: 30px 20px; }
  .login-access .access-options { grid-template-columns: 1fr; gap: 12px; }
  .login-access .access-option { padding: 18px 14px; }
}