.login-wrapper {
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 0;
    }

    .login-card {
        background: white;
        border-radius: 20px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        overflow: hidden;
        max-width: 900px;
        width: 100%;
        display: flex;
    }

    .login-info-side {
        background: linear-gradient(rgba(10, 17, 40, 0.8), rgba(10, 17, 40, 0.8)), 
                    url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=800&q=80');
        background-size: cover;
        background-position: center;
        color: white;
        padding: 50px;
        width: 45%;
        display: flex;
       
        justify-content: center;
    }

    .login-form-side {
        padding: 50px;
        width: 55%;
    }

    .form-control {
        padding: 12px 15px;
        border-radius: 8px;
        border: 1px solid #ddd;
    }

    .form-control:focus {
        border-color: var(--primary-blue);
        box-shadow: 0 0 0 0.25rem rgba(0, 180, 216, 0.1);
    }

    .login-btn {
        background-color: #0a1128;
        color: white;
        border: none;
        padding: 12px;
        border-radius: 8px;
        font-weight: 600;
        width: 100%;
        transition: 0.3s;
    }

    .login-btn:hover {
        background-color: var(--primary-blue);
        transform: translateY(-2px);
    }

    @media (max-width: 768px) {
        .login-info-side { display: none; }
        .login-form-side { width: 100%; }
    }