/* One complete entrance illustration is shared by every authentication state. */
.auth-container { min-height: calc(100svh - var(--theme-header-height) - 80px); display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 48px; padding-block: 32px; }
.auth-panel { --auth-padding: 40px; grid-column: 2; width: min(100%, 640px); margin-inline: auto; min-width: 0; display: grid; gap: 24px; }
.auth-header { display: grid; gap: 16px; }
.auth-header h1, .auth-panel > h1 { margin: 0; font: 750 clamp(32px, 2.5vw, 44px)/1.15 var(--font-display); letter-spacing: -.025em; overflow-wrap: anywhere; }
.auth-header p, .auth-panel > p { margin: 0; color: var(--theme-text-muted); font-size: 18px; line-height: 1.5; }
.auth-header .page-kicker, .auth-panel > .page-kicker { color: var(--theme-cyan); font: 600 14px/1.25 var(--font-display); letter-spacing: .08em; text-transform: uppercase; }
.auth-form, .auth-actions { display: grid; gap: 20px; min-width: 0; margin: 0; }
.auth-actions .beatori-button { width: 100%; }
.auth-panel .beatori-validation-summary { margin: 0; }
.auth-panel-center { text-align: center; }
.auth-panel-center > .page-kicker { justify-self: center; }
.auth-panel-center .auth-header { justify-items: center; }
.auth-panel-center .beatori-alert { text-align: start; }
.auth-panel :is(input:not([type=checkbox]),select) { min-height: 52px; font-size: 18px; }
.auth-panel .beatori-button { min-height: 48px; }
@media (max-width: 1099px) {
  .auth-container { grid-template-columns: minmax(0,1fr); padding-top: 220px; }
  .auth-panel { grid-column: 1; }
  .scene-auth::before { position: absolute; height: 520px; background-size: auto 520px; background-position: 15% top; }
}
@media (max-width: 639px) {
  .auth-container { min-height: 0; padding-block: 190px 8px; gap: 0; }
  .auth-panel { --auth-padding: 24px; gap: 20px; }
  .auth-header h1, .auth-panel > h1 { font-size: 30px; }
  .auth-header p { font-size: 16px; }
}