/* Connexion, lien de confirmation, page introuvable : une colonne étroite sur papier. */
main { max-width: 440px; margin: 0 auto; padding: 12vh 24px 48px; display: grid; gap: 24px; }
form { display: grid; gap: 16px; }
.or { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; color: var(--legende); font: 400 13px var(--sans); }
.or::before, .or::after { content: ''; border-top: 1px solid var(--trait); }
.message { margin: 0; padding-left: 12px; border-left: 4px solid var(--accent); }
.message[hidden] { display: none; }