.connexion{min-height:100dvh;padding:var(--space-7xl) var(--gouttiere-page) var(--space-4xl);gap:var(--space-5xl);grid-template-rows:1fr auto;display:grid}.connexion-corps{gap:var(--space-4xl);flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.connexion-marque{align-self:center;height:36px}.connexion-bloc{gap:var(--space-2xl);padding:var(--space-5xl) var(--space-4xl);flex-direction:column;display:flex}.connexion-titre{font-family:var(--font-display);font-size:var(--text-title);text-align:center;font-weight:700;line-height:1.2}.connexion-fournisseurs{gap:var(--space-md);flex-direction:column;display:flex}.connexion-ou{align-items:center;gap:var(--space-md);color:var(--text-faint);font-size:var(--text-xs);display:flex}.connexion-ou:before,.connexion-ou:after{content:"";background:var(--border);flex:1;height:1px}.connexion-email{gap:var(--space-xl);flex-direction:column;display:flex}.connexion-continuer{width:100%}.connexion-bientot{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.connexion-erreur{color:var(--danger);font-size:var(--text-sm)}.connexion-suite{color:var(--text);font-size:var(--text-sm);text-align:center;line-height:1.5}.connexion-bascule{color:var(--text-muted);font-size:var(--text-sm);text-align:center}.connexion-mentions{color:var(--text-faint);font-size:var(--text-xs);text-align:center;line-height:1.5}.connexion-mentions a{color:var(--text-muted);text-decoration:underline}.connexion-apropos{gap:var(--space-xl);padding-top:var(--space-4xl);border-top:1px solid var(--border);flex-direction:column;display:flex}.connexion-apropos-titre{font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.connexion-intro{color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.connexion-points{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.connexion-points li{gap:var(--space-xs) var(--space-md);grid-template-columns:auto 1fr;align-content:start;align-items:start;display:grid}.connexion-points .icon{width:16px;height:16px;color:var(--accent);grid-row:span 2;margin-top:1px}.connexion-points strong{font-size:var(--text-sm);font-weight:600}.connexion-points span{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}.connexion-pied{justify-content:center;gap:var(--space-2xl);font-size:var(--text-xs);color:var(--text-faint);display:flex}.connexion-pied a{color:var(--text-muted)}.bouton-google{border-radius:var(--radius-sm);color:#1f1f1f;letter-spacing:.25px;height:40px;transition:filter var(--duration,.12s) ease;background:#fff;border:1px solid #747775;justify-content:center;align-items:center;padding:0 12px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.bouton-google:hover{filter:brightness(.96)}.bouton-google:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bouton-google-g{flex-shrink:0;width:20px;height:20px;margin-right:10px}.bouton-apple{border-radius:var(--radius-sm);color:#000;cursor:pointer;height:40px;transition:filter var(--duration,.12s) ease;background:#fff;border:1px solid #fff;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;display:flex}.bouton-apple:hover{filter:brightness(.96)}.bouton-apple:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bouton-apple-logo{flex-shrink:0;width:15px;height:18px;margin-top:-2px}[data-theme=light] .bouton-apple{color:#fff;background:#000;border-color:#000}@media (max-width:520px){.connexion{padding-top:var(--space-5xl)}.connexion-bloc{padding:var(--space-4xl) var(--space-2xl)}.connexion-points{grid-template-columns:minmax(0,1fr)}}.bienvenue{gap:var(--space-3xl);flex-direction:column;width:100%;max-width:560px;margin:auto;display:flex}.bienvenue-note{gap:var(--space-lg);color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;line-height:1.6;list-style:none;display:flex}.bienvenue-note a{color:var(--text);text-decoration:underline}.bienvenue-accord{font-weight:600;font-size:var(--text-md)}.bienvenue-boutons{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.bienvenue-boutons .btn{width:100%}