@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/connexion/assets/poppins-400-latin.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/connexion/assets/poppins-600-latin.woff2) format('woff2')}
:root{
  /* Académie (site greenbull-campus.fr) */
  --air-fond:#120d08;--air-fond-2:#2a1d0f;--air-or:#d6a34b;--air-or-1:#dba951;--air-or-2:#c49139;--air-or-bord:#cc9942;
  --air-texte:#f6efe4;--air-doux:#cbbca6;--air-sur-or:#1a1109;--air-focus:#f3d9a4;--air-rayon:7px;
  --air-police:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* Incubateur (Dashboard/pages/auth/auth.css) */
  --wine:#26486b;--wine-survol:#1d3854;--wine-appui:#162c43;--inc-fond:#f6f6fa;--inc-carte:#ffffff;--inc-bord:#e8e5ec;--inc-texte:#242426;
  --inc-doux:#5f5967;--inc-focus:#7d95ae;--inc-police:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* commun */
  --pastille-fond:#ffffff;--pastille-texte:#242426;--pastille-bord:#e8e5ec;
  --ombre-or:0 1px 0 rgb(255 255 255 / .35) inset,0 1px 2px rgb(18 13 8 / .35),0 8px 22px rgb(196 145 57 / .22);
  --ombre-carte:0 20px 70px rgb(51 32 57 / .05);
  --duree:160ms;--courbe:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{-webkit-font-smoothing:antialiased;font-synthesis:none;background:var(--inc-fond)}
.choix{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
/* le titre de la page, une pastille à cheval sur les deux moitiés */
.choix-titre{position:absolute;z-index:2;top:24px;left:50%;transform:translateX(-50%);margin:0;padding:8px 16px;white-space:nowrap;
  font:500 13px/1.4 var(--inc-police);letter-spacing:.2px;color:var(--pastille-texte);background:var(--pastille-fond);
  border:1px solid var(--pastille-bord);border-radius:999px;box-shadow:var(--ombre-carte)}
.espace{display:flex;align-items:center;justify-content:center;padding:112px clamp(28px,6vw,96px) 72px}
.espace-contenu{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:flex-start}
.espace-nom{margin:0}
.espace-nom img{display:block;height:auto}
.espace-texte{margin:24px 0 32px;font-size:15px;line-height:1.6;max-width:34ch}
.espace-bouton{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 24px;
  font-size:14px;font-weight:600;text-decoration:none;transition:background var(--duree) var(--courbe),transform var(--duree) var(--courbe),box-shadow var(--duree) var(--courbe)}
.espace-bouton:active{transform:translateY(1px)}
.espace-aide{margin:14px 0 0;font-size:12px;line-height:1.5}

/* ---- Académie : sombre, or, Poppins, rayon 7 px ---- */
.academie{background:radial-gradient(120% 90% at 20% 0%,var(--air-fond-2),var(--air-fond) 70%);color:var(--air-texte);font-family:var(--air-police)}
.academie .espace-nom img{width:min(300px,100%)}
.academie .espace-texte,.academie .espace-aide{color:var(--air-doux)}
.academie-bouton{color:var(--air-sur-or);background:linear-gradient(176deg,var(--air-or-1),var(--air-or-2));border:1px solid var(--air-or-bord);
  border-radius:var(--air-rayon);box-shadow:var(--ombre-or)}
.academie-bouton:hover{background:linear-gradient(176deg,var(--air-or-1),var(--air-or-1));transform:translateY(-1px)}
.academie-bouton:active{background:linear-gradient(176deg,var(--air-or-2),var(--air-or-2));transform:translateY(1px)}
.academie-bouton:focus-visible{outline:3px solid var(--air-focus);outline-offset:4px}

/* ---- Incubateur : clair, bleu nuit, police système, pilule ---- */
.incubateur{background:var(--inc-fond);color:var(--inc-texte);font-family:var(--inc-police)}
.incubateur .espace-contenu{background:var(--inc-carte);border:1px solid var(--inc-bord);border-radius:28px;padding:44px 40px;box-shadow:var(--ombre-carte)}
.incubateur .espace-nom img{width:min(220px,100%)}
.incubateur .espace-texte,.incubateur .espace-aide{color:var(--inc-doux)}
.incubateur-bouton{color:#fff;background:var(--wine);border:0;border-radius:999px;font-weight:500}
.incubateur-bouton:hover{background:var(--wine-survol);transform:translateY(-1px)}
.incubateur-bouton:active{background:var(--wine-appui)}
.incubateur-bouton:focus-visible{outline:3px solid var(--inc-focus);outline-offset:4px}



@media (max-width:899px){
  body{background:var(--ui-bg)}
  .choix{display:flex;flex-direction:column;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) var(--ui-gutter) max(24px,env(safe-area-inset-bottom));
    font-family:var(--inc-police);color:var(--ui-ink)}
  .choix>*{width:100%;max-width:420px;margin-left:auto;margin-right:auto}
  .choix-titre{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .espace{padding:0;background:none;color:var(--ui-ink);font-family:var(--inc-police)}
  .espace-contenu{max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
  /* L'Incubateur : centré dans l'écran */
  .incubateur{order:-1;flex:1 0 auto;display:flex;align-items:center;justify-content:center}
  .incubateur .espace-contenu{align-items:center;text-align:center;padding:0;border:0;background:none;box-shadow:none;}
  .incubateur .espace-nom img{width:auto;height:112px;max-width:100%;margin:0 auto}
  .incubateur .espace-texte{margin:20px auto 0;max-width:26ch;font-size:16px;line-height:1.5;color:var(--ui-muted)}
  .incubateur-bouton{width:100%;min-height:44px;margin-top:32px;padding:10px 20px;gap:8px;border:1px solid var(--ui-accent);border-radius:var(--ui-radius-full);
    background:var(--ui-accent);color:var(--ui-on-accent);font:600 15px/1.25 var(--inc-police);box-shadow:none;transform:none}
  .incubateur-bouton:hover{background:var(--ui-accent-hover);transform:none}
  .incubateur-bouton:active{opacity:.6}
  .incubateur-bouton:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
  .incubateur .espace-aide{margin:12px auto 0;max-width:34ch;font-size:13px;line-height:1.45;color:var(--ui-muted)}
  /* « ou », puis l'Académie en rangée cliquable */
  .academie{order:0;display:block;margin-top:32px}
  .academie::before{content:"ou";display:block;margin:0 0 16px;text-align:center;font:400 13px/1.45 var(--inc-police);color:var(--ui-muted);
    background:linear-gradient(var(--ui-border),var(--ui-border)) left center/calc(50% - 24px) 1px no-repeat,linear-gradient(var(--ui-border),var(--ui-border)) right center/calc(50% - 24px) 1px no-repeat}
  .academie .espace-contenu{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:calc(16px * 1.35) auto;grid-template-areas:"logo titre fin" "logo aide fin";align-items:center;column-gap:16px;row-gap:2px;
    min-height:72px;padding:16px 20px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-l);background:var(--ui-surface);box-shadow:var(--ui-elev-1);
    transition:background-color var(--ui-dur-micro) var(--ui-ease)}
  .academie .espace-contenu::after{content:"";grid-area:fin;align-self:center;width:20px;height:20px;background:var(--ui-muted);-webkit-mask:var(--ui-chevron) center/20px 20px no-repeat;mask:var(--ui-chevron) center/20px 20px no-repeat}
  .academie .espace-contenu:has(.academie-bouton:hover){background:var(--ui-surface-2)}
  .academie .espace-contenu:has(.academie-bouton:active){background:var(--ui-border)}
  .academie .espace-nom{grid-area:logo;align-self:center}
  .academie .espace-nom img{width:36px;height:44px;object-fit:cover;object-position:left center}
  .academie .espace-texte{display:none}
  .academie-bouton,.academie-bouton:hover,.academie-bouton:active{grid-row:1 / 3;grid-column:2 / 3;align-self:stretch;display:block;width:auto;min-height:44px;margin:0;padding:0;
    border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:var(--ui-ink);font:600 16px/1.35 var(--inc-police)}
  .academie-bouton::after{content:"";position:absolute;inset:0;border-radius:inherit}
  .academie-bouton>span[aria-hidden]{display:none}
  .academie-bouton:focus-visible{outline:none}
  .academie .espace-contenu:has(.academie-bouton:focus-visible){outline:2px solid var(--ui-focus);outline-offset:3px}
  .academie .espace-aide{grid-area:aide;margin:0;font-size:13px;line-height:1.45;color:var(--ui-muted)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
/* Contraste renforcé à la demande du système : les textes secondaires prennent la couleur principale. */
@media (prefers-contrast:more){.academie .espace-texte,.academie .espace-aide{color:var(--air-texte)}.incubateur .espace-texte,.incubateur .espace-aide{color:var(--inc-texte)}}