/* Sign-in page (plan-A8a): one card, centred, no shell. */
.connexion {
  min-height: 100vh; display: grid; place-items: center; padding: var(--esp-5) var(--esp-4);
  background: var(--fond);
}
.connexion > .messages { position: absolute; top: var(--esp-4); left: 50%; transform: translateX(-50%); width: min(420px, calc(100vw - 2 * var(--esp-4))); }
.connexion__carte { width: min(400px, 100%); padding: var(--esp-6, 32px) var(--esp-5); display: flex; flex-direction: column; gap: var(--esp-4); }
.connexion__logo { display: flex; justify-content: center; }
.connexion__logo svg { height: 56px; width: auto; }
.connexion__titre { margin: 0; text-align: center; font-size: var(--taille-xl); font-weight: var(--graisse-forte); }