@media (max-width: 992px) {
    .login-container {
        grid-template-columns: 1fr;
        margin: 20px auto;
        max-width: 540px;
        gap: 0;
    }
    
    .login-left {
        padding: 80px 50px;
        text-align: center;
        min-height: 340px;
    }
    
    .login-right {
        padding: 55px 50px;
    }
}

@media (max-width: 576px) {
    .login-left {
        padding: 60px 30px;
    }
    .login-right {
        padding: 45px 30px;
    }
    
    .login-left h1 {
        font-size: 2.4rem;
    }
}

@media (max-width: 400px) {
    .login-left h1 {
        font-size: 2.1rem;
    }
}