/* Authentication presentation only; forms and security flows are unchanged. */
body.bba-auth .auth-site-header { position: relative; background: #fff; color: var(--bba-ink); border-bottom: 1px solid var(--bba-border); box-shadow: none; backdrop-filter: none; }
body.bba-auth .auth-site-header .nav-wrap { min-height: 88px; }
body.bba-auth .auth-header-meta .preview-label { color: var(--bba-hover); border-color: #d8cbe9; background: var(--bba-tint); border-radius: 999px; }
body.bba-auth .auth-page-polished { min-height: 0; padding: 64px 0 72px; background: var(--bba-bg); color: var(--bba-ink); }
body.bba-auth .auth-page-polished::before { content: none; }
body.bba-auth :is(.auth-glow, .auth-orbit) { display: none; }
body.bba-auth .auth-shell-polished { width: var(--shell); max-width: 1200px; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); gap: 64px; align-items: start; }
body.bba-auth .auth-page-polished .auth-intro .back-link { margin-bottom: 28px; color: var(--bba-hover); font-size: 14px; }
body.bba-auth .auth-page-polished .auth-intro h1 { max-width: 560px; font-size: 42px; line-height: 1.18; color: var(--bba-deep); }
body.bba-auth .auth-intro > p:not(.eyebrow) { font-size: 16px; line-height: 1.6; color: var(--bba-muted); margin-top: 20px; }
body.bba-auth .auth-trust-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 32px; border: 0; background: transparent; }
body.bba-auth .auth-trust-grid > div { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 2px 12px; padding: 16px; background: #fff; border: 1px solid var(--bba-border); border-radius: 12px; }
body.bba-auth .auth-trust-grid > div > span { grid-row: 1 / 3; margin: 0; color: var(--bba-hover); font: 600 12px/1.5 BbaInter, Arial, sans-serif; }
body.bba-auth .auth-trust-grid strong { color: var(--bba-ink); font-size: 14px; }
body.bba-auth .auth-trust-grid small { color: var(--bba-muted); font-size: 13px; line-height: 1.5; margin: 0; }
body.bba-auth .auth-form-card { width: 100%; max-width: 500px; padding: 32px; border: 1px solid var(--bba-border); border-radius: 16px; background: #fff; box-shadow: var(--bba-shadow); }
body.bba-auth .auth-form-card .auth-form-heading h2 { margin: 8px 0 12px; font-size: 28px; line-height: 1.2; }
body.bba-auth .auth-form-heading > p:last-child { color: var(--bba-muted); font-size: 14px; line-height: 1.6; }
body.bba-auth .auth-form-card :is(label, .auth-label-row) { color: var(--bba-ink); font-size: 14px; font-weight: 600; }
body.bba-auth :is(.auth-header-meta, .auth-label-row a, .form-switch, .auth-form-card small, .password-guidance, .auth-fineprint) { font-size: 13px; color: var(--bba-muted); }
body.bba-auth :is(.auth-label-row a, .form-switch a, .auth-password-help a) { color: var(--bba-hover); }
body.bba-auth .auth-progress span { font-size: 12px; color: var(--bba-muted); }
body.bba-auth .auth-progress .is-current { color: var(--bba-hover); }
body.bba-auth .auth-progress .is-current i { background: var(--bba-tint); border-color: #c4a9ff; color: var(--bba-hover); }
body.bba-auth :is(.auth-security-note, .verification-email, .invitation-summary, .onboarding-next > div > span) { border-color: var(--bba-border); background: var(--bba-bg); color: var(--bba-ink); border-radius: 10px; }
body.bba-auth .auth-security-note p { color: var(--bba-muted); font-size: 13px; }
body.bba-auth :is(.auth-security-note > span, .verification-steps > div > span, .password-guidance i) { color: var(--bba-hover); border-color: #c4a9ff; }
body.bba-auth .verification-steps strong { color: var(--bba-ink); font-size: 14px; }
body.bba-auth .verification-steps small { font-size: 13px; }
body.bba-auth .auth-form-card .form-button { margin-top: 24px; min-height: 48px; border-radius: 10px; }
body.bba-auth .signup-billing-note { color: var(--bba-muted); font-size: 13px; line-height: 1.5; }
@media (max-width: 900px) {
  body.bba-auth .auth-shell-polished { grid-template-columns: 1fr; max-width: 680px; gap: 32px; }
  body.bba-auth .auth-form-card { max-width: none; }
  body.bba-auth .auth-trust-grid { display: none; }
}
@media (max-width: 500px) {
  body.bba-auth .auth-site-header .nav-wrap { min-height: 80px; gap: 12px; }
  body.bba-auth .brand { font-size: 14px; }
  body.bba-auth .auth-page-polished { padding: 40px 0 48px; }
  body.bba-auth .auth-page-polished .auth-intro h1 { font-size: 32px; line-height: 1.2; }
  body.bba-auth .auth-form-card { padding: 24px 20px; }
  body.bba-auth .auth-form-card .auth-form-heading h2 { font-size: 24px; }
  body.bba-auth .auth-progress { gap: 6px; }
  body.bba-auth .auth-progress span { font-size: 11px; flex-wrap: wrap; }
  body.bba-auth .auth-trust-grid { margin-top: 24px; }
}

/* Homepage pill language for account entry, without changing the forms. */
body.bba-auth .auth-site-header { padding:24px 24px 16px; border:0; background:#fff; }
body.bba-auth .auth-site-header .nav-wrap { width:min(960px,100%); max-width:960px; min-height:58px; padding:0 18px; border-radius:32px; background:#171022; color:#fff; box-shadow:0 15px 35px rgba(32,16,57,.12); }
body.bba-auth .auth-site-header .brand, body.bba-auth .auth-site-header .brand strong { color:#fff; font-weight:800; letter-spacing:-.045em; }
body.bba-auth .auth-site-header .brand-mark { width:29px; height:29px; border:0; border-radius:50%; background:#eee5ff; color:#753ff2; }
body.bba-auth .auth-header-meta { color:#e2d8ee; }
body.bba-auth .auth-header-meta .preview-label { color:#d9c2ff; border-color:#5b4378; background:#3a2852; }
@media(max-width:700px) {
  body.bba-auth .auth-site-header { padding:18px 16px 12px; }
  body.bba-auth .auth-site-header .nav-wrap { width:100%; min-height:52px; gap:8px; padding:8px 12px; border-radius:26px; }
  body.bba-auth .auth-site-header .brand { font-size:14px; }
}
