/* === HERO === */
.demo-hero {
  background: linear-gradient(135deg, #00BF63, #7ED957);
  color: white;
  padding: 4rem 1rem;
  text-align: center;
  border-radius: 0 0 1.5rem 1.5rem;
  margin-bottom: 3rem;
}

.demo-hero h1 {
  font-size: clamp(2rem, 2.5vw + 1rem, 3rem);
  font-weight: 800;
  margin-bottom: 1rem;
}

.demo-hero p {
  font-size: 1.25rem;
  opacity: 0.9;
}

/* === FORMULAIRE === */
.demo-form-section {
  padding: 2rem 0 4rem;
}

.demo-form label {
  font-weight: 600;
  color: #013759;
}

.demo-form input,
.demo-form select,
.demo-form textarea {
  border-radius: 0.5rem;
  border: 1px solid #ddd;
}

.demo-form button {
  border-radius: 2rem;
}

/* === INFO BOX === */
.demo-info {
  border-left: 5px solid #00BF63;
}

.demo-info h4 {
  font-weight: 700;
  color: #013759;
}

.demo-info ul li {
  margin-bottom: 0.5rem;
  font-size: 1.05rem;
}