@media(max-width:991px){ 
    .auth-wrap { grid-template-columns:1fr; }
    .auth-left { display:none; }
    .auth-right { padding:36px 20px; background:var(--surface); }
    .mobile-logo { display:block; }
    .hero-img-col { display:none; }
}

@media(max-width:767px){ 
    .form-shell { padding:28px 22px; } 
}

@media(max-width:575px){ 
    .step-label { display:none; } .stepper { max-width:100%; padding:0 16px; }

}