/* ════════════════════════════════════════════════════════════════════════
   edu-bac.tn — page « 2 séances gratuites » (J2b)
   Référence : design/maquette-seances-gratuites2.html. Style propre à cette page :
   blanc, noir #121216, orange #FF5A1F, effet verre, en-tête violet ; titres en Anton (local).
   ════════════════════════════════════════════════════════════════════════ */

:root{
  --ink:#121216;--ink-2:#2A2A31;--muted:#6B6B76;--line:#E7E7EC;
  --white:#FFFFFF;--paper:#F6F6F8;
  --orange:#FF5A1F;--orange-2:#FF7A3D;--orange-soft:#FFE7DC;
  --violet:#8C73D3;--violet-deep:#6B54B0;
  --wa:#25D366;
  --r-sm:12px;--r-md:18px;--r-lg:26px;
  --glass:rgba(255,255,255,.58);
  --glass-dark:rgba(255,255,255,.06);
  --shadow:0 24px 60px rgba(18,18,22,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.005em;line-height:1}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
/* Cairo limitée à l'alphabet arabe sur cette page : les espaces et la ponctuation latine sont affichés par Inter,
   ce qui évite de télécharger le fichier Cairo latin (33 Ko) pour quelques mots en darija. */
@font-face{font-family:'Cairo Arabe';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/lib/fonts/cairo-arabic-wght-normal.woff2) format('woff2-variations');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
.ar{font-family:"Cairo Arabe",Inter,sans-serif;direction:rtl}
.ic{width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.hidden{display:none!important}
.o{color:var(--orange)}
.tick{display:block;width:46px;height:4px;background:var(--orange);border-radius:2px}
.kicker{font:600 12px Inter,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 15px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:16px 26px;border-radius:999px;border:0;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-orange{background:var(--orange);color:#fff;box-shadow:0 14px 30px rgba(255,90,31,.35)}
.btn-dark{background:var(--ink);color:#fff}
.btn-wa{background:var(--wa);color:#062E17}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-block{width:100%}

/* Header violet (identité du site) */
header{background:linear-gradient(120deg,var(--violet),var(--violet-deep));color:#fff;position:relative;z-index:3}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:10px;font:700 19px Poppins,sans-serif}
.logo-mark{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:19px}
.pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 14px;font:700 12px Inter,sans-serif;letter-spacing:.08em}

/* Hero */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 500px at 20% 0%,rgba(140,115,211,.12),transparent 60%),
  radial-gradient(600px 400px at 85% 90%,rgba(255,90,31,.10),transparent 60%),#fff;padding:26px 0 70px}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,18,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,18,22,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}
@media(max-width:940px){.hero .wrap{grid-template-columns:1fr;gap:10px}.hero{padding:10px 0 50px}}

/* Visuel : main robot + carte en verre */
.visual{--cx:8.9%;--cy:6.2%;--cw:37.9%;--ch:33.5%;position:relative;aspect-ratio:3/4;margin:0 auto;width:100%;max-width:600px;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(18,18,22,.18)}
.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.held{position:absolute;left:var(--cx);top:var(--cy);width:var(--cw);height:var(--ch);
  container-type:inline-size}
.held .in{padding:10cqw 9cqw 0}
.held .corner{position:absolute;width:9cqw;height:9cqw;border-color:var(--orange);border-style:solid}
.held .c1{left:3cqw;top:3cqw;border-width:.8cqw 0 0 .8cqw;border-radius:3cqw 0 0 0}
.held .c2{right:8px;bottom:8px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}
.held-top{display:flex;justify-content:flex-start;margin-bottom:8cqw}
.held-top .kicker{font-size:2.6cqw;line-height:1.7;letter-spacing:.3em}
.held-top .brand{font:700 5.4cqw Inter,sans-serif;letter-spacing:.3em;color:var(--ink)}
.held-top .brand::before{content:"";display:block;width:12cqw;height:1.4cqw;background:var(--orange);margin:0 0 3cqw;border-radius:2px}
.held h1{font-size:16.5cqw;line-height:.95}
.held .sub{font:500 3.5cqw Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;line-height:1.55;margin-bottom:4cqw}
.held .ar{font-size:4.2cqw;color:var(--ink-2);margin-bottom:auto}
.held .tags{display:flex;flex-wrap:wrap;gap:0;font:600 2.6cqw Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding-top:4cqw}
.held .tags span+span::before{content:"|";color:var(--orange);margin:0 2.4cqw}
.caption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px 20px;background:linear-gradient(transparent,rgba(255,255,255,.92) 35%);}
.caption .sub{font:600 15px Inter,sans-serif;color:var(--ink);margin-bottom:8px;max-width:330px}
.caption .tags{display:flex;flex-wrap:wrap;align-items:center;font:700 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.caption .tags span+span::before{content:"|";color:var(--orange);margin:0 10px}
.caption .tags .ar{letter-spacing:0;font-size:14px;text-transform:none}
@media(max-width:480px){.caption{padding:14px 16px}.caption .sub{font-size:13px;max-width:230px}}
.float-badge{position:absolute;right:4%;top:5%;background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px;font:700 12px Inter,sans-serif;letter-spacing:.12em;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow)}
.float-badge i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.25)}

/* Formulaire (verre clair) */
.form-glass{position:relative;border-radius:var(--r-lg);padding:30px 28px;background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid #fff;
  box-shadow:inset 0 0 0 1px rgba(18,18,22,.06),var(--shadow)}
.form-glass::after{content:"";position:absolute;right:26px;top:-2px;width:54px;height:4px;background:var(--orange);border-radius:0 0 3px 3px}
.form-glass h2{font-size:38px;margin:10px 0 6px}
.form-glass .lead{color:var(--muted);font-size:15px;margin-bottom:20px}
.f{margin-bottom:12px}
.f label.lbl{display:block;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;color:var(--ink-2)}
.f input,.f select{width:100%;padding:13px 15px;border-radius:var(--r-sm);border:1.5px solid var(--line);font:15px Inter,sans-serif;color:var(--ink);background:#fff;transition:border-color .15s}
.f input:focus,.f select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px rgba(255,90,31,.15)}
.f .err{display:none;color:#D2361B;font-size:12px;margin-top:4px}
.f.bad input,.f.bad select{border-color:#FF8A66}
.f.bad .err{display:block}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media(max-width:480px){.g2{grid-template-columns:1fr}}
.prefix{display:flex}
.prefix span{display:grid;place-items:center;padding:0 12px;background:var(--paper);border:1.5px solid var(--line);border-right:0;border-radius:var(--r-sm) 0 0 var(--r-sm);font-weight:700;font-size:14px;color:var(--muted)}
.prefix input{border-radius:0 var(--r-sm) var(--r-sm) 0}
details.opt{margin:2px 0 12px}
details.opt summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2);list-style:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1.5px dashed var(--line);padding-bottom:2px}
details.opt summary::-webkit-details-marker{display:none}
details.opt[open] summary{margin-bottom:12px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:4px 0 16px;cursor:pointer;color:var(--ink-2)}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--orange);flex:0 0 auto}
.consent.bad{color:#D2361B}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.privacy{font-size:12px;color:var(--muted);margin-top:12px;display:flex;gap:6px}
.ok{text-align:center;padding:10px 0}
.ok-ico{width:66px;height:66px;border-radius:50%;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;margin:4px auto 14px}
.ok-ico .ic{width:32px;height:32px}
.ok h2{font-size:36px}
.ok p{color:var(--muted);margin:8px 0 20px}
.ok .btn+.btn{margin-top:10px}

/* Bande d'info */
.strip{background:var(--ink);color:#fff}
.strip .wrap{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font:600 12px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.strip span{display:flex;align-items:center;gap:9px}
.strip .ic{color:var(--orange)}

/* Sections */
.sec{padding:84px 0}
.sec-head{max-width:720px;margin:0 0 40px}
.sec-head.center{margin:0 auto 40px;text-align:center}
.sec-head.center .tick{margin:0 auto}
.sec-head h2{font-size:clamp(38px,5vw,60px);margin:16px 0 12px}
.sec-head p{color:var(--muted);font-size:17px}

/* Vidéos (sombre + verre) */
.dark{background:radial-gradient(700px 400px at 15% 10%,rgba(140,115,211,.22),transparent 60%),radial-gradient(700px 400px at 90% 90%,rgba(255,90,31,.20),transparent 60%),var(--ink);color:#fff}
.dark .sec-head p{color:#B9B9C4}
.dark .kicker{color:#9C9CA8}
.videos{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:860px){.videos{grid-template-columns:1fr}}
.vcard{border-radius:var(--r-lg);overflow:hidden;background:var(--glass-dark);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1d1d22}
.player .art{position:absolute;inset:0}
.v1 .art{background:radial-gradient(circle at 78% 30%,rgba(255,90,31,.55),transparent 45%),linear-gradient(135deg,#25252c,#121216)}
.v2 .art{background:radial-gradient(circle at 78% 30%,rgba(140,115,211,.6),transparent 45%),linear-gradient(135deg,#25252c,#121216)}
.player .ptitle{position:absolute;left:24px;top:22px;right:90px}
.player .ptitle .kicker{color:#C9C9D2;font-size:11px}
.player .ptitle h3{font-size:30px;margin-top:8px;line-height:1}
.player .bigico{position:absolute;right:20px;bottom:18px;color:rgba(255,255,255,.18)}
.player .bigico .ic{width:70px;height:70px;stroke-width:1.5}
.lockbtn .ic{fill:none!important;margin-left:0!important;stroke-width:2.4}
.lockbtn{text-decoration:none}
.player .veil{position:absolute;inset:0;display:grid;place-items:center;background:rgba(18,18,22,.45)}
.player .veil span{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:999px;padding:10px 18px;font:700 12px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.player .playbtn{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,90,31,.22)}
.player .playbtn .ic{width:28px;height:28px;fill:currentColor;margin-left:4px}
.player .soon{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(0,0,0,.6);font-size:12px;padding:5px 12px;border-radius:999px;white-space:nowrap}
.vbody{padding:22px 24px 26px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{display:inline-flex;align-items:center;gap:6px;font:700 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.chip.or{background:rgba(255,90,31,.15);border-color:rgba(255,90,31,.4);color:#FFB394}
.learn{list-style:none;display:flex;flex-direction:column;gap:9px;color:#D6D6DE;font-size:15px}
.learn li{display:flex;gap:10px}
.learn .ic{color:var(--orange);margin-top:3px}
.by{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#fff;font-weight:600;display:flex;gap:10px;align-items:center}
.by .av{width:32px;height:32px;border-radius:50%;background:var(--orange);display:grid;place-items:center}

/* Intro */
.intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}
@media(max-width:860px){.intro{grid-template-columns:1fr;gap:20px}}
.intro p.big{font-size:20px;line-height:1.55;color:var(--ink-2)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.stat{border-radius:var(--r-md);padding:20px 18px;background:var(--paper);border:1px solid var(--line)}
.stat b{display:block;font:400 42px Anton,sans-serif;line-height:1}
.stat span{font-size:13px;color:var(--muted)}

/* Comparatif */
.cmp{display:grid;grid-template-columns:1fr 1.25fr;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);margin-top:50px}
@media(max-width:820px){.cmp{grid-template-columns:1fr}}
.cmp>div{padding:34px 32px}
.cmp-them{background:var(--paper)}
.cmp-us{background:linear-gradient(140deg,#1b1b21,var(--ink));color:#fff;position:relative}
.cmp-us::before{content:"";position:absolute;right:28px;top:0;width:60px;height:4px;background:var(--orange)}
.cmp h3{font-size:30px;margin-bottom:16px}
.cmp ul{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:15px}
.cmp li{display:flex;gap:10px;align-items:flex-start}
.cmp-them li{color:var(--muted)}
.cmp-them li .ic{color:#B0B0BA;margin-top:3px}
.cmp-us li .ic{color:var(--orange);margin-top:3px}

/* Avantages (verre) */
.adv{background:linear-gradient(180deg,#fff,var(--paper))}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:940px){.adv-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.a{position:relative;border-radius:var(--r-md);padding:24px 22px;background:rgba(255,255,255,.7);border:1.5px solid #fff;box-shadow:inset 0 0 0 1px rgba(18,18,22,.06),0 12px 30px rgba(18,18,22,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,box-shadow .2s}
.a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,90,31,.35),0 18px 36px rgba(18,18,22,.1)}
.a .num{position:absolute;right:18px;top:16px;font:400 20px Anton,sans-serif;color:#E2E2E8}
.a .aic{width:46px;height:46px;border-radius:14px;background:var(--ink);color:var(--orange);display:grid;place-items:center;margin-bottom:14px}
.a .aic .ic{width:22px;height:22px}
.a h4{font:700 16px Inter,sans-serif;margin-bottom:6px}
.a p{font-size:14px;color:var(--muted)}
.a.hl{background:var(--ink);color:#fff;border-color:var(--ink)}
.a.hl p{color:#C4C4CE}
.a.hl .aic{background:var(--orange);color:#fff}
.a.hl .num{color:#3A3A44}

/* CTA final */
.final{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--violet-deep),var(--violet));color:#fff;border-radius:var(--r-lg);padding:48px 44px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.final::after{content:"";position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,31,.6),transparent 70%)}
.final h2{font-size:clamp(36px,4.6vw,56px)}
.final p{opacity:.9;margin-top:12px;max-width:520px}
.final .price{font:400 22px Anton,sans-serif;letter-spacing:.04em;margin-top:14px}
.final .acts{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}
@media(max-width:820px){.final{grid-template-columns:1fr;padding:34px 24px}}

/* FAQ */
.faq{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq details{border:1.5px solid var(--line);border-radius:var(--r-md);padding:18px 22px;background:#fff}
.faq summary{cursor:pointer;font:700 16px Inter,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{color:var(--orange);transition:transform .2s}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq p{margin-top:10px;color:var(--muted)}

footer{background:var(--ink);color:#9C9CA8;padding:26px 0;font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ph{background:#3A2A10;color:#FFC98A;padding:1px 6px;border-radius:6px}

/* Barre collante mobile */
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:none}
@media(max-width:940px){.sticky.show{display:block}}

/* ── Compléments (production) ── */
.form-erreur{background:#FFF1EC;color:#B8320F;border:1.5px solid #FFC9B5;border-radius:var(--r-sm);padding:11px 14px;font-size:14px;font-weight:600;margin-bottom:12px}
.btn:disabled{opacity:.7;cursor:wait;transform:none}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player .playbtn[aria-disabled="true"]{cursor:default;opacity:.85}
footer a{text-decoration:underline}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.a{transition:none}}

/* Bouton de contact WhatsApp (numéro jamais en texte lisible) */
.btn-contact{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;text-decoration:none;font:600 14px Inter,sans-serif}
.btn-contact .ic{width:16px;height:16px;flex:none}
.btn-contact-wa{background:var(--wa);color:#062E17}

/* Logo définitif : emblème avec halo (en-tête violet) */
.logo .logo-img{height:44px;width:auto;display:block}
@media(max-width:600px){.logo .logo-img{height:38px}}

/* Bouton WhatsApp flottant ; au-dessus de la barre orange collée en bas sur téléphone */
.wa-flottant{position:fixed;right:18px;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--wa);color:#062E17;font:700 15px Inter,sans-serif;text-decoration:none;box-shadow:0 12px 28px rgba(18,18,22,.28)}
.wa-flottant .ic{width:22px;height:22px}
@media(max-width:600px){.wa-flottant{right:14px;bottom:14px;padding:13px}.wa-flottant span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
body:has(.sticky.show) .wa-flottant{bottom:92px}
/* Espace élève (J4) : bouton « Se connecter » / « Mon espace » de l'en-tête */
.nav{gap:10px}
.nav-droite{display:flex;align-items:center;gap:10px;min-width:0}
.compte-sg{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;color:#121216;font:600 13px Inter,sans-serif;white-space:nowrap}
.compte-sg .ic{width:16px;height:16px}
.compte-sg:focus-visible{outline:3px solid #FF5A1F;outline-offset:2px}
@media(max-width:520px){
  .compte-sg{width:40px;padding:0;justify-content:center}
  .compte-sg span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(max-width:480px){.nav-droite .pill{display:none}}
.logo{white-space:nowrap}
/* Chiffres clés sur petit écran (320–400 px) : aucune colonne ne dépasse (contrôle des largeurs, J4) */
@media(max-width:400px){.stats{gap:8px}.stat{padding:14px 10px}.stat b{font-size:28px}.stat span{font-size:12px;overflow-wrap:anywhere}}

/* Utilitaires (13/10/2026) : remplacent les attributs style="…" de la vue (politique de sécurité : style-src 'self').
   !important = même priorité que l'ancien attribut style. */
.u-ar-bonus{font-size:15px!important;margin-top:4px!important;text-align:left!important}
.u-mb0{margin-bottom:0!important}
.u-mt34{margin-top:34px!important}
.u-gris{color:#9C9CA8!important}
.u-pt20{padding-top:20px!important}
.u-pt10{padding-top:10px!important}
.u-dessus{position:relative!important;z-index:1!important}
.u-orange-clair{color:#FFB394!important}
.u-mr10{margin-right:10px!important}

/* Élève connecté (15/10/2026) : « Déconnexion » à côté de « Mon espace » */
.form-sg{display:flex;margin:0;flex:none}
button.compte-sg{border:0;cursor:pointer}