.connexion{width:100%;max-width:440px;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom));color:var(--color-ink);flex-direction:column;gap:22px;margin:0 auto;display:flex}.connexion-retour{width:fit-content;min-height:44px;color:var(--color-muted);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.connexion-marque{align-items:center;gap:14px;margin-top:8px;display:flex}.connexion-marque img{border-radius:16px;flex:none;width:56px;height:56px;box-shadow:0 6px 18px #0000002e}.connexion-marque strong{letter-spacing:-.02em;font-size:22px;font-weight:850;line-height:1.1;display:block}.connexion-marque span{color:var(--color-muted);margin-top:3px;font-size:13.5px;font-weight:600;display:block}.connexion-titre h1{letter-spacing:-.035em;margin:0;font-size:30px;font-weight:850;line-height:1.1}.connexion-titre p{color:var(--color-muted);margin:8px 0 0;font-size:15px;line-height:1.5}.connexion-carte{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--ombre);border-radius:24px;padding:22px 18px}.connexion-formulaire{gap:18px;display:grid}.connexion-champ{gap:8px;min-width:0;display:grid}.connexion-champ>span:first-child{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:750}.connexion-saisie{align-items:center;display:flex;position:relative}.connexion-saisie>svg{color:var(--color-muted);pointer-events:none;position:absolute;left:16px}.connexion-saisie input{border:1.5px solid var(--color-line);background:var(--color-surface-2);width:100%;min-width:0;height:56px;color:var(--color-ink);font:inherit;border-radius:16px;padding:0 16px 0 50px;font-size:16px;font-weight:600}.connexion-saisie input::placeholder{color:var(--color-muted);font-weight:500}.connexion-saisie input:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 28%,transparent);outline:none}.connexion-saisie .connexion-voir{width:44px;height:44px;color:var(--color-ink-soft,var(--color-ink));background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;right:6px}.connexion-saisie:has(.connexion-voir) input{padding-right:56px}.connexion-memoire{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.connexion-memoire strong{font-size:15px;font-weight:700;display:block}.connexion-memoire small{color:var(--color-muted);margin-top:2px;font-size:13px;display:block}.connexion-interrupteur{flex:none;width:52px;height:32px;position:relative}.connexion-interrupteur input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.connexion-interrupteur i{background:var(--color-line);border-radius:999px;transition:background-color .2s;position:absolute;inset:0}.connexion-interrupteur i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000004d}.connexion-interrupteur input:checked+i{background:var(--color-brand)}.connexion-interrupteur input:checked+i:after{transform:translate(20px)}.connexion-interrupteur input:focus-visible+i{outline:3px solid var(--color-brand);outline-offset:3px}.connexion-erreur{background:var(--color-panne-wash);color:var(--color-panne);border-radius:14px;margin:0;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.45}.connexion-envoyer{background:var(--color-brand);color:#fff;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;font-size:17px;font-weight:800;display:flex}.connexion-envoyer:disabled{opacity:.6;cursor:default}.connexion-envoyer:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.connexion-aides{gap:12px;margin:0;padding:0;list-style:none;display:grid}.connexion-aides li{color:var(--color-muted);align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;display:flex}.connexion-aides svg{color:var(--color-brand);flex:none;margin-top:1px}.connexion-aides b{color:var(--color-ink);font-weight:700}@media (prefers-reduced-motion:reduce){.connexion-interrupteur i,.connexion-interrupteur i:after{transition:none}}.connexion-note{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}