.connexion { max-width: 28rem; margin: 2rem auto; }
.connexion__marque { margin: 0 0 .75rem; font: italic 700 1.6rem var(--serif); }
.connexion__cgu { display: flex; gap: .6rem; align-items: flex-start; margin: 1rem 0; }
.connexion__cgu label { margin: 0; font-weight: 400; }
.connexion__cgu input { flex: 0 0 auto; margin-top: .25rem; }
.connexion__aide { color: var(--texte-secondaire); }
.champ-mot-de-passe button { margin-top: .5rem; }
.mot-de-passe-temporaire {
  display: block;
  margin-top: .75rem;
  font: 700 1.35rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .04em;
  overflow-wrap: anywhere;
  user-select: all;
}
.lien-a-copier {
  display: block;
  padding: .75rem;
  border: 1px solid var(--texte-secondaire);
  background: var(--feuille);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow-wrap: anywhere;
  user-select: all;
}