/* BOOSTSEO local CSS (v1.0.3) — fallback sans CDN
   On couvre uniquement les utilitaires utilisés par tes pages. */

:root{
  --bg:#0b1221; --fg:#ffffff; --muted:rgba(255,255,255,.7);
  --border:rgba(255,255,255,.10); --border-20:rgba(255,255,255,.20);
  --teal-300:#5eead4; --teal-400:#2dd4bf; --teal-500:#14b8a6;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif}

/* Liens */
a{color:var(--teal-300);text-decoration:none}
a:hover{color:var(--teal-400)}
img{max-width:100%;height:auto;display:block}

/* Containers / spacing */
.max-w-6xl{max-width:72rem;margin-inline:auto}
.max-w-5xl{max-width:64rem;margin-inline:auto}
.max-w-4xl{max-width:56rem;margin-inline:auto}
.max-w-3xl{max-width:48rem;margin-inline:auto}
.mx-auto{margin-inline:auto}
.px-4{padding-inline:1rem}
.py-3{padding-block:.75rem}
.py-6{padding-block:1.5rem}
.py-12{padding-block:3rem}
.py-16{padding-block:4rem}
.pt-16{padding-top:4rem}
.pb-16{padding-bottom:4rem}
.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}.mt-20{margin-top:5rem}
.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}

/* Texte / poids */
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}
.font-medium{font-weight:500}.font-semibold{font-weight:600}
.font-bold{font-weight:700}.font-extrabold{font-weight:800}
.leading-tight{line-height:1.15}

/* Couleurs utilitaires vraiment utilisées */
.text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/80{color:rgba(255,255,255,.8)}
.text-teal-300{color:var(--teal-300)}
.text-\[\#0b1221\]{color:#0b1221}

.bg-\[\#0b1221\]{background:#0b1221}
.bg-white{background:#fff}
.bg-white\/5{background:rgba(255,255,255,.05)}
.bg-white\/10{background:rgba(255,255,255,.10)}
.bg-teal-500\/90{background:rgba(20,184,166,.90)}
.bg-teal-500\/10{background:rgba(20,184,166,.10)}
.hover\:bg-teal-400:hover{background:var(--teal-400)}
.hover\:text-teal-300:hover{color:var(--teal-300)}

.border{border:1px solid var(--border)}
.border-white\/10{border-color:var(--border)}
.border-white\/20{border-color:var(--border-20)}
.border-b{border-bottom:1px solid var(--border)}
.border-teal-500\/30{border-color:rgba(20,184,166,.3)}
.border-red-500\/30{border-color:rgba(239,68,68,.3)}

.rounded-xl{border-radius:0.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}

/* Flex / grid courants */
.flex{display:flex}.inline-flex{display:inline-flex}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.grid{display:grid}
.sm\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}
@media (min-width:640px){ .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:768px){ .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1024px){ .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} }
.gap-x-4{column-gap:1rem}.gap-y-2{row-gap:.5rem}

.hidden{display:none}
.md\:flex{display:flex}
@media (max-width:767px){ .md\:flex{display:none} }

.p-4{padding:1rem}.p-6{padding:1.5rem}
.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-5{padding-inline:1.25rem}
.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}

/* Largeurs / aspects */
.w-9{width:2.25rem}.h-9{height:2.25rem}
.aspect-\[4\/3\]{position:relative;width:100%;padding-bottom:75%}

/* Positions / effets */
.relative{position:relative}.absolute{position:absolute}
.sticky{position:sticky}.top-0{top:0}
.-bottom-6{bottom:-1.5rem}.-left-6{left:-1.5rem}
.z-40{z-index:40}
.backdrop-blur{backdrop-filter:saturate(180%) blur(8px)}

/* Prose simple */
.prose{line-height:1.7}.prose h1{font-size:2rem;margin:1rem 0}.prose p{color:var(--muted)}

/* Header sticky */
header{background:rgba(11,18,33,.8)}

/* Boutons */
button,.btn,.px-5.py-3{cursor:pointer}
