.connexion-page{font-family:var(--police-texte);position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;padding:var(--esp-8) var(--esp-4)}.connexion-logo{position:fixed;top:var(--esp-6);left:var(--esp-6);z-index:2}.connexion-logo img{display:block;height:64px;width:auto;filter:drop-shadow(var(--ombre-2))}.connexion-carte{position:relative;z-index:1;margin-left:0;min-height:0;width:100%;max-width:440px;max-height:calc(100vh - var(--esp-16));overflow-y:auto;background:var(--neutre-0);border-radius:var(--rayon-xl);box-shadow:var(--ombre-3);padding:var(--esp-8);display:flex;flex-direction:column;--font-display:var(--police-titres);--font-body:var(--police-texte);--font-mono:var(--police-texte);--ink:var(--encre);--neutral-0:var(--neutre-0);--neutral-25:var(--neutre-25);--neutral-50:var(--neutre-50);--neutral-100:var(--neutre-100);--neutral-200:var(--neutre-200);--neutral-300:var(--neutre-300);--neutral-400:var(--neutre-400);--neutral-500:var(--neutre-500);--neutral-700:var(--neutre-600);--brand-primary:var(--mot-jaune);--brand-primary-fg:var(--mot-noir);--error:var(--erreur);--feedback-error-bg:var(--erreur-doux);--feedback-error-fg:var(--erreur);--feedback-success-bg:var(--succes-doux);--feedback-success-fg:var(--succes);--radius-input:var(--rayon-md);--radius-button:var(--rayon-pill);--radius-sm:var(--rayon-sm);--radius-md:var(--rayon-md);--shadow-input-focus:var(--focus);--letter-spacing-uppercase-sm:0em;--letter-spacing-snug:var(--approche-titre);--line-height-snug:var(--interligne-titre);--line-height-normal:var(--interligne-texte);--text-h2:var(--taille-h2);--text-body-sm:var(--taille-petit);--space-2xs:var(--esp-1);--space-xs:var(--esp-2);--space-sm:var(--esp-3);--space-md:var(--esp-4);--space-lg:var(--esp-6);--space-xl:var(--esp-8);--space-2xl:var(--esp-12);--space-3xl:var(--esp-16)}.connexion-carte .field-label{text-transform:none}.connexion-carte .input{min-height:var(--cible-min)}.connexion-carte .input:focus{border-color:var(--neutre-200);box-shadow:var(--focus)}.connexion-carte .input-error:focus{border-color:var(--erreur);box-shadow:0 0 0 3px color-mix(in oklab,var(--erreur) 25%,transparent)}.connexion-carte .btn-ghost,.connexion-carte .btn-primary,.connexion-carte .btn-soft{min-height:var(--cible-min)}.connexion-carte .btn-primary:hover{filter:brightness(.96);background:var(--brand-primary)}.connexion-carte .btn-primary:active{filter:brightness(.92)}.connexion-carte .btn-ghost,.connexion-carte .btn-soft{background:var(--mot-jaune-pale);color:var(--mot-noir);border-color:transparent}.connexion-carte .btn-ghost:hover,.connexion-carte .btn-soft:hover{background:var(--mot-jaune-pale);filter:brightness(.97)}.connexion-carte .btn-link{color:var(--marque-texte-sur-clair)}.connexion-carte input[type=checkbox],.connexion-carte input[type=radio]{accent-color:var(--marque)}.connexion-titre{font-family:var(--police-titres);font-size:var(--taille-h2);font-weight:var(--graisse-titre);margin:0 0 var(--esp-1);color:var(--encre)}.connexion-lead{font-size:var(--taille-petit);line-height:var(--interligne-texte);color:var(--neutre-600);margin:0 0 var(--esp-4)}@media (max-width:768px){.connexion-page{padding:var(--esp-4);padding-top:var(--esp-16)}.connexion-carte{max-width:100%;padding:var(--esp-5);border-radius:var(--rayon-lg)}.connexion-logo{top:var(--esp-3);left:var(--esp-3)}.connexion-logo img{height:48px}}.connexion-carte [role=separator]>span{text-transform:none!important;letter-spacing:normal!important;font-size:var(--taille-petit)!important}.connexion-scene{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--esp-8) var(--esp-4)}.connexion-accueil{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--esp-5);width:100%;max-width:640px;min-width:0}.connexion-accueil-logo{height:96px;width:auto;max-width:80vw;object-fit:contain}.connexion-accueil-accroche{font-family:var(--police-titres);font-weight:700;letter-spacing:-.01em;font-size:clamp(24px,4vw,44px);line-height:1.15;color:var(--encre);margin:0;overflow-wrap:break-word}.connexion-accueil-surligne{font-style:normal;background:linear-gradient(transparent 58%,var(--mot-jaune) 58%,var(--mot-jaune) 92%,transparent 92%);padding:0 4px}.connexion-accueil-roulette{width:100%;max-width:560px}.connexion-accueil-roulette .categories-roulette__item{color:var(--encre);font-family:var(--police-texte)}.connexion-accueil-roulette .categories-roulette__item[data-distance="0"]{font-size:clamp(18px,2.2vw,24px)}.connexion-accueil-roulette .categories-roulette__item[data-distance="1"]{font-size:clamp(14px,1.6vw,16px)}.connexion-accueil-roulette .categories-roulette__item[data-distance="2"]{font-size:13px}.connexion-accueil-actions{display:flex;flex-direction:column;align-items:center;gap:var(--esp-3)}.connexion-accueil-actions .btn-primary{background:var(--mot-jaune);color:var(--mot-noir);border:0;border-radius:var(--rayon-pill);min-height:var(--cible-min);padding:0 var(--esp-8);font-family:var(--police-texte);font-weight:var(--graisse-bouton)}.connexion-accueil-actions .btn-link{color:var(--encre);text-decoration:underline;text-underline-offset:3px;font-family:var(--police-texte);font-weight:var(--graisse-bouton);font-size:var(--taille-texte)}@media (max-width:768px){.connexion-accueil-logo{height:72px}}