.connexion-page{min-height:100dvh;padding:var(--space-6) var(--space-4);background:var(--app-ground);place-items:center;display:grid}.connexion-card{width:min(100%, var(--auth-card-w));gap:var(--space-3);padding:var(--auth-card-pad-y) var(--auth-card-pad-x);border:1px solid var(--app-panel-edge);border-radius:var(--auth-card-radius);background:var(--app-panel);box-shadow:var(--app-panel-shadow);display:grid}.connexion-mark{width:var(--auth-mark);height:var(--auth-mark);border-radius:var(--radius-md);background:var(--app-indigo-pale);color:var(--app-indigo-ink);place-items:center;font-size:28px;font-weight:700;line-height:1;display:grid}.connexion-title{font-size:var(--auth-title);letter-spacing:-.02em;font-weight:700}.connexion-lead,.connexion-help{color:var(--app-grey)}.connexion-lead{font-size:var(--auth-lead)}.connexion-help{font-size:14px}.connexion-form{gap:var(--space-2);margin-top:var(--space-2);display:grid}.connexion-label{font-size:15px;font-weight:600}.connexion-input{min-height:var(--auth-field-h);padding:0 var(--space-4);border:1px solid var(--app-hairline);border-radius:var(--radius-sm);background:var(--app-field);color:var(--app-ink);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;font-size:17px}.connexion-input::placeholder{color:var(--app-grey);letter-spacing:.08em}.connexion-input:focus-visible{outline:3px solid var(--app-blue-solid);outline-offset:2px}.connexion-input[aria-invalid=true]{border-color:var(--app-red-ink)}.connexion-error,.connexion-notice{padding:var(--space-3);border-radius:var(--radius-sm);font-size:15px}.connexion-error{background:var(--app-red-pale);color:var(--app-red-ink)}.connexion-notice{background:var(--app-orange-pale);color:var(--app-orange-ink)}.connexion-form .app-cta{min-height:var(--auth-btn-h);margin-top:var(--space-2)}.connexion-link{min-height:44px;color:var(--app-blue-ink);align-items:center;font-size:15px;display:flex}.connexion-link:focus-visible{outline:3px solid var(--app-blue-solid);outline-offset:2px}