@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Figtree:wght@500;700;800&display=swap");
/* ============================================================
   Thème 2026 « Aurore » (sombre) + « Nacré » (clair)
   Verre dépoli, dégradés doux, un seul accent bleu-violet-menthe.
   ============================================================ */

/* ---------- Pages QCM (fond clair) : accents alignés sur la nouvelle charte ---------- */
:root{--bg1:#EEF1FB;--bg2:#F5F7FD;--bg3:#E6EEFF;--ink:#16203A;--mut:#5B6685;--line:#E1E6F5;--lined:#C7D0EC;--pri:#4F5DF5;--prid:#3A45CF;--ok:#12B886;--okd:#0B8F67;--okb:#DDF7EE;--ko:#E5484D;--kod:#B3282D;--kob:#FFE6E7;--boss:#D6336C;--grad1:#4F5DF5;--gbg:#F3F5FB;--gtx:#16203A;--gmu:#5B6685;--gbd:#E1E6F5}
body,#qz,#qz .btn,button,input,select{font-family:"Figtree","Inter","Segoe UI",system-ui,sans-serif!important}
h1,h2,h3,#qz .hero h1,.choice h2,.pline b{font-family:"Bricolage Grotesque","Inter","Segoe UI",system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.01em;text-shadow:none!important}
button,.btn,.cbtn,.fbtn,.flt-btn,.copt,.choice,.flt-pan,#scmLogo img{text-shadow:none!important;animation:none!important}
#qz .btn{background:linear-gradient(110deg,#5B6CFF,#8F6BFF)!important;border-radius:14px!important;color:#fff;box-shadow:0 6px 18px rgba(91,108,255,.28)!important}
#qz .btn:hover:not(:disabled){filter:brightness(1.06)}
#qz .hero{background:linear-gradient(120deg,#1B2370,#5B6CFF 60%,#8F6BFF)!important;border-radius:22px!important;box-shadow:none!important}
#qz .hero:before,#qz .hero:after{display:none!important}
#scmLogo img{box-shadow:none!important;width:min(250px,62vw)!important;background:#0A0F27;padding:9px 14px;border-radius:16px!important}
@media (prefers-reduced-motion:no-preference){button:active,.btn:active{transform:scale(.98)}}

/* ============================================================
   ACCUEIL (la page qui contient #flt)
   ============================================================ */
:root:has(#flt){
  --bg:#070A1C;--ink:#EEF1FF;--muted:#A3ACCB;
  --lime:#8CF0D5;--orange:#FFC98A;
  --panel-hi:rgba(255,255,255,.10);--panel-mid:rgba(255,255,255,.06);--panel-lo:rgba(255,255,255,.04);
  --glass:rgba(255,255,255,.06);--glass2:rgba(14,19,48,.92);--edge:rgba(255,255,255,.13);--edge2:rgba(255,255,255,.07);
  --a1:#6C7BFF;--a2:#B07CFF;--a3:#3DE0D0;--on-acc:#fff;
  --font-display:"Bricolage Grotesque","Inter","Segoe UI",system-ui,sans-serif;--font-body:"Figtree","Inter","Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
/* NACRÉ : clair, irisé. « only light » empêche Chrome de le re-noircir (assombrissement automatique). */
html[data-mode="nacre"]:has(#flt){
  --bg:#FFFDF8;--ink:#141A3A;--muted:#58628A;
  --lime:#0C8F77;--orange:#B85F00;
  --panel-hi:rgba(255,255,255,.9);--panel-mid:rgba(255,255,255,.78);--panel-lo:rgba(255,255,255,.7);
  --glass:rgba(255,255,255,.66);--glass2:rgba(255,255,255,.96);--edge:rgba(110,120,210,.26);--edge2:rgba(110,120,210,.14);
  --a1:#4F5DF5;--a2:#8F5CF0;--a3:#0FB5A6;
  color-scheme:only light;
}
.c-lime{--c:#B9F06A;--cl:#DDFFA6;--cd:#6C9A1C}.c-orange{--c:#FFB86B;--cl:#FFD9A8;--cd:#B8741C}.c-sky{--c:#62CCFF;--cl:#A9E6FF;--cd:#1B86B8}
.c-pink{--c:#FF84B8;--cl:#FFC0DB;--cd:#C0376F}.c-violet{--c:#AE9CFF;--cl:#D4C9FF;--cd:#5E49C8}.c-mint{--c:#4FE3C1;--cl:#A2F4E0;--cd:#16957A}.c-gold{--c:#FFD25E;--cl:#FFE9A3;--cd:#B08A12}
html[data-mode="nacre"] .c-lime{--c:#4F8A0B}html[data-mode="nacre"] .c-orange{--c:#C45F00}html[data-mode="nacre"] .c-sky{--c:#0A7FC0}
html[data-mode="nacre"] .c-pink{--c:#CC2A78}html[data-mode="nacre"] .c-violet{--c:#6446E0}html[data-mode="nacre"] .c-mint{--c:#0A8F72}html[data-mode="nacre"] .c-gold{--c:#9A6F00}

body:has(#flt){background:var(--bg)!important;background-attachment:scroll!important;color:var(--ink)}
/* Aurore : trois halos de couleur + grain très fin, derrière tout */
body:has(#flt)::before{content:"";position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;
  background:
    radial-gradient(46vmax 40vmax at 8% 2%,rgba(108,123,255,.50),transparent 62%),
    radial-gradient(40vmax 36vmax at 98% 14%,rgba(176,124,255,.34),transparent 62%),
    radial-gradient(44vmax 40vmax at 78% 98%,rgba(61,224,208,.24),transparent 62%),
    radial-gradient(36vmax 30vmax at 0% 80%,rgba(255,132,184,.14),transparent 62%);
  animation:aur 26s ease-in-out infinite alternate}
@keyframes aur{to{transform:translate3d(-3vmax,2vmax,0) scale(1.06)}}
body:has(#flt)::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* Nacré : perle irisée (lavande, aqua, rose, pêche) */
html[data-mode="nacre"] body:has(#flt)::before{
  background:
    radial-gradient(34vmax 28vmax at 6% 0%,rgba(214,206,255,.30),transparent 65%),
    radial-gradient(32vmax 26vmax at 98% 6%,rgba(190,238,255,.28),transparent 65%),
    radial-gradient(34vmax 28vmax at 92% 100%,rgba(255,216,232,.26),transparent 65%),
    radial-gradient(34vmax 28vmax at 0% 96%,rgba(255,238,208,.40),transparent 65%)}
html[data-mode="nacre"] body:has(#flt)::after{opacity:.05;mix-blend-mode:multiply}
.syms span{color:var(--a2)!important;opacity:.07!important;font-family:var(--font-display)!important}
html[data-mode="nacre"] .syms span{opacity:.10!important}

/* ----- En-tête ----- */
header{perspective:none!important;gap:10px!important;position:relative}
.logo{transform:none!important;box-shadow:none!important;border-radius:0!important;width:min(380px,86vw)!important;height:auto!important;margin:6px 0 4px!important}
.logo.l-clair{display:none}
html[data-mode="nacre"] .logo.l-sombre{display:none}
html[data-mode="nacre"] .logo.l-clair{display:block}
.modebtn{position:absolute;top:-2px;right:0;width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%;cursor:pointer;
  color:var(--ink);background:var(--glass);border:1px solid var(--edge)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.modebtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.modebtn .sun{display:none}
html[data-mode="nacre"] .modebtn .sun{display:block}html[data-mode="nacre"] .modebtn .moon{display:none}
.tagline{font-family:var(--font-body)!important;font-weight:700!important;font-size:.98rem!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;
  color:var(--muted)!important;display:inline-flex;align-items:center;gap:8px;padding:.5em 1.1em;border-radius:999px;background:var(--glass);border:1px solid var(--edge);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tagline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--a3);box-shadow:0 0 10px var(--a3)}
.tagline .z{font-size:1em!important;font-weight:800;background:linear-gradient(100deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tagline2{font-family:var(--font-body)!important;font-weight:800!important;font-size:.78rem!important;letter-spacing:.34em!important;text-transform:uppercase;text-shadow:none!important;color:var(--a3)!important;margin:14px 0 0!important}
html[data-mode="nacre"] .tagline2{color:#0A8F82!important}
h1.zq{gap:16px!important;margin:4px 0 0!important}
.zq-brain{width:min(170px,44vw)!important;opacity:.95;filter:drop-shadow(0 0 18px rgba(124,140,255,.45))!important}
#zqg stop:nth-child(1){stop-color:#8CA0FF}#zqg stop:nth-child(2){stop-color:#B07CFF}#zqg stop:nth-child(3){stop-color:#3DE0D0}
.zq-brain [stroke="#f5b800"]{stroke:#7FF0DC}.zq-brain [fill="url(#zqg)"]{fill:url(#zqg)}
.zq-abcd{gap:10px!important}
.zq-abcd i{width:clamp(44px,12vw,54px)!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--c) 55%,transparent)!important;
  background:color-mix(in srgb,var(--c) 16%,transparent)!important;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--c) 70%,transparent)!important;
  font:800 clamp(1.1rem,5vw,1.4rem) var(--font-display)!important;color:var(--ink)!important;text-shadow:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.zq-abcd i:nth-child(1){--c:#6C7BFF}.zq-abcd i:nth-child(2){--c:#3DE0A8}.zq-abcd i:nth-child(3){--c:#FFC24D}.zq-abcd i:nth-child(4){--c:#FF6B8B}
.zq-t{font:800 clamp(2.9rem,15vw,4.8rem)/.95 var(--font-display)!important;font-style:normal!important;text-transform:none!important;letter-spacing:-.035em!important}
.zq-t span{background:none!important;filter:none!important}
.zq-t span:first-child{font:800 .8rem var(--font-body)!important;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);-webkit-text-fill-color:var(--muted)!important;margin-bottom:6px}
.zq-t span:last-child{font-size:1em!important;letter-spacing:-.035em!important;background:linear-gradient(100deg,#8CA0FF 0%,#B98CFF 45%,#45E6D4 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;padding-bottom:.08em}
html[data-mode="nacre"] .zq-t span:last-child{background:linear-gradient(100deg,#3F4DE0 0%,#8A4FEA 50%,#0AA79A 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* ----- Pastilles de comptage ----- */
.count{background:var(--glass)!important;border:1px solid var(--edge);box-shadow:none!important;color:var(--ink);font-weight:700!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.count i{background:var(--a3)!important;box-shadow:0 0 10px var(--a3)!important}.count.visits i{background:var(--a2)!important;box-shadow:0 0 10px var(--a2)!important}

/* ----- Panneaux en verre ----- */
.choice,.pass,.contact,.flt-pan,.gbox,.ib-sheet,.copt{background:var(--glass)!important;border:1px solid var(--edge)!important;border-radius:26px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 60px -24px rgba(8,10,40,.65)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}
html[data-mode="nacre"] .choice,html[data-mode="nacre"] .pass,html[data-mode="nacre"] .contact,html[data-mode="nacre"] .flt-pan,html[data-mode="nacre"] .gbox,html[data-mode="nacre"] .ib-sheet,html[data-mode="nacre"] .copt{
  box-shadow:0 1px 0 #fff inset,0 20px 50px -26px rgba(70,70,160,.45)!important}
.flt-pan,.gbox,.ib-sheet{background:var(--glass2)!important}
.copt{border-radius:20px!important;background:var(--glass)!important}
.copt b{font-family:var(--font-display)!important;font-weight:800!important;color:var(--ink)!important}
.copt span,.cnote,.pline,.inst-tip,.gbox p,.gbox .gnote,.contact p,.cdesc{color:var(--muted)!important}
.contact p b,.inst-tip b,.gbox label{color:var(--ink)!important}
.choice h2,.contact h2,.pass label,.flt h2,.ib-sheet-title,.gbox h3,.inst-how{font-family:var(--font-display)!important;font-weight:800!important;color:var(--ink)!important;text-shadow:none!important}
.pass label{font-size:1.05rem!important}
.pline b{color:var(--lime)!important;text-shadow:none!important}
.flt p{color:var(--muted)!important;opacity:1!important}
.flt-btn{border:1px solid var(--edge)!important;background:var(--glass)!important;color:var(--ink)!important;border-radius:18px!important;box-shadow:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.flt-btn i{color:var(--a2)}
.flt-pan{box-shadow:0 30px 70px -20px rgba(6,8,30,.7)!important}.flt-act{background:transparent!important}
.flt-act button{border:1px solid var(--edge)!important;color:var(--ink)!important;background:var(--glass)!important;border-radius:12px!important}
.flt-act button:hover{background:rgba(108,123,255,.18)!important}
.flt-opt{color:var(--ink)!important}.flt-opt:hover{background:rgba(108,123,255,.12)!important}.flt-opt input{accent-color:var(--a1)!important}
.flt-info{color:var(--a3)!important;text-shadow:none!important}
html[data-mode="nacre"] .flt-info{color:#0A8F82!important}

/* ----- Champs ----- */
.prow input,.gbox select,.gbox input,.profbox select,.profbox input.chk{background:rgba(255,255,255,.07)!important;border:1px solid var(--edge)!important;color:var(--ink)!important;border-radius:14px!important}
html[data-mode="nacre"] .prow input,html[data-mode="nacre"] .gbox select,html[data-mode="nacre"] .gbox input{background:rgba(255,255,255,.85)!important}
.prow input:focus-visible,.gbox input:focus-visible,.gbox select:focus-visible{outline:2px solid var(--a1)!important;outline-offset:2px}

/* ----- Boutons : pilules dégradées, sans relief 3D ----- */
.go,.wa,.cbtn,.fbtn,.inst-btn,.ib-hide,.prow button,.pbtn,.gbox .gbtn,.share{border:0!important;text-shadow:none!important;animation:none;
  background:linear-gradient(110deg,var(--a1),var(--a2))!important;color:#fff!important;border-radius:16px!important;
  box-shadow:0 10px 26px -10px rgba(108,123,255,.8)!important;font-family:var(--font-display)!important;font-weight:800!important}
.wa,.cbtn.cwa,.gbox .gbtn,.share{background:linear-gradient(110deg,#1FBF6B,#25D366)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(37,211,102,.75)!important}
.wa:active,.go:active,.cbtn:active,.fbtn:active,.share:active{transform:scale(.98)!important}
.share{padding:.55em 1.3em .55em .55em!important;border-radius:999px!important;font-size:1.02rem!important;gap:12px!important}
.share svg{width:42px!important;height:42px!important;padding:9px!important;border:0!important;background:rgba(255,255,255,.2)!important;box-shadow:none!important;filter:none!important}
.fbtn{background:linear-gradient(110deg,#FF8F6B,#FF6FA5 55%,#B07CFF)!important;box-shadow:0 12px 30px -10px rgba(255,111,165,.7)!important;color:#fff!important}
.fbtn .ft small{color:rgba(255,255,255,.9)!important;font-family:var(--font-body)!important}
.fbtn .fc{background:rgba(255,255,255,.22)!important;color:#fff!important}
.cbtn{padding:.75em .9em!important;font-size:.95rem!important}
.levels span{background:var(--glass)!important;color:var(--ink)!important;border:1px solid var(--edge)!important;box-shadow:none!important;font-weight:700!important}
.plink{color:var(--a3)!important}

/* ----- Cadeau « 20 minutes gratuites » : une grande pilule, plus de boîte 3D ----- */
.giftbtn{min-height:0!important;margin:14px 0 12px!important;padding:18px 16px!important;border-radius:22px!important;animation:none!important;
  background:linear-gradient(115deg,#FF7A9C 0%,#C27CFF 55%,#6C7BFF 100%)!important;box-shadow:0 18px 40px -14px rgba(176,124,255,.85)!important;overflow:hidden}
.giftbtn::before{display:none!important}
.giftbtn::after{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.35) 48%,rgba(255,255,255,0) 58%) 130% 0/260% 100% no-repeat!important}
.giftbtn .grib,.giftbtn .glid,.giftbtn .gbow,.giftbtn .gsp{display:none!important}
.giftbtn .gtag{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.giftbtn .gtag::before{display:none!important}
.giftbtn .gtag b{color:#fff!important;font-family:var(--font-display)!important;font-weight:800!important;font-size:clamp(1.25rem,6vw,1.6rem)!important;text-shadow:none!important}
.giftbtn .gtag small{color:rgba(255,255,255,.92)!important;font-size:.85rem!important}
.giftbar{border-radius:20px!important;background:linear-gradient(115deg,#FF7A9C,#B07CFF 60%,#6C7BFF)!important;box-shadow:0 16px 36px -12px rgba(176,124,255,.8)!important}
.giftbar.low{background:linear-gradient(115deg,#FF5A6E,#D01868)!important}.giftbar.end{background:rgba(40,44,70,.92)!important;box-shadow:none!important}
.giftbar .gbc,.giftbar .gbt{font-family:var(--font-display)!important;text-shadow:none!important;color:#fff!important}

/* ----- Bandeau « Mets Super Coach sur ton téléphone » ----- */
.ib-banner{background:var(--glass)!important;border:1px solid var(--edge)!important;color:var(--ink)!important;border-radius:22px!important;box-shadow:0 20px 50px -26px rgba(8,10,40,.7)!important;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.ib-title{font-family:var(--font-display)!important;font-weight:800!important;text-shadow:none!important;color:var(--ink)}
.ib-sub{color:var(--muted)!important;font-weight:700!important}
.ib-go{background:linear-gradient(110deg,var(--a1),var(--a2))!important;color:#fff!important;box-shadow:none!important}
.ib-x{background:var(--glass)!important;color:var(--ink)!important;box-shadow:none!important;border:1px solid var(--edge)!important}
.ib-overlay,.gmod{background:rgba(6,8,26,.7)!important}
.inst-tab{background:var(--glass)!important;border:1px solid var(--edge)!important;color:var(--muted)!important}
.inst-tab[aria-selected="true"]{border-color:var(--a1)!important;color:var(--ink)!important;box-shadow:none!important;background:rgba(108,123,255,.2)!important}
.inst-steps{background:var(--glass)!important;border:1px solid var(--edge)!important}.inst-steps li{color:var(--ink)!important}
.inst-steps li::before{background:linear-gradient(110deg,var(--a1),var(--a2))!important;color:#fff!important;font-family:var(--font-display)!important}.inst-steps b{color:var(--lime)!important}
.inst-ok{background:rgba(31,191,107,.14)!important;border:1px solid rgba(31,191,107,.5)!important;color:var(--lime)!important}

/* ----- Tuiles des QCM ----- */
.grid{gap:18px!important;margin-top:36px!important}
.card{border-radius:26px!important;overflow:hidden;padding:20px 18px 18px!important;
  background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--c) 17%,transparent),transparent 58%),var(--glass)!important;
  border:1px solid var(--edge)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 22px 50px -26px rgba(6,8,30,.75),0 1px 0 rgba(255,255,255,.08) inset!important;transition:transform .25s ease,border-color .25s ease!important}
html[data-mode="nacre"] .card{background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--c) 14%,transparent),transparent 58%),rgba(255,255,255,.72)!important;box-shadow:0 20px 44px -26px rgba(70,70,160,.5),0 1px 0 #fff inset!important}
.card::before{inset:0 0 auto 0!important;height:2px!important;border-radius:0!important;background:linear-gradient(90deg,var(--c),transparent 75%)!important;opacity:.9}
.card:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--c) 55%,transparent)!important}
.card:active{transform:scale(.985)!important}
.card:focus-visible{outline:2px solid var(--c)!important;outline-offset:4px}
.plate{width:54px!important;height:54px!important;border-radius:17px!important;transform:none!important;color:var(--c)!important;
  background:color-mix(in srgb,var(--c) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:none!important}
.card:hover .plate{transform:scale(1.06)!important}.plate svg{width:30px!important;height:30px!important;stroke-width:2.6!important}
.kicker{font-size:.7rem!important;letter-spacing:.18em!important;color:var(--c)!important;font-weight:800}
.ctitle{font-family:var(--font-display)!important;font-weight:800!important;font-size:clamp(1.45rem,6vw,1.75rem)!important;letter-spacing:-.02em;color:var(--ink)!important;text-shadow:none!important}
.cdesc{font-weight:600!important}
.go{margin-top:8px!important;padding:.75em 1.1em!important;font-size:1rem!important;color:var(--ink)!important;
  background:color-mix(in srgb,var(--c) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--c) 40%,transparent)!important;box-shadow:none!important}
.go svg{stroke-width:3!important}
.card:hover .go{background:var(--c)!important;color:#0A0F27!important}
html[data-mode="nacre"] .card:hover .go{color:#fff!important}
.hot{font-family:var(--font-body)!important;font-weight:800;font-size:.72rem!important;letter-spacing:.04em;color:#fff!important;transform:none!important;top:12px!important;right:12px!important;
  background:linear-gradient(110deg,#FF7A9C,#FF9F5C)!important;box-shadow:0 8px 20px -8px rgba(255,122,156,.9)!important}
.slot{border:1px dashed var(--edge)!important;border-radius:26px!important;background:transparent}.slot b{font-family:var(--font-display)!important;font-weight:800;color:var(--edge)!important}
@media (prefers-reduced-motion:reduce){body:has(#flt)::before{animation:none}}

/* ----- Ajustements : logo / bouton mode / parrainage / bouton son ----- */
.logo{width:min(320px,74vw)!important}
.modebtn{top:0!important}
.parbtn{background:var(--glass)!important;border:1px solid var(--edge)!important;border-radius:22px!important;color:var(--ink)!important;
  box-shadow:0 18px 44px -26px rgba(6,8,30,.7)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  background-image:radial-gradient(120% 120% at 0% 0%,rgba(61,224,168,.20),transparent 60%)!important}
.parbtn:active{transform:scale(.985)!important;box-shadow:none!important}
.parbtn .parimg{border-radius:14px!important;box-shadow:none!important}
.parbtn .partxt b{font-family:var(--font-display)!important;font-weight:800!important;color:var(--ink)!important;text-shadow:none!important}
.parbtn .partxt small{color:var(--muted)!important}
.parbtn .pardot{background:linear-gradient(110deg,#FF7A9C,#FF9F5C)!important;color:#fff!important;box-shadow:0 6px 16px -4px rgba(255,122,156,.9)!important}
.parbox,.parhead h3{font-family:var(--font-display)}.parbox{background:var(--glass2)!important;border:1px solid var(--edge)!important;box-shadow:0 30px 70px -20px rgba(6,8,30,.7)!important}
.parhead h3{font-weight:800!important;color:var(--ink)!important}
#scmFondSon,#scmFondAnim{background:var(--glass)!important;border:1px solid var(--edge)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html[data-mode="nacre"] #zqg stop:nth-child(1){stop-color:#4F5DF5}html[data-mode="nacre"] #zqg stop:nth-child(2){stop-color:#8F5CF0}html[data-mode="nacre"] #zqg stop:nth-child(3){stop-color:#0FB5A6}
html[data-mode="nacre"] .zq-brain{filter:none!important}html[data-mode="nacre"] .zq-brain [stroke="#f5b800"]{stroke:#0FB5A6}

/* ----- Défi ----- */
.dfx-cta{background:linear-gradient(110deg,#5B6CFF,#A06BFF 55%,#2FD3C4)!important;color:#fff!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;
  border-radius:24px!important;box-shadow:0 22px 46px -16px rgba(124,108,255,.85)!important;margin-top:22px}
.dfx-cta:active{transform:scale(.985)!important}.dfx-cta small{opacity:.92!important}
.dfx-btn{background:linear-gradient(110deg,#5B6CFF,#A06BFF)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(108,123,255,.8)!important;border-radius:16px!important}
.dfx-btn.alt{background:var(--glass)!important;color:var(--ink)!important;border:1px solid var(--edge);box-shadow:none!important}
.dfx-box{background:var(--glass2)!important;border:1px solid var(--edge)!important;border-radius:26px!important;color:var(--ink)}
.dfx-box h3{font-weight:800!important;color:var(--ink)!important}
.dfx-modal{background:rgba(6,8,26,.72)!important}
.dfx-tabs button.on{background:linear-gradient(110deg,#5B6CFF,#A06BFF)!important;border-color:transparent!important;color:#fff!important}
.dfx-goal.sel{border-color:var(--a1)!important}
.share{margin-bottom:6px}

/* ----- Fond animé existant (taches de couleur) : très léger pour garder un nacré blanc-crème ----- */
html[data-mode="nacre"] #scmFond{opacity:.30}
html[data-mode="nacre"] #scmFond i{opacity:.7}
:root:has(#flt):not([data-mode="nacre"]) #scmFond{opacity:.45}

/* ===== Nacré plus lumineux : blanc éclatant, halos très légers, cartes blanches ===== */
html[data-mode="nacre"]:has(#flt){--bg:#FFFFFF;--glass:rgba(255,255,255,.88);--glass2:rgba(255,255,255,.98);--edge:rgba(120,130,220,.18);--edge2:rgba(120,130,220,.10);--muted:#5A6590}
html[data-mode="nacre"] body:has(#flt)::before{
  background:
    radial-gradient(60vmax 34vmax at 50% -6%,rgba(255,255,255,1),rgba(255,255,255,0) 70%),
    radial-gradient(30vmax 24vmax at 4% 2%,rgba(214,206,255,.22),transparent 65%),
    radial-gradient(28vmax 22vmax at 100% 6%,rgba(190,238,255,.22),transparent 65%),
    radial-gradient(30vmax 24vmax at 94% 100%,rgba(255,216,232,.20),transparent 65%),
    radial-gradient(30vmax 24vmax at 0% 98%,rgba(255,240,214,.34),transparent 65%)}
html[data-mode="nacre"] #scmFond{opacity:.14}
html[data-mode="nacre"] .choice,html[data-mode="nacre"] .pass,html[data-mode="nacre"] .contact,html[data-mode="nacre"] .ib-banner,html[data-mode="nacre"] .parbtn,html[data-mode="nacre"] .card{
  background-color:#fff!important;box-shadow:0 1px 0 #fff inset,0 18px 40px -24px rgba(90,100,200,.35),0 2px 6px rgba(90,100,200,.06)!important}
html[data-mode="nacre"] .card{background-image:radial-gradient(110% 80% at 0% 0%,color-mix(in srgb,var(--c) 9%,transparent),transparent 60%)!important}
html[data-mode="nacre"] .tagline,html[data-mode="nacre"] .count,html[data-mode="nacre"] .flt-btn{background:#fff!important}
html[data-mode="nacre"] .syms span{opacity:.06!important}
html[data-mode="nacre"] .c-gold{--c:#D98300}html[data-mode="nacre"] .c-orange{--c:#E2630A}html[data-mode="nacre"] .c-lime{--c:#5A9E10}