/* ================== LOGO ================== */
.logo {
  width: 70%;
  display: block;
  margin: 0 auto;
}

/* ================== GLOBAL ================== */
body {
  background: #F7EFE8;                  
  color: #45413C;
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  padding: 30px 15px;
}


/* ================== TITRES ================== */
h3 {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  margin-bottom: 25px;
  color: #45413C;
}

/* ================== CONTENEUR ================== */
.box {
  width: 100%;
  max-width: 330px;
  background: #FAF9F7;                  
  padding: 30px 25px;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.05);
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* ================== INPUTS ================== */
.champs {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid #C45A3B;           
  border-radius: 12px;
  font-size: 15px;
  outline: none;
  margin-bottom: 15px;
  background: white;
  transition: border-color 0.2s ease-in-out;
}

.champs:focus {
  border-color: #D8765B;                
}

/* ================== BOUTON ================== */
.bouton-continue {
  width: 100%;
  max-width: 260px;       /* largeur du bouton */
  padding: 14px 0;        /* espace à l'intérieur du bouton */
  background-color: #C45A3B;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 12px;    /* arrondi du bouton */
  cursor: pointer;        /* affiche le curseur main quand on passe la souris */
  text-align: center;
  margin-top: 20px;       /* espace au-dessus du bouton */
}

.bouton-continue:hover {
  background-color: #D8765B;
}