.connexion{background:var(--color-fond);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.connexion-carte{background:var(--color-panneau);border:1px solid var(--color-line);border-radius:12px;width:100%;max-width:420px;padding:28px 30px 30px;box-shadow:0 3px 18px #2b2f331a}.connexion-marque{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding-bottom:18px;display:flex}.connexion-marque .bm{font-family:var(--font-titre);letter-spacing:.02em;font-size:22px;font-weight:700;line-height:1}.connexion-marque .bm span{color:var(--color-logo-vert)}.connexion-marque .bs{color:var(--color-gris);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10.5px}.connexion h1{font-family:var(--font-titre);letter-spacing:.04em;text-transform:uppercase;margin-top:20px;font-size:30px;font-weight:700}.connexion h1 span{color:var(--color-logo-jaune)}.connexion-intro{color:var(--color-gris);margin-top:4px;font-size:14.5px}.connexion-form{flex-direction:column;gap:6px;margin-top:22px;display:flex}.connexion-form label{font-family:var(--font-titre);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gris);margin-top:10px;font-size:14px;font-weight:700}.connexion-form input{font-family:var(--font-corps);border:1px solid var(--color-line);color:var(--color-encre);background:#fdfcf9;border-radius:7px;padding:10px 12px;font-size:15.5px}.connexion-form input:focus-visible{outline:3px solid var(--color-logo-jaune);outline-offset:1px}.connexion-erreur{color:var(--color-ral3020);background:var(--color-ral3020-bg);border:1px solid #efb9bc;border-radius:7px;margin-top:14px;padding:9px 12px;font-size:14px;font-weight:600}.connexion-valider{font-family:var(--font-titre);letter-spacing:.05em;text-transform:uppercase;background:var(--color-encre);color:#f5f3ed;cursor:pointer;border:none;border-radius:8px;margin-top:20px;padding:11px 16px;font-size:17px;font-weight:700}.connexion-valider:hover:not(:disabled){background:var(--color-entete)}.connexion-valider:disabled{opacity:.6;cursor:progress}.connexion-valider:focus-visible{outline:3px solid var(--color-logo-jaune);outline-offset:2px}