/* Animation fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Titre */
main h2 {
  text-align: center;
  margin-bottom: 2rem;
  color: #2c3e50;
  font-weight: 700;
  position: relative;
}

main h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #0d6efd;
  margin: 0.5rem auto 0;
  border-radius: 2px;
}

/* Champ de formulaire animé */
form .form-control {
  transition: all 0.3s ease;
  border-radius: 0.5rem;
}

form .form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Label stylé */
form label {
  font-weight: 600;
  color: #34495e;
  margin-bottom: 0.3rem;
}

/* Bouton stylé */
form button[type="submit"] {
  width: 100%;
  font-weight: 600;
  transition: background 0.3s ease;
  border-radius: 0.5rem;
}

form button[type="submit"]:hover {
  background-color: #0b5ed7;
}

/* Message d'alerte */
#message.alert {
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 600;
  transition: all 0.5s ease-in-out;
}