@media (max-width: 1020px) {
    .ss-auth-shell { padding: 20px; }
    .ss-auth-card--split { grid-template-columns: minmax(280px, .8fr) minmax(400px, 1.2fr); }
    .ss-auth-visual { padding-inline: 26px; }
    .ss-auth-visual-copy { margin-top: 28px; }
    .ss-auth-visual-copy h1 { font-size: 30px; }
    .ss-auth-form-pane { padding-inline: 34px; }
    .ss-onboarding-layout { grid-template-columns: 290px minmax(0, 1fr); }
    .ss-onboarding-visual { padding: 28px; }
    .ss-onboarding-content { padding-inline: 32px; }
}
@media (max-width: 820px) {
    .ss-auth-card--split { grid-template-columns: 1fr; }
    .ss-auth-visual { min-height: 260px; padding: 0 30px 24px; border-radius: 20px 20px 0 0; }
    .ss-auth-visual .ss-auth-card-header { display: none; }
    .ss-auth-visual-copy { margin-top: 24px; }
    .ss-auth-visual-copy h1 { font-size: 28px; }
    .ss-auth-dashboard-illustration,
    .ss-auth-signup-illustration { position: absolute; right: 28px; top: 28px; width: 250px; opacity: .38; pointer-events: none; }
    .ss-auth-visual-copy { position: relative; z-index: 1; max-width: 420px; padding-right: 80px; }
    .ss-auth-form-pane { padding: 30px; align-self: stretch; }
    .ss-auth-mobile-header { display: block; margin-bottom: 26px; }
    .ss-auth-mobile-header .ss-auth-card-header { padding: 0; border: 0; }
    .ss-focus-layout,
    .ss-onboarding-layout,
    .ss-complete-layout { grid-template-columns: 1fr; }
    .ss-focus-illustration,
    .ss-onboarding-visual,
    .ss-complete-visual { display: block; padding: 24px 30px; border-radius: 0; }
    .ss-focus-illustration img,
    .ss-onboarding-illustration img,
    .ss-complete-illustration img { max-height: 190px; }
    .ss-onboarding-visual h2,
    .ss-onboarding-visual p { display: none; }
    .ss-onboarding-content,
    .ss-focus-layout,
    .ss-complete-layout { padding: 30px; }
    .ss-stepper-label { display: none; }
    .ss-stepper-item { gap: 3px; }
}
@media (max-width: 600px) {
    .ss-auth-shell { min-height: 100vh; padding: 0; display: block; }
    .ss-auth-page-container { width: 100%; margin: 0; }
    .ss-auth-card { min-height: 100vh; border: 0; border-radius: 0; box-shadow: none; }
    .ss-auth-visual { display: none; }
    .ss-auth-form-pane,
    .ss-narrow-content,
    .ss-onboarding-content,
    .ss-focus-layout,
    .ss-complete-layout { padding: 24px 18px 34px; }
    .ss-auth-mobile-header { margin: 0 0 24px; }
    .ss-form-grid,
    .ss-phone-row { grid-template-columns: 1fr; }
    .ss-password-rules { grid-template-columns: 1fr; }
    .ss-auth-heading h2,
    .ss-focus-content h1,
    .ss-onboarding-content > h1 { font-size: 25px; }
    .ss-onboarding-stepper { padding: 14px 18px; }
    .ss-onboarding-visual,
    .ss-complete-visual { display: none; }
    .ss-action-row { align-items: stretch; }
    .ss-action-row .ss-btn { flex: 1 1 100%; }
    .ss-inline-actions { align-items: stretch; flex-direction: column; }
    .ss-status-page > h1,
    .ss-status-page > p,
    .ss-status-page > form,
    .ss-status-page > a { margin-inline: 18px; }
    .ss-verification-code { letter-spacing: .3em; }
}
@media (max-height: 720px) and (min-width: 821px) {
    .ss-auth-shell { padding-block: 16px; }
    .ss-auth-card--login { min-height: 0; }
    .ss-auth-visual-copy { margin-top: 22px; }
    .ss-auth-dashboard-illustration img { max-height: 220px; }
    .ss-auth-form-pane { padding-block: 30px; }
}