.register-container {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.register-left, .register-right {
    flex: 1;
}

/* Pour les petits écrans, on passe en colonne */
@media (max-width: 768px) {
    .register-container {
        flex-direction: column;
    }
}

/* Ajustement de la largeur du conteneur d'authentification pour l'inscription */
.auth-container {
    max-width: 800px; /* Augmenté pour accommoder les deux colonnes */
    margin: 50px auto;
}

/* Style existant à conserver */
body {
    background-color: #f4f7fc;
    font-family: 'Arial', sans-serif;
}

.auth-card {
    padding: 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #F4FAFB;
}

.auth-btn {
    width: 100%;
    background-color: #2c6f2e;
    border-color: #2c6f2e;
    font-style: bold;
    color: #fff;
}

.auth-btn:hover {
    background-color: #234d1a;
    border-color: #234d1a;
    font-style: bold;
    color: #fff;
}

.text-link {
    color: #2c6f2e;
}

.text-link:hover {
    color: #234d1a;
}