/* responsive_login pour les petits écrans */
@media (max-width: 900px) {
    .container {
        flex-direction: column;
        width: 95%;
        max-width: 600px;
    }

.login-form {
    padding: 40px 20px;
}

    .image-section {
        display: none; /* Cache l'image sur les petits écrans */
    }

    .form-section {
        padding: 30px 20px;
    }
    
    .input-group-half {
        flex-direction: column; /* Champs Nom/Prénom et Pays/Téléphone l'un au-dessus de l'autre */
        gap: 0;
    }
    .input-group-half {
        margin-bottom: 25px;
    }
    .input-group-half > div {
        flex: 1;
        margin-bottom: 15px;
    }
}