/* Access first on small screens; brand context remains available below. */
.auth-brand-logo { width: 120px; height: 24px; object-fit: contain; }
.auth-bg-fx, .vault-dossier-card::before, .perk-icon, .quote-stars { display: none; }
.vault-dossier-card, .auth-console-card { box-shadow: none; }
.auth-console-card { scroll-margin-top: 80px; }
.auth-console-card :is(input, button, a):focus-visible { outline: 2px solid #FAFAFA; outline-offset: 4px; }
.auth-top-header .auth-header-cta { min-height: 44px; box-sizing: border-box; }
.auth-demo-card { width: 100%; font: inherit; color: inherit; text-align: left; }
.passwordless-notice > span, .demo-card-icon { display: none; }
@media (max-width: 980px) {
  .auth-console-card { grid-row: 1; }
  .vault-dossier-card { grid-row: 2; }
  .auth-nav-links { display: none; }
}
@media (max-width: 640px) {
  .auth-top-header { gap: 12px; }
  .auth-brand-logo { width: 104px; }
  .dossier-perks-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .perk-card { min-width: 0; }
  .perk-title { font-size: 14px; }
  .perk-desc { font-size: 13px; line-height: 1.5; }
}