.connexion{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--e-5)}.connexion__carte{width:100%;max-width:420px;padding:var(--e-5) var(--e-5) var(--e-4);background:var(--papier);color:var(--papier-encre);border:1px solid var(--papier-filet);border-top:3px solid var(--lampe)}.connexion__entete{display:flex;align-items:center;gap:var(--e-3);padding-bottom:var(--e-3);border-bottom:1px solid var(--papier-filet)}.connexion__mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--papier-filet);border-radius:var(--rayon);color:var(--rouge-cachet);flex:0 0 auto}.connexion__carte .titre{margin:0;font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.connexion__carte .terni,.connexion__sous-titre{color:var(--papier-gris)}.connexion__sous-titre{margin-top:2px;font:italic 12.5px/1.35 var(--main)}.connexion__invite{margin:var(--e-4) 0 0;font-size:12.5px;color:var(--papier-gris)}.connexion__formulaire{display:flex;flex-direction:column;gap:var(--e-2);margin-top:var(--e-3)}.connexion__etiquette{margin-top:var(--e-3);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--papier-gris)}.connexion .terrier{flex-direction:row;align-items:center;gap:0;padding:0;border-top:0;background:transparent;box-shadow:none}.connexion .terrier input{flex:1 1;min-width:0;border:0;border-bottom:1px solid var(--papier-filet-fort);padding:var(--e-2) 0;background:transparent;color:var(--papier-encre);font:italic 15px/1.5 var(--main)}.connexion .terrier input:focus{outline:none;border-bottom-color:var(--lampe)}.connexion .terrier:focus-within{box-shadow:none}.connexion .terrier input::placeholder{color:var(--papier-mention)}.connexion .terrier input:disabled{color:var(--papier-mention)}.connexion__erreur{margin:var(--e-3) 0 0;padding:var(--e-3) var(--e-3);border-left:3px solid var(--rouge-cachet);border-radius:var(--rayon);background:var(--voile-rouge);color:var(--rouge-cachet);font-size:12.5px}.connexion__bouton{margin-top:var(--e-4);align-self:stretch;min-height:44px;text-align:center;background:var(--papier-encre);border-color:var(--papier-encre);color:var(--papier)}.connexion__bouton:hover:not(:disabled){background:var(--papier-bouton-haut);border-color:var(--lampe);color:var(--papier)}@media (pointer:coarse){.connexion .terrier{min-height:44px}}