@media (max-width: 768px) {
    body {
        background: #f0f4f8 !important;
    }
    .login-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
        padding: 20px 16px !important;
        background: #f0f4f8 !important;
    }
    .login-left {
        display: none !important;
    }
    .login-right {
        flex: none !important;
        width: 100% !important;
        max-width: 400px !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
        overflow: hidden !important;
        display: flex !important;
        justify-content: center !important;
    }
    .login-form-wrapper {
        width: 100% !important;
        max-width: none !important;
    }
    .login-form-card {
        padding: 24px 20px !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}