/* Accueil — haut de page « Recherche » + vidéo, section formations sur fond blanc (02/10/2026). Généré depuis les aperçus validés. */
.hx{position:relative;overflow:hidden;font-family:Almarai,sans-serif;padding:34px 0 46px}
.hx-w{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hx-w > *{min-width:0}
.hx-pill{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;font:600 12px/1.2 Poppins,sans-serif;color:#0F172A;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:8px 14px;box-shadow:0 6px 18px -12px rgba(15,23,42,.35)}
.hx-pill i{width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.hx h1{font:700 54px/1.03 Poppins,sans-serif;letter-spacing:-.04em;color:#0F172A;margin:0 0 14px;text-align:left}
.hx-glow{background:linear-gradient(120deg,#0F172A,#0F172A 40%,#6366F1);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-p{font:400 17px/1.6 Almarai,sans-serif;color:#5B6B80;margin:0 0 22px;max-width:520px}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;font:600 15px/1 Poppins,sans-serif;border-radius:14px;padding:16px 22px}
.hx-btn svg,.hx-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hx-btn-p{background:#10ABAF;color:#fff!important;box-shadow:0 14px 30px -14px rgba(16,171,175,.85)}
.hx-link{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 Poppins,sans-serif;color:#0F172A!important;text-decoration:none!important;padding:16px 6px}
.hx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.hx-vid{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/9;background:#0B1120;box-shadow:0 40px 80px -36px rgba(15,23,42,.6),0 0 0 1px rgba(15,23,42,.06)}
.hx-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-stats{display:flex;gap:26px;margin-top:26px}
.hx-stats div{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}
.hx-stats b{font:800 30px/1 Poppins,sans-serif;letter-spacing:-.03em;color:#0F172A}
.hx-stats i{font:700 18px/1 Poppins,sans-serif;font-style:normal;color:#202C40}
.hx-stats span{flex-basis:100%;font:600 11px/1.4 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#94A3B8;margin-top:4px}

/* A · recherche */
.hx-a{background:radial-gradient(60% 70% at 0% 0%,rgba(32,44,64,.09),transparent 60%),radial-gradient(50% 60% at 100% 10%,rgba(99,102,241,.08),transparent 60%),#FAFBFC}
.hx-rot{font:600 20px/1.5 Poppins,sans-serif;color:#0F172A;margin:0 0 14px;display:flex;flex-wrap:wrap;column-gap:8px;align-items:center}
.hx-rw{display:inline-grid;height:1.5em;line-height:1.5;overflow:hidden}
.hx-rw b{grid-area:1/1;white-space:nowrap;font-weight:700;color:var(--c);opacity:0;transform:translateY(100%);animation:hxRot 13.2s infinite}
@keyframes hxRot{0%{opacity:0;transform:translateY(100%)}3%,14%{opacity:1;transform:none}17%,100%{opacity:0;transform:translateY(-100%)}}
.hx-search{display:flex;align-items:center;gap:12px;width:100%;max-width:520px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:8px 8px 8px 18px;cursor:pointer;
 box-shadow:0 18px 40px -26px rgba(15,23,42,.5);font:500 15.5px/1 Almarai,sans-serif;color:#64748B;text-align:left;margin:0 0 16px}
.hx-search > svg{width:20px;height:20px;fill:none;stroke:#0F172A;stroke-width:2;stroke-linecap:round;flex:none}
.hx-search span{flex:1}
.hx-search b{width:44px;height:44px;border-radius:12px;background:#0F172A;display:grid;place-items:center;flex:none}
.hx-search b svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;max-width:540px}
.hx-chips a{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 Poppins,sans-serif;color:#0F172A;text-decoration:none;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:9px 13px}
.hx-chips a i{width:9px;height:9px;border-radius:3px}
.hx-chips a:hover{border-color:rgba(15,23,42,.25)}
.hx-a .hx-media{position:relative}
.hx-stats-a{max-width:1200px;margin:30px auto 0;padding:0 32px}

.hx-a .hx-w{grid-template-columns:.92fr 1.08fr}
.hx-snd{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;
 background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 12.5px/1 Poppins,sans-serif;border-radius:999px;padding:9px 13px;transition:background .3s cubic-bezier(.16,1,.3,1)}
.hx-snd svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hx-snd:hover{background:rgba(15,23,42,.82)}
.hx-btn,.hx-link,.hx-search,.hx-chips a{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s,color .3s,filter .3s}
.hx-btn svg,.hx-link svg,.hx-search b svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}
.hx-btn-p:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(16,171,175,.9)}
.hx-btn:hover svg,.hx-link:hover svg,.hx-search:hover b svg{transform:translateX(3px)}
.hx-link:hover{color:#1C2738!important}
.hx-search:hover{border-color:rgba(32,44,64,.4);transform:translateY(-1px);box-shadow:0 22px 44px -24px rgba(15,23,42,.55)}
.hx-search:focus-visible,.hx-snd:focus-visible,.hx-chips a:focus-visible{outline:2px solid #202C40;outline-offset:3px}
.hx-chips a:hover{transform:translateY(-1px)}

@media(max-width:900px){
 .hx{padding:22px 0 34px}
 .hx-w{grid-template-columns:1fr!important;gap:26px;padding:0 20px}
 .hx h1{font-size:38px}
 .hx-p{font-size:15.5px;margin-bottom:18px}
 .hx-rot{font-size:17px}
 .hx-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 18px;padding:2px 20px;scrollbar-width:none}
 .hx-chips::-webkit-scrollbar{display:none}
 .hx-chips a{flex:none}
 .hx-stats-a{display:flex;justify-content:space-between;padding:0 20px;margin-top:26px}
 .hx-stats{gap:14px}.hx-stats b{font-size:26px}
 .hx-cta .hx-btn-p{flex:1 1 100%;white-space:nowrap}
 .hx-vid{border-radius:18px}.hx-snd{right:9px;bottom:9px;padding:8px 11px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hx-rw b{animation:none}.hx-rw b:first-child{opacity:1;transform:none}}

/* Section formations : fond blanc, cartes studio */
.forms{background:#fff!important}
.forms::before,.fstar{display:none!important}
.forms .sec-h2{color:#0F172A}
.forms .sec-tag{color:#1C2738}
.forms .sec-tag::before,.forms .sec-tag::after{background:#202C40;opacity:.35}
.forms .sec-meta{color:#64748B}
.forms .sec-meta b{color:#1C2738}
.forms .av-grid{gap:22px}
.forms .avc{position:relative;overflow:hidden;isolation:isolate;background:#0B1120!important;border:0!important;border-radius:24px;
 background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.4px)!important;background-size:16px 16px!important;
 box-shadow:0 28px 60px -34px rgba(15,23,42,.7),0 10px 24px -18px rgba(15,23,42,.35)!important}
.forms .avc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(70% 55% at 18% 0%,color-mix(in srgb,var(--dc) 30%,transparent),transparent 70%),radial-gradient(60% 50% at 100% 100%,color-mix(in srgb,var(--dc) 16%,transparent),transparent 70%)}
.forms .avc::after{opacity:.75!important}
.forms .avc:hover{transform:translateY(-4px);box-shadow:0 36px 70px -34px rgba(15,23,42,.75),0 0 0 1px color-mix(in srgb,var(--dc) 35%,transparent)!important}
.forms .avc-ia{background-color:#0B1120!important}