/* Classy — design « Givre » : verre dépoli clair (tendance « Liquid Glass » 2026).
   Fond blanc bleuté avec des halos cobalt, ciel et violet ; panneaux en verre (flou + reflet en haut) ; boutons pilule
   en dégradé cobalt ; logo « C » en verre. Texte en Geist partout.
   Actif quand <html> porte la classe « verre ». Se charge après theme-atelier.css et pages.css, qu'il complète. */

.verre{
  --bg:#eef1ff; --surface:rgba(255,255,255,.66); --ink:#0b1033; --muted:#4a5280; --line:rgba(11,16,51,.1);
  --blue:#2a48f5; --blue-d:#1d34c4; --navy:#0b1033; --sky:#7cc4ff; --sky-soft:rgba(124,196,255,.22); --blue-soft:rgba(42,72,245,.08);
  --d:#2a48f5; --o:#e8572a; --e:#0b1033; --ax:#8a93bd; --tx:#0b1033;
  --up:#16855a; --up-soft:rgba(61,220,151,.16); --down:#c2362f; --down-soft:rgba(255,120,120,.14);
  --r:22px; --shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,16,51,.04),0 18px 44px rgba(42,72,245,.1);
  --serif:Geist,system-ui,sans-serif; --sans:Geist,system-ui,sans-serif;
  --verre:linear-gradient(140deg,rgba(255,255,255,.8),rgba(255,255,255,.5));
  --bord-verre:rgba(255,255,255,.9);
  --flou:blur(22px) saturate(160%);
  --bouton:linear-gradient(180deg,#5873ff,#2a48f5);
  --ombre-bouton:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px rgba(42,72,245,.3);
  --fond:radial-gradient(900px 640px at 8% -8%,rgba(88,115,255,.3),transparent 60%),radial-gradient(760px 560px at 100% 18%,rgba(124,196,255,.38),transparent 60%),
    radial-gradient(900px 700px at 40% 108%,rgba(140,110,255,.2),transparent 60%),#eef1ff;
}
.verre body{background:var(--fond);background-attachment:fixed;font-family:Geist,system-ui,sans-serif;color:var(--ink)}
.verre body::before{display:none}
.verre b{color:inherit}

/* ---------- Panneaux en verre ---------- */
.verre .drop,.verre .carte-cours,.verre .auth,.verre .lsteps,.verre .keys li,.verre .plan-item,.verre .blk,.verre .qcm,.verre .open,
.verre .attente,.verre .annales,.verre .fin-row,.verre .offre,.verre .etapes-presentation div,.verre .fonction,.verre .offres-mini div,
.verre .faq details,.verre .apercu-carte,.verre .bascule,.verre .prev,.verre .defi-jeu,.verre .liste-probables li,.verre .seance,
.verre .maitrise-ligne,.verre .page-compte .blk,.verre .compte-menu .moi,.verre .accords-paiement,.verre .cookies,
.verre .doc .sommaire,.verre .doc .tableau,.verre .doc .formulaire{
  background:var(--verre);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou);
  border:1px solid var(--bord-verre);box-shadow:var(--shadow);border-radius:var(--r)}
.verre .tiroir,.verre .fenetre{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);
  border:1px solid #fff;border-radius:24px;box-shadow:0 30px 80px rgba(11,16,51,.22)}
.verre .fenetre-fond{background:rgba(11,16,51,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- Boutons ---------- */
.verre .drop-btn,.verre .btn-plein,.verre .check,.verre .btn-main,.verre .btn-menu,.verre .bascule button.on,.verre .score,.verre .qn,
.verre .badge-pro,.verre .ruban,.verre .msg.moi,.verre .bulle-selection,.verre .etapes-presentation span,.verre .seance h2 small,
.verre .bouton-assistant,.verre .cookies-actions button,.verre .doc .boutons a,.verre .doc .boutons button{
  background:var(--bouton);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:var(--ombre-bouton)}
.verre .drop-btn,.verre .btn-plein,.verre .check,.verre .btn-main,.verre .btn-menu,.verre .bouton-assistant,
.verre .cookies-actions button,.verre .doc .boutons a,.verre .doc .boutons button{border-radius:999px;font-weight:600}
.verre .drop-btn:hover,.verre .btn-plein:hover,.verre .check:hover,.verre .btn-main:hover,.verre .btn-menu:hover,.verre .bouton-assistant:hover,
.verre .cookies-actions button:hover,.verre .doc .boutons a:hover{background:var(--bouton);filter:brightness(1.08)}
.verre .btn-sec,.verre .cookies-actions button.perso,.verre .doc .boutons .sec{background:rgba(255,255,255,.72);color:var(--ink);border:1px solid #fff;
  border-radius:999px;box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(42,72,245,.08);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou)}
.verre .btn-sec:hover,.verre .cookies-actions button.perso:hover{background:#fff}
.verre .btn-sec.danger{color:var(--down)}
.verre .cta-final{background:linear-gradient(140deg,#5873ff 0%,#2a48f5 55%,#1d34c4 100%);border-radius:30px;border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 30px 70px rgba(42,72,245,.3)}
.verre .cta-final .btn-plein{background:#fff;color:var(--blue);box-shadow:0 10px 24px rgba(11,16,51,.2)}

/* ---------- Typographie : Geist partout, titres serrés ---------- */
.verre .page-head h1,.verre .drop-title,.verre .auth h1,.verre .quiz-head h2,.verre .sec-head h2,.verre .loading h2,.verre .hero h1,
.verre .titre-section,.verre .cta-final h2,.verre .offre h2,.verre .mes-cours h2,.verre .annales h2,.verre .fonction h3,
.verre .etapes-presentation h3,.verre .plan-txt b,.verre .carte-cours b,.verre .fin-row b,.verre .next-txt b,.verre .player .scene-t,
.verre .cover-t,.verre .cm-racine,.verre .fiche header h2,.verre .doc h1,.verre .doc h2,.verre .cookies h2{
  font-family:Geist,system-ui,sans-serif;font-weight:600;letter-spacing:-.035em;color:inherit}
.verre .page-head h1{font-size:clamp(34px,5vw,58px);line-height:1.02;color:var(--ink)}
.verre .hero h1{font-size:clamp(42px,6.4vw,80px);line-height:.98;letter-spacing:-.05em}
.verre .drop-title{font-size:clamp(34px,5.5vw,56px);line-height:1.02;letter-spacing:-.05em;color:var(--ink)}
.verre .titre-section{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}
.verre .sec-head h2{font-size:clamp(23px,3vw,32px);line-height:1.1}
.verre .quiz-head h2{font-size:clamp(28px,3.6vw,44px)}
.verre .plan-txt b{font-size:21px;line-height:1.2}
.verre .carte-cours b{font-size:17px;line-height:1.3}
.verre .fin-row b{font-size:17px}
.verre .fonction h3{font-size:19px}
.verre .etapes-presentation h3{font-size:20px}
.verre .offre h2{font-size:22px}
.verre .next-txt b{font-size:18px}
.verre .doc h1{font-size:clamp(34px,5vw,54px);line-height:1.02}
.verre .doc h2{font-size:24px;letter-spacing:-.025em}
.verre .cookies h2{font-size:21px}
.verre .lead{color:var(--muted)}
.verre .kicker{color:var(--blue);font-family:Geist,sans-serif}
.verre .kicker::before{background:currentColor;width:18px}

/* ---------- Logo : le « C » en verre ---------- */
.verre .logo,.verre .legal-haut .logo{font-family:Geist,system-ui,sans-serif;font-weight:600;font-size:26px;letter-spacing:-.05em;text-transform:lowercase}
.verre .logo-mark{width:30px!important;height:30px!important;border-radius:0!important;background:url(/logo.svg) center/contain no-repeat!important;box-shadow:none!important}
.verre .logo-mark::after{display:none!important}

/* ---------- Barre latérale du cours : panneau de verre flottant ---------- */
.verre body[data-cours="oui"] .top{background:var(--verre);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  color:var(--ink);border:1px solid var(--bord-verre);box-shadow:var(--shadow)}
@media (min-width:961px){
  .verre body[data-cours="oui"] .top{margin:16px 0 16px 16px;top:16px;height:calc(100vh - 32px);border-radius:28px;overflow-y:auto;scrollbar-width:none}
}
.verre .course-tag{color:var(--ink);background:rgba(255,255,255,.6);border:1px solid #fff;border-radius:16px;padding:12px 14px;font:500 14px/1.35 Geist,sans-serif;letter-spacing:-.01em}
.verre .course-tag::before{color:var(--blue)}
.verre .steps::before{background:var(--line)}
.verre .step{color:var(--muted);border-radius:14px}
.verre .step:hover{background:rgba(255,255,255,.65);color:var(--ink)}
.verre .step .sn{background:#fff;border:1px solid var(--line);color:var(--muted)}
.verre .step.done{color:var(--ink)}
.verre .step.done .sn{background:var(--navy);border-color:var(--navy);color:#fff}
.verre .step.current{background:rgba(255,255,255,.88);color:var(--ink);font-weight:600;box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(42,72,245,.12)}
.verre .step.current .sn{background:var(--bouton);border-color:transparent;color:#fff;box-shadow:0 0 0 4px rgba(42,72,245,.15)}
.verre .step.current .st{background:none}
.verre .steps-titre{color:var(--muted)}
.verre .step.outil .sn{color:var(--blue);background:none;border:none}

/* ---------- Accueil connecté : dépôt ---------- */
.verre body[data-step="home"] .view,.verre body[data-step="loading"] .view{background:none}
.verre .drop{border:1.5px dashed rgba(42,72,245,.32);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(228,235,255,.55))}
.verre .drop::before,.verre .drop::after{display:none}
.verre .drop:hover,.verre .drop.over,.verre .drop:focus-visible{transform:translateY(-3px);border-color:var(--blue);box-shadow:inset 0 1px 0 #fff,0 30px 70px rgba(42,72,245,.2)}
.verre .drop-icon{width:76px;height:76px;border-radius:24px;background:var(--bouton);color:#fff;box-shadow:var(--ombre-bouton)}
.verre .drop-icon svg{width:34px;height:34px}
.verre .demo u{color:var(--blue)}
.verre .champ input,.verre .champ select,.verre .champ textarea,.verre textarea,.verre .ajout-membre input,.verre .suppression input,.verre .form-ligne input,.verre .defi-code input{
  border:1px solid rgba(11,16,51,.12);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 2px rgba(11,16,51,.04);color:var(--ink)}
.verre .champ input:focus,.verre .champ select:focus,.verre textarea:focus,.verre .ajout-membre input:focus,.verre .suppression input:focus,.verre .form-ligne input:focus{
  border-color:var(--blue);box-shadow:0 0 0 4px rgba(42,72,245,.14);outline:none}
.verre .carte-cours:hover{transform:translateY(-3px);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 22px 50px rgba(42,72,245,.16)}
.verre .statut{border-radius:999px;background:var(--blue-soft);color:var(--blue);padding:3px 10px;letter-spacing:.02em;text-transform:none;font-size:11.5px}
.verre .statut.pret{background:var(--up-soft);color:var(--up)}
.verre .statut.erreur{background:var(--down-soft);color:var(--down)}
.verre .revue-accueil{background:var(--bouton);border-radius:20px;box-shadow:var(--ombre-bouton);border:1px solid rgba(255,255,255,.3)}
.verre .compte-menu .moi{border-radius:999px;color:var(--ink)}
.verre .lien-menu:hover{color:var(--blue)}

/* ---------- Connexion ---------- */
.verre .auth{border-radius:28px;padding:34px}
.verre .onglets{background:rgba(11,16,51,.05);border:none;border-radius:999px;padding:4px}
.verre .onglets button{border-radius:999px}
.verre .onglets button.on{background:#fff;color:var(--ink);border-bottom:none;box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(11,16,51,.1)}
.verre .erreur-form{border-radius:14px}

/* ---------- Préparation ---------- */
.verre .loader{border-color:rgba(42,72,245,.12);border-top-color:var(--blue);border-right-color:var(--sky)}
.verre .lsteps{padding:8px 20px}
.verre .lsteps li::before{border-radius:50%}
.verre .lsteps li.now::before{background:var(--blue);box-shadow:0 0 0 5px rgba(42,72,245,.15)}
.verre .lsteps li.done::before{background:var(--navy)}

/* ---------- Vidéo : écran bleu nuit dans un cadre de verre ---------- */
.verre .player{border-radius:26px;background:#0b1033;border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 60px rgba(11,16,51,.22)}
.verre .player .stage{background:radial-gradient(120% 100% at 15% 0%,#4d6bff 0%,#2a48f5 30%,#0b1033 80%);--d:#a9bbff;--o:#ffb37a;--bg-vis:#0b1033}
.verre .caption,.verre .controls{background:#0b1033}
.verre .controls button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px}
.verre .controls .snd.on{background:#fff;color:var(--blue)}
.verre .scene-points span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.verre .scene-formule{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff}
.verre .player .cover{background:rgba(11,16,51,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.verre .bigplay{background:#fff;color:var(--blue)}
.verre .segs span{border-radius:4px;height:4px}
.verre .segs i{border-radius:4px}
.verre .keys li{padding:18px 20px}
.verre .keys li::before{font:600 26px/1 Geist,sans-serif;color:var(--blue)}

/* ---------- Plan ---------- */
.verre .plan{gap:12px;border-top:none}
.verre .plan-item{padding:20px 22px;border-bottom:1px solid var(--bord-verre)}
.verre .plan-item:hover{transform:translateY(-2px);background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(255,255,255,.65));box-shadow:inset 0 1px 0 #fff,0 22px 50px rgba(42,72,245,.14)}
.verre .plan-item .num{width:52px;height:52px;border-radius:16px;background:var(--bouton);color:#fff;font:600 20px/1 Geist,sans-serif;display:grid;place-items:center;box-shadow:var(--ombre-bouton)}
.verre .plan-item .go{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.8);border:1px solid #fff;color:var(--blue)}
.verre .plan-item:hover .go{background:var(--bouton);color:#fff}
.verre .partie-titre{color:var(--blue)}
.verre .annale{background:rgba(255,255,255,.6);border-radius:12px;border-bottom:none}

/* ---------- Sujet ---------- */
.verre .sec-head{border-top:none;padding-top:6px}
.verre .sec-num{width:42px;height:42px;border-radius:13px;background:var(--bouton);color:#fff;font:600 18px/1 Geist,sans-serif;display:grid;place-items:center;box-shadow:var(--ombre-bouton)}
.verre .blocks{gap:16px;border-left:none}
.verre .blk{padding:24px}
.verre .blk h4{color:var(--blue);font-size:11.5px;letter-spacing:.14em}
.verre .blk h4::before{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(42,72,245,.14)}
.verre .blk.blk-point{background:linear-gradient(140deg,#5873ff 0%,#2a48f5 55%,#1d34c4 100%);color:#fff;border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 22px 50px rgba(42,72,245,.3);border-radius:var(--r)}
.verre .blk.blk-point h4{color:rgba(255,255,255,.85)}
.verre .blk.blk-point h4::before{box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.verre .blk-point p{font:500 clamp(19px,2.2vw,24px)/1.45 Geist,sans-serif;letter-spacing:-.015em}
.verre .blk-point b{text-decoration-color:var(--sky)}
.verre .blk-point .formule{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff}
.verre .blk-intuition p,.verre .blk-analogie p{font:400 17px/1.6 Geist,sans-serif}
.verre .blk.blk-pieges,.verre .blk.blk-piege{background:linear-gradient(140deg,rgba(255,236,232,.88),rgba(255,255,255,.55))}
.verre .blk.blk-pieges h4,.verre .blk.blk-piege h4{color:var(--down)}
.verre .blk.blk-exercice{border:1.5px dashed rgba(42,72,245,.3)}
.verre .blk.blk-retenir{background:linear-gradient(140deg,#1a2466,#0b1033);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 50px rgba(11,16,51,.25)}
.verre .blk.blk-retenir h4{color:#bfe3ff}
.verre .blk.blk-retenir li{font:500 16px/1.4 Geist,sans-serif;color:#fff;background:rgba(255,255,255,.08);border-top:none;border-left:3px solid var(--sky);border-radius:14px;padding:12px 14px}
.verre .formule{background:rgba(42,72,245,.07);border:1px solid rgba(42,72,245,.12);border-radius:14px;color:var(--navy)}
.verre .calcul{border-left:3px solid var(--sky);background:rgba(255,255,255,.6);border-radius:0 12px 12px 0}
.verre .etapes>li::before{background:#fff;border:1px solid rgba(42,72,245,.2);color:var(--blue);font-family:Geist,sans-serif;font-weight:600}
.verre .chip{border-radius:999px}
.verre .readout div{background:rgba(255,255,255,.6);border:1px solid #fff;border-radius:14px}
.verre .readout b{font:600 24px Geist,sans-serif;letter-spacing:-.03em}
.verre .bulle-selection{border-radius:999px}

/* ---------- Quiz, examen, bilan ---------- */
.verre .quiz{border-top:none;padding:30px;border-radius:30px;background:linear-gradient(160deg,rgba(88,115,255,.14),rgba(124,196,255,.1));border:1px solid rgba(255,255,255,.8)}
.verre .opt{border-radius:16px;border:1px solid rgba(11,16,51,.1);background:rgba(255,255,255,.72)}
.verre .opt:not(:disabled):hover{border-color:var(--blue);background:#fff}
.verre .opt .k{border-radius:10px;background:rgba(42,72,245,.08);color:var(--blue);border:none}
.verre .opt.ok{background:var(--up-soft);border-color:var(--up)}
.verre .opt.ko{background:var(--down-soft);border-color:var(--down)}
.verre .opt.ok .k{background:var(--up);color:#fff}
.verre .opt.ko .k{background:var(--down);color:#fff}
.verre .fb{border-radius:14px}
.verre .correction{border-radius:16px;background:rgba(255,255,255,.6)}
.verre .cor-conseil{border-radius:12px}
.verre .score{border-radius:999px}
.verre .qn{border-radius:8px}
.verre .q-enonce .pts{border-radius:999px;background:rgba(42,72,245,.08);color:var(--blue);border:none}
.verre .score-big b{font:600 96px/.9 Geist,sans-serif;letter-spacing:-.06em;color:var(--blue)}
.verre .fin-row{border-radius:18px}
.verre .fin-row .num{width:38px;height:38px;border-radius:12px;background:rgba(42,72,245,.08);color:var(--blue);font:600 16px Geist,sans-serif;display:grid;place-items:center}
.verre .pill{background:rgba(255,255,255,.7);border:1px solid #fff}

/* ---------- Navigation du bas ---------- */
.verre .nav{background:linear-gradient(transparent,rgba(238,241,255,.92) 65%)}
.verre .prev{border-radius:999px;color:var(--ink);font-weight:600;padding:12px 20px}
.verre .prev:hover{background:#fff}
.verre .next{background:var(--bouton);border-radius:22px;border:1px solid rgba(255,255,255,.3);box-shadow:var(--ombre-bouton)}
.verre .next:hover{background:var(--bouton);filter:brightness(1.07);transform:translateY(-2px)}
.verre .next .arrow{border-radius:14px;background:#fff;color:var(--blue);border:none}
.verre .toast{border-radius:14px;background:var(--navy)}
.verre .toast.erreur{background:var(--down)}

/* ---------- Présentation (visiteurs) ---------- */
.verre .etapes-presentation span{border-radius:50%}
.verre .ic-fonction{background:linear-gradient(160deg,rgba(124,196,255,.4),rgba(88,115,255,.18));color:var(--blue);border:1px solid #fff;border-radius:14px}
.verre .offres-mini .mise-en-avant,.verre .offre.mise-en-avant{background:linear-gradient(150deg,rgba(88,115,255,.22),rgba(255,255,255,.65));border:1.5px solid rgba(42,72,245,.45);
  box-shadow:inset 0 1px 0 #fff,0 26px 60px rgba(42,72,245,.18)}
.verre .prix,.verre .offres-mini .prix{font-family:Geist,sans-serif;font-weight:600;letter-spacing:-.05em;color:var(--blue)}
.verre .faq details{border-radius:20px}
.verre .apercu-point{background:linear-gradient(140deg,#5873ff 0%,#2a48f5 55%,#1d34c4 100%);border-radius:18px}
.verre .apercu-point p{font:500 21px/1.35 Geist,sans-serif;letter-spacing:-.015em}
.verre .apercu-opt{border-radius:12px;background:rgba(255,255,255,.6)}
.verre .actuelle{border-radius:999px;background:rgba(42,72,245,.08)}
.verre .bascule{border-radius:999px}

/* ---------- Outils ---------- */
.verre .podcast-lecteur{background:linear-gradient(140deg,#1a2466,#0b1033);border-radius:var(--r);box-shadow:0 22px 50px rgba(11,16,51,.22)}
.verre .planning li.aujourdhui{background:rgba(42,72,245,.08);border-radius:14px}
.verre .maitrise-ligne{border-radius:16px}
.verre .jauge{background:rgba(11,16,51,.08)}
.verre .cm-racine{background:var(--bouton);border-radius:22px;box-shadow:var(--ombre-bouton)}
.verre .cm-racine small{color:rgba(255,255,255,.8)}
.verre .cm-sujet{background:rgba(255,255,255,.78);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou)}
.verre .cm-notion{background:rgba(255,255,255,.72)}
.verre .fiche{border-radius:18px}
.verre .msg.ia{background:rgba(11,16,51,.05)}
.verre .defi-cree{background:rgba(42,72,245,.08);border-radius:14px}

/* ---------- Pages légales et bandeau cookies ---------- */
.verre .doc .essentiel{background:linear-gradient(140deg,rgba(88,115,255,.14),rgba(255,255,255,.6));border:1px solid #fff;border-radius:18px}
.verre .doc th{background:rgba(42,72,245,.05)}
.verre .legal-nav{border-bottom-color:var(--line)}
.verre .cookies{border-radius:22px;background:rgba(255,255,255,.88)}

@media (max-width:960px){
  .verre body[data-cours="oui"] .top{border-radius:0;border-width:0 0 1px}
  .verre .blk.blk-point{border-radius:var(--r)}
  .verre .quiz{padding:20px 14px}
}

/* ==========================================================================
   Pages publiques générées (.site : accueil sans JavaScript, fonctionnalités, tarifs, FAQ, niveaux, 404)
   ========================================================================== */
.verre .site{--bg:#eef1ff;--surface:rgba(255,255,255,.7);--ink:#0b1033;--muted:#4a5280;--line:rgba(11,16,51,.1);
  --blue:#2a48f5;--blue-d:#1d34c4;--navy:#0b1033;--blue-soft:rgba(42,72,245,.08);--up:#16855a;--r:22px;
  --serif:Geist,system-ui,sans-serif;background:var(--fond);background-attachment:fixed}
.verre .site h1{font:600 clamp(38px,9vw,72px)/1.02 var(--sans);letter-spacing:-.045em}
.verre .site h2{font:600 clamp(27px,6vw,42px)/1.08 var(--sans);letter-spacing:-.04em}
.verre .site h3{font:600 clamp(18px,4.4vw,21px)/1.25 var(--sans);letter-spacing:-.02em}
.verre .s-logo{font:600 26px/1 var(--sans);letter-spacing:-.05em;text-transform:lowercase}
.verre .s-logo-mark{width:28px;height:28px;border-radius:0;background:url(/logo.svg) center/contain no-repeat}
.verre .s-logo-mark::after{display:none}
.verre .site-entete{background:rgba(238,241,255,.7);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.8)}
.verre .s-btn{background:var(--bouton);border:1px solid rgba(255,255,255,.3);border-radius:999px;box-shadow:var(--ombre-bouton)}
.verre .s-btn:hover{background:var(--bouton);filter:brightness(1.08)}
.verre .s-btn-sec{background:rgba(255,255,255,.72);border:1px solid #fff;border-radius:999px;box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(42,72,245,.08)}
.verre .s-btn-sec:hover{background:#fff;border-color:#fff}
.verre .s-carte,.verre .s-bref,.verre .s-offre,.verre .s-faq details,.verre .s-tableau,.verre .s-menu summary,.verre .s-menu-panneau{
  background:var(--verre);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou);border:1px solid var(--bord-verre);box-shadow:var(--shadow)}
.verre .s-menu summary{border-radius:14px}
.verre .s-menu-panneau{background:rgba(255,255,255,.92);border-radius:0 0 24px 24px}
.verre .s-bref{border-left:3px solid var(--blue);border-radius:0 var(--r) var(--r) 0}
.verre .s-num{background:var(--bouton);box-shadow:var(--ombre-bouton)}
.verre .s-ic{background:linear-gradient(160deg,rgba(124,196,255,.4),rgba(88,115,255,.18));border:1px solid #fff;border-radius:14px}
.verre .s-etapes{border-top:none;display:flex;flex-direction:column;gap:12px}
.verre .s-etapes>li{background:var(--verre);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou);border:1px solid var(--bord-verre);box-shadow:var(--shadow);
  border-radius:var(--r);padding:22px 22px 22px 70px}
.verre .s-etapes>li::before{font:600 30px/1 var(--sans);left:22px;top:22px;letter-spacing:-.04em}
.verre .s-offre.s-avant{background:linear-gradient(150deg,rgba(88,115,255,.22),rgba(255,255,255,.65));border:1.5px solid rgba(42,72,245,.45);box-shadow:inset 0 1px 0 #fff,0 26px 60px rgba(42,72,245,.18)}
.verre .s-ruban{background:var(--bouton);box-shadow:var(--ombre-bouton)}
.verre .s-prix{font:600 46px/1.05 var(--sans);letter-spacing:-.05em}
.verre .s-point{background:linear-gradient(140deg,#5873ff 0%,#2a48f5 55%,#1d34c4 100%);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 22px 50px rgba(42,72,245,.28)}
.verre .s-point p{font:500 clamp(19px,4.6vw,24px)/1.4 var(--sans);letter-spacing:-.015em}
.verre .s-formule{border-radius:14px}
.verre .s-calcul{background:rgba(255,255,255,.6)}
.verre .s-qcm li{border-radius:14px;background:rgba(255,255,255,.7)}
.verre .s-qcm li.s-bonne{background:rgba(61,220,151,.16)}
.verre .s-cta{background:linear-gradient(140deg,#5873ff 0%,#2a48f5 55%,#1d34c4 100%);border-radius:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 30px 70px rgba(42,72,245,.3)}
.verre .s-cta .s-btn{background:#fff;color:var(--blue)!important;filter:none}
.verre .s-cta .s-btn-sec{background:transparent;border-color:rgba(255,255,255,.55);box-shadow:none}
.verre .site-pied{background:rgba(255,255,255,.5);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou);border-top:1px solid rgba(255,255,255,.85)}
.verre .s-prose .s-a-completer{border-radius:6px}
@media print{.verre body,.verre .site{background:#fff}}

/* ---------- Cours en plusieurs fichiers, et sujet en profondeur ---------- */
.verre .depot,.verre .fil-item details{background:var(--verre);-webkit-backdrop-filter:var(--flou);backdrop-filter:var(--flou);
  border:1px solid var(--bord-verre);box-shadow:var(--shadow);border-radius:var(--r)}
.verre .depot-liste li{background:rgba(255,255,255,.65);border:1px solid #fff}
.verre .depot-ic{color:var(--blue)}
.verre .fil-item details[open]{background:linear-gradient(140deg,rgba(255,255,255,.92),rgba(255,255,255,.62))}
.verre .fil-repere{background:rgba(42,72,245,.08)}
.verre .fil-corps .fil-idee{background:linear-gradient(140deg,rgba(88,115,255,.12),rgba(124,196,255,.12));border:1px solid #fff}
.verre .blk.blk-question{background:linear-gradient(140deg,rgba(124,196,255,.24),rgba(255,255,255,.6))}
.verre .blk.blk-question h4{color:var(--navy)}
.verre .blk.blk-verifier{border:1.5px dashed rgba(109,40,217,.32);background:linear-gradient(140deg,rgba(237,233,254,.75),rgba(255,255,255,.55))}
.verre .blk.blk-verifier h4{color:#6d28d9}
.verre .blk.blk-verifier h4::before{box-shadow:0 0 0 3px rgba(109,40,217,.15)}
.verre .site .cookies h2{font:600 21px/1.15 var(--sans);letter-spacing:-.03em}
.verre .site-entete .s-btn-petit .s-long{margin-left:.28em}