.staff-auth { --panel: #10181d; --panel-2: #172127; display: flex; flex-direction: column; min-height: 100vh; }
.staff-auth-shell { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: clamp(36px, 7vw, 100px); align-items: center; width: min(1050px, calc(100% - 48px)); margin: auto; padding: 64px 0; }
.staff-auth-intro h2 { margin: 18px 0; font-size: clamp(32px, 3.6vw, 46px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
.staff-auth-intro p { color: var(--muted); font-size: 17px; line-height: 1.7; }
.staff-auth-intro > a, .staff-auth .form-footer a, .staff-auth-help a { color: var(--cyan); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.staff-auth-panel { min-width: 0; width: 100%; }
.staff-auth .form-card { width: 100%; }
.staff-auth .form-card h1 { font-size: 32px; line-height: 1.15; }
.staff-auth .form-card input { min-height: 48px; }
.staff-auth .primary-action { min-height: 48px; }
.staff-auth-help { margin: 18px 0 0; text-align: center; color: var(--muted); font-size: 13px; line-height: 1.6; }
.staff-auth .validation-summary-valid { display: none; }
.staff-auth :is(a, input, button):focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (max-width: 780px) {
  .staff-auth-shell { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 36px 0; width: min(440px, calc(100% - 32px)); }
  .staff-auth-intro h2 { font-size: 30px; }
  .staff-auth-intro p { font-size: 15px; }
  .staff-auth .form-card { padding: 26px; }
}