
.mx-rec-page,.mx-job-single{
  --mx-navy:#0f172a;
  --mx-navy-2:#1e293b;
  --mx-yellow:#fbbf24;
  --mx-yellow-dark:#f59e0b;
  --mx-white:#fff;
  --mx-bg:#f8fafc;
  --mx-border:#e2e8f0;
  --mx-text:#334155;
  --mx-muted:#64748b;
  width:100vw!important;
  max-width:100vw!important;
  position:relative!important;
  left:50%!important;
  margin-left:-50vw!important;
  overflow-x:clip!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--mx-text)!important;
  background:var(--mx-white)!important;
}
.mx-rec-page *,.mx-job-single *{box-sizing:border-box!important}
.mx-rec-page h1,.mx-rec-page h2,.mx-rec-page h3,.mx-rec-page p,
.mx-job-single h1,.mx-job-single h2,.mx-job-single h3,.mx-job-single p{margin-top:0!important}
.mx-rec-shell{width:min(calc(100% - 48px),1180px)!important;margin:0 auto!important}
.mx-rec-kicker,.mx-rec-label{
  display:inline-block!important;margin-bottom:14px!important;
  font-size:11px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important
}
.mx-rec-kicker{color:var(--mx-yellow)!important}
.mx-rec-label{color:#9a6700!important}
.mx-rec-btn{
  min-height:50px!important;padding:0 19px!important;border:1px solid transparent!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:var(--mx-navy)!important;background:var(--mx-yellow)!important;text-decoration:none!important;
  font-size:13px!important;font-weight:900!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important
}
.mx-rec-btn:hover{background:var(--mx-yellow-dark)!important;transform:translateY(-1px)!important}
.mx-rec-btn-ghost{color:var(--mx-white)!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.05)!important}
.mx-rec-btn-ghost:hover{color:var(--mx-white)!important;background:rgba(255,255,255,.1)!important}
.mx-rec-btn:focus-visible,.mx-rec-card a:focus-visible,.mx-job-single a:focus-visible{
  outline:3px solid rgba(251,191,36,.4)!important;outline-offset:3px!important
}

/* PAGE RECRUTEMENT */
.mx-rec-hero{
  padding:94px 0 80px!important;color:var(--mx-white)!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(251,191,36,.13),transparent 27%),
    linear-gradient(135deg,#0b1221 0%,var(--mx-navy) 65%,#192235 100%)!important
}
.mx-rec-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(300px,.68fr)!important;gap:70px!important;align-items:center!important}
.mx-rec-hero h1{max-width:820px!important;margin-bottom:22px!important;color:var(--mx-white)!important;font-size:clamp(42px,6vw,68px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.048em!important}
.mx-rec-hero h1 span{color:var(--mx-yellow)!important}
.mx-rec-hero p{max-width:720px!important;margin-bottom:29px!important;color:rgba(255,255,255,.7)!important;font-size:clamp(16px,1.8vw,19px)!important;line-height:1.72!important}
.mx-rec-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.mx-rec-hero-stats{display:grid!important;gap:10px!important}
.mx-rec-hero-stats div{padding:20px 22px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important}
.mx-rec-hero-stats strong{display:block!important;color:var(--mx-yellow)!important;font-size:34px!important;font-weight:950!important;line-height:1!important}
.mx-rec-hero-stats span{display:block!important;margin-top:6px!important;color:rgba(255,255,255,.58)!important;font-size:11px!important;font-weight:700!important}

.mx-rec-intro{padding:86px 0!important;background:var(--mx-white)!important}
.mx-rec-intro-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;align-items:end!important;margin-bottom:40px!important}
.mx-rec-intro h2,.mx-rec-jobs h2,.mx-rec-process h2,.mx-rec-local h2{
  margin-bottom:0!important;color:var(--mx-navy)!important;font-size:clamp(29px,4vw,44px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.035em!important
}
.mx-rec-intro-grid>p{margin-bottom:0!important;color:var(--mx-muted)!important;font-size:15px!important;line-height:1.72!important}
.mx-rec-benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.mx-rec-benefits article{padding:22px!important;border:1px solid var(--mx-border)!important;border-radius:14px!important;background:var(--mx-bg)!important}
.mx-rec-benefits strong{display:block!important;margin-bottom:7px!important;color:var(--mx-navy)!important;font-size:14px!important;font-weight:900!important}
.mx-rec-benefits span{display:block!important;color:var(--mx-muted)!important;font-size:12px!important;line-height:1.55!important}

.mx-rec-jobs{padding:88px 0!important;background:var(--mx-bg)!important}
.mx-rec-jobs-head{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:30px!important;margin-bottom:34px!important}
.mx-rec-filterbar{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.mx-rec-filterbar input,.mx-rec-filterbar select{min-height:44px!important;padding:0 12px!important;border:1px solid var(--mx-border)!important;border-radius:9px!important;color:var(--mx-navy)!important;background:var(--mx-white)!important;font:inherit!important;font-size:12px!important}
.mx-rec-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.mx-rec-card{overflow:hidden!important;border:1px solid var(--mx-border)!important;border-radius:17px!important;background:var(--mx-white)!important;box-shadow:0 18px 45px -38px rgba(15,23,42,.4)!important}
.mx-rec-card.is-featured{border-color:rgba(251,191,36,.7)!important}
.mx-rec-card[hidden]{display:none!important}
.mx-rec-card-media{display:block!important;overflow:hidden!important;aspect-ratio:16/10!important;background:#e2e8f0!important}
.mx-rec-card-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease!important}
.mx-rec-card:hover .mx-rec-card-image{transform:scale(1.025)!important}
.mx-rec-card-body{padding:23px!important}
.mx-rec-card-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:14px!important}
.mx-rec-card-meta span,.mx-job-meta span{padding:6px 8px!important;border-radius:999px!important;color:#475569!important;background:#f1f5f9!important;font-size:10px!important;font-weight:800!important}
.mx-rec-card h3{margin-bottom:10px!important;font-size:20px!important;line-height:1.2!important}
.mx-rec-card h3 a{color:var(--mx-navy)!important;text-decoration:none!important;font-weight:900!important}
.mx-rec-card p{margin-bottom:18px!important;color:var(--mx-muted)!important;font-size:12px!important;line-height:1.62!important}
.mx-rec-card-link{display:inline-flex!important;gap:8px!important;color:var(--mx-navy)!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important}
.mx-rec-empty{padding:42px!important;border:1px solid var(--mx-border)!important;border-radius:18px!important;text-align:center!important;background:var(--mx-white)!important}
.mx-rec-empty>span{color:#9a6700!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.mx-rec-empty h3{margin:8px 0 10px!important;color:var(--mx-navy)!important;font-size:24px!important;font-weight:900!important}
.mx-rec-empty p{max-width:600px!important;margin:0 auto 20px!important;color:var(--mx-muted)!important;font-size:13px!important;line-height:1.65!important}
.mx-rec-no-match{padding:24px!important;text-align:center!important;color:var(--mx-muted)!important}

.mx-rec-process{padding:86px 0!important;background:var(--mx-white)!important}
.mx-rec-section-head{max-width:720px!important;margin-bottom:34px!important}
.mx-rec-process-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.mx-rec-process-grid article{padding:26px!important;border:1px solid var(--mx-border)!important;border-radius:15px!important;background:var(--mx-bg)!important}
.mx-rec-process-grid article>span{width:38px!important;height:38px!important;margin-bottom:19px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:var(--mx-navy)!important;background:var(--mx-yellow)!important;font-size:12px!important;font-weight:950!important}
.mx-rec-process-grid h3{margin-bottom:8px!important;color:var(--mx-navy)!important;font-size:17px!important;font-weight:900!important}
.mx-rec-process-grid p{margin-bottom:0!important;color:var(--mx-muted)!important;font-size:12px!important;line-height:1.6!important}

.mx-rec-local{padding:75px 0!important;color:var(--mx-white)!important;background:var(--mx-navy)!important}
.mx-rec-local-grid{display:grid!important;grid-template-columns:1fr .9fr!important;gap:70px!important;align-items:center!important}
.mx-rec-local h2{color:var(--mx-white)!important}
.mx-rec-local p{margin:15px 0 0!important;color:rgba(255,255,255,.66)!important;font-size:14px!important;line-height:1.75!important}
.mx-rec-local p a{color:var(--mx-white)!important}
.mx-rec-local-cta{padding:25px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important}
.mx-rec-local-cta strong{display:block!important;color:var(--mx-white)!important;font-size:18px!important;font-weight:900!important}
.mx-rec-local-cta span{display:block!important;margin:8px 0 18px!important;color:rgba(255,255,255,.57)!important;font-size:12px!important;line-height:1.6!important}

/* SINGLE OFFER */
.mx-job-hero{padding:75px 0 58px!important;color:var(--mx-white)!important;background:linear-gradient(135deg,#0b1221,var(--mx-navy))!important}
.mx-job-back{display:inline-block!important;margin-bottom:27px!important;color:rgba(255,255,255,.62)!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important}
.mx-job-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:50px!important;align-items:end!important}
.mx-job-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:15px!important}
.mx-job-meta span{color:rgba(255,255,255,.8)!important;background:rgba(255,255,255,.08)!important}
.mx-job-meta .is-closed{color:#fecaca!important;background:rgba(220,38,38,.16)!important}
.mx-job-hero h1{max-width:840px!important;margin-bottom:15px!important;color:var(--mx-white)!important;font-size:clamp(38px,5vw,58px)!important;font-weight:950!important;line-height:1.03!important;letter-spacing:-.04em!important}
.mx-job-hero p{max-width:740px!important;margin-bottom:0!important;color:rgba(255,255,255,.67)!important;font-size:15px!important;line-height:1.7!important}
.mx-job-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:55px!important;padding-top:64px!important;padding-bottom:80px!important;align-items:start!important}
.mx-job-poster{margin:0 0 36px!important;padding:0!important}
.mx-job-poster img{display:block!important;width:100%!important;height:auto!important;border:1px solid var(--mx-border)!important;border-radius:16px!important}
.mx-job-section{padding-bottom:34px!important;margin-bottom:34px!important;border-bottom:1px solid var(--mx-border)!important}
.mx-job-section:last-child{border-bottom:0!important}
.mx-job-section h2,.mx-job-facts h2{margin-bottom:17px!important;color:var(--mx-navy)!important;font-size:23px!important;font-weight:900!important}
.mx-job-rich,.mx-job-rich p,.mx-job-rich li{color:var(--mx-text)!important;font-size:14px!important;line-height:1.75!important}
.mx-job-list{margin:0!important;padding-left:20px!important;display:grid!important;gap:10px!important}
.mx-job-list li{color:var(--mx-text)!important;font-size:14px!important;line-height:1.6!important}
.mx-job-download{display:inline-flex!important;padding:12px 14px!important;border:1px solid var(--mx-border)!important;border-radius:9px!important;color:var(--mx-navy)!important;background:var(--mx-bg)!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important}
.mx-job-facts{position:sticky!important;top:24px!important;padding:25px!important;border:1px solid var(--mx-border)!important;border-radius:16px!important;background:var(--mx-bg)!important}
.mx-job-facts dl{margin:0 0 22px!important}
.mx-job-facts dl>div{padding:11px 0!important;border-bottom:1px solid var(--mx-border)!important}
.mx-job-facts dl>div:last-child{border-bottom:0!important}
.mx-job-facts dt{color:var(--mx-muted)!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.mx-job-facts dd{margin:3px 0 0!important;color:var(--mx-navy)!important;font-size:13px!important;font-weight:800!important;line-height:1.45!important}
.mx-job-facts .mx-rec-btn{width:100%!important}
.mx-job-closed{margin-bottom:0!important;color:#991b1b!important;font-size:12px!important;font-weight:800!important}
.mx-job-footer{padding:65px 0!important;text-align:center!important;color:var(--mx-white)!important;background:var(--mx-navy)!important}
.mx-job-footer h2{margin-bottom:9px!important;color:var(--mx-white)!important;font-size:31px!important;font-weight:900!important}
.mx-job-footer p{margin-bottom:20px!important;color:rgba(255,255,255,.62)!important;font-size:13px!important}
.mx-job-footer>div>div{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:9px!important}

@media(max-width:1024px){
  .mx-rec-hero-grid,.mx-rec-intro-grid,.mx-rec-local-grid,.mx-job-hero-grid{grid-template-columns:1fr!important}
  .mx-rec-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx-job-layout{grid-template-columns:1fr!important}
  .mx-job-facts{position:static!important}
}
@media(max-width:760px){
  .mx-rec-shell{width:min(calc(100% - 32px),1180px)!important}
  .mx-rec-hero{padding:65px 0 55px!important}
  .mx-rec-intro,.mx-rec-jobs,.mx-rec-process{padding:62px 0!important}
  .mx-rec-local{padding:58px 0!important}
  .mx-rec-benefits,.mx-rec-grid,.mx-rec-process-grid{grid-template-columns:1fr!important}
  .mx-rec-jobs-head{align-items:flex-start!important;flex-direction:column!important}
  .mx-rec-filterbar{width:100%!important;flex-direction:column!important}
  .mx-rec-filterbar label,.mx-rec-filterbar input,.mx-rec-filterbar select{width:100%!important}
  .mx-rec-hero-actions,.mx-job-footer>div>div{flex-direction:column!important}
  .mx-rec-hero-actions .mx-rec-btn,.mx-job-footer .mx-rec-btn{width:100%!important}
  .mx-job-hero{padding:54px 0 46px!important}
  .mx-job-layout{padding-top:45px!important;padding-bottom:60px!important}
}
@media(max-width:430px){
  .mx-rec-shell{width:min(calc(100% - 24px),1180px)!important}
  .mx-rec-card-body,.mx-rec-empty,.mx-job-facts{padding:20px 17px!important}
}
@media(prefers-reduced-motion:reduce){
  .mx-rec-page *,.mx-job-single *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
