/* =========================================================================
   Écrans d'accès : mot de passe oublié, réinitialisation.
   Même identité que la page de connexion — fond marine, formulaire centré.
   ========================================================================= */
body{background:var(--ink)}
.plein{color:#fff}

.marque{margin:0 auto 4px;width:76px;height:76px;border-radius:20px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  display:grid;place-items:center}
.marque span{font-size:30px;font-weight:300;letter-spacing:-.04em;color:#fff;line-height:1}

h1{text-align:center;font-size:24px;font-weight:600;letter-spacing:-.01em;margin:20px 0 6px}
.sous{text-align:center;font-size:13.5px;color:rgba(255,255,255,.62);margin:0 auto 28px;
  max-width:36ch;line-height:1.5}

.champ{margin-bottom:14px}
.champ label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin-bottom:7px;font-weight:600}
.champ input{width:100%;height:46px;border-radius:11px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:15px;padding:0 14px}
.champ input::placeholder{color:rgba(255,255,255,.35)}
.champ input:focus{outline:2px solid var(--azure);outline-offset:1px;background:rgba(255,255,255,.12)}

button[type=submit]{width:100%;height:48px;border:0;border-radius:11px;background:#fff;
  color:var(--ink);font:inherit;font-size:15px;font-weight:650;cursor:pointer}
button[type=submit]:disabled{opacity:.55}

.alerte{margin:0 0 16px;padding:11px 14px;border-radius:10px;font-size:13.5px;display:none;
  background:rgba(255,120,120,.16);border:1px solid rgba(255,120,120,.35);color:#FFD9D9}
.alerte.on{display:block}

/* Le message de confirmation remplace le formulaire une fois l'action faite. */
.fait{display:none;padding:15px 16px;border-radius:12px;font-size:13.5px;line-height:1.55;
  background:rgba(120,220,160,.13);border:1px solid rgba(120,220,160,.30);color:#D6F4E2}
.fait.on{display:block}
.fait b{color:#fff}

.retour-lien{display:block;text-align:center;margin-top:22px;color:rgba(255,255,255,.62);
  font-size:13.5px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);
  width:fit-content;margin-inline:auto;padding-bottom:2px}
.retour-lien:hover{color:#fff}

.pied{margin-top:28px;text-align:center;font-size:11.5px;color:rgba(255,255,255,.38)}