.connexion{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--fond)}.connexion__carte{width:100%;max-width:420px;padding:26px 28px 28px;border-radius:var(--rayon-lg)}.connexion__entete{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--trait)}.connexion__mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--surface-creuse);color:var(--vert-profond);flex:0 0 auto}.connexion__sous-titre{margin:2px 0 0}.connexion__invite{margin:16px 0 0}.connexion__formulaire{display:flex;flex-direction:column;gap:8px;margin-top:14px}.connexion__etiquette{margin-top:6px;color:var(--encre-terni);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.connexion .terrier{align-items:center;padding:9px 12px}.connexion .terrier input{flex:1 1;min-width:0;border:0;padding:0;background:transparent;color:var(--encre);font-family:var(--police-texte);font-size:15px;line-height:1.5}.connexion .terrier input:focus{outline:none}.connexion .terrier input::placeholder{color:var(--encre-terni)}.connexion .terrier input:disabled{color:var(--encre-terni)}.connexion__erreur{margin:8px 0 0;padding:8px 12px;border-left:3px solid var(--alerte);border-radius:8px;background:rgba(198,91,78,.08);color:var(--encre);font-size:14px}.connexion__bouton{margin-top:14px;align-self:flex-start}