body {
    background-color: #f8f9fa;
}

.container {
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 50px;
}

.form-group label,
.form-group small {
    color: #333;
}

.form-control,
.btn {
    border-radius: 20px;
}

.form-group {
    margin-bottom: 20px;
}

/* Dark Mode */
body.dark-mode {
    background-color: #151a1e;
    color: #ffffff;
}

.dark-mode .container {
    background-color: #262636;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.dark-mode .form-control {
    background-color: #343a40; /* Nouvelle couleur pour les boutons en mode sombre */
    border-color: #343a40; /* Nouvelle couleur de bordure pour les boutons en mode sombre */
    color: #fff; /* Couleur du texte pour les boutons en mode sombre */
}

.dark-mode .form-group label,
.dark-mode .form-group small {
    color: #fff;
}