/* ============================================================
   Complement Tailwind — classes utilisees par les pages mais
   ABSENTES de assets/css/tw.css

   Diagnostic du 2026-08-15, etabli sur capture d'ecran reelle :
   tw.css avait ete genere avec un scan incomplet des fichiers.
   99 classes manquaient, dont :
     - w-12/h-12, w-14/h-14, w-16/h-16  -> les cadres d'icones
       n'avaient AUCUNE taille, l'icone paraissait plus grosse
     - p-0.5, px-2.5                    -> le selecteur FR|EN
       se chevauchait
     - gap-2.5, space-y-*, mt-0.5       -> elements colles
     - backdrop-blur-xl                 -> navbar sans flou

   Valeurs reprises de l'echelle Tailwind officielle
   (espacement = n x 0.25rem, breakpoints sm/md/lg/xl).
   Charge APRES tw.css et AVANT ui.css : ui.css garde le dernier
   mot sur les corrections de contraste.
   ============================================================ */

@keyframes tw-ping { 75%,100% { transform:scale(2); opacity:0 } }

.animate-ping{animation:tw-ping 1s cubic-bezier(0,0,.2,1) infinite}
.backdrop-blur-2xl{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.bg-\[\#030303\]{background-color:#030303}
.bg-\[\#040404\]{background-color:#040404}
.bg-\[radial-gradient\(circle_at_center\,rgba\(212\,175\,55\,0\.06\)_0\%\,transparent_70\%\)\]{background-image:radial-gradient(circle at center,rgba(212,175,55,0.06) 0%,transparent 70%)}
.bg-black\/40{background-color:rgba(0,0,0,.4)}
.bg-black\/95{background-color:rgba(0,0,0,.95)}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.hover\:bg-gray-200:hover{background-color:#e5e7eb}
.bg-yellow-500{background-color:#eab308}
.selection\:bg-yellow-500::selection{background-color:#eab308}
.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}
.border-yellow-500\/40{border-color:rgba(234,179,8,.4)}
.hover\:border-yellow-500\/40:hover{border-color:rgba(234,179,8,.4)}
.focus\:border-yellow-500\/50:focus{border-color:rgba(234,179,8,.5)}
.divide-white\/10 > :not([hidden]) ~ :not([hidden]){border-color:rgba(255,255,255,.1)}
.divide-y > :not([hidden]) ~ :not([hidden]){border-top-width:1px;border-bottom-width:0}
.font-semibold{font-weight:600}
.from-\[\#080808\]{--tw-gradient-from:#080808;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(8,8,8,0))}
.gap-2\.5{gap:0.625rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-24{height:6rem}
.h-36{height:9rem}
.h-48{height:12rem}
.inset-0{top:0;right:0;bottom:0;left:0}
.leading-\[0\.95\]{line-height:0.95}
.mb-14{margin-bottom:3.5rem}
.mb-24{margin-bottom:6rem}
.min-h-\[90vh\]{min-height:90vh}
.mt-0\.5{margin-top:0.125rem}
.mt-1\.5{margin-top:0.375rem}
.mt-16{margin-top:4rem}
.mt-5{margin-top:1.25rem}
.mt-8{margin-top:2rem}
.hover\:opacity-70:hover{opacity:.7}
.hover\:opacity-90:hover{opacity:.9}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.p-0\.5{padding:0.125rem}
.pb-20{padding-bottom:5rem}
.pb-6{padding-bottom:1.5rem}
.pointer-events-none{pointer-events:none}
.pt-32{padding-top:8rem}
.pt-36{padding-top:9rem}
.pt-4{padding-top:1rem}
.px-12{padding-left:3rem;padding-right:3rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.hover\:rotate-0:hover{transform:rotate(0deg)}
.rounded-lg{border-radius:0.5rem}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.625rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.text-left{text-align:left}
.hover\:text-yellow-300:hover{color:#fde047}
.text-yellow-500\/50{color:rgba(234,179,8,.5)}
.to-\[\#030303\]{--tw-gradient-to:#030303}
.tracking-\[0\.15em\]{letter-spacing:0.15em}
.tracking-wider{letter-spacing:0.05em}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-24{width:6rem}
.w-36{width:9rem}
.w-48{width:12rem}
.z-40{z-index:40}

@media (min-width:640px) {
  .sm\:flex-row{flex-direction:row}
  .sm\:w-auto{width:auto}
}

@media (min-width:768px) {
  .md\:divide-x > :not([hidden]) ~ :not([hidden]){border-left-width:1px;border-right-width:0}
  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){border-top-width:0;border-bottom-width:0}
  .md\:flex-row{flex-direction:row}
  .md\:gap-24{gap:6rem}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:h-24{height:6rem}
  .md\:h-32{height:8rem}
  .md\:h-48{height:12rem}
  .md\:h-64{height:16rem}
  .md\:inline{display:inline}
  .md\:leading-\[0\.85\]{line-height:0.85}
  .md\:mb-14{margin-bottom:3.5rem}
  .md\:p-12{padding:3rem}
  .md\:p-14{padding:3.5rem}
  .md\:pl-6{padding-left:1.5rem}
  .md\:pt-0{padding-top:0px}
  .md\:px-14{padding-left:3.5rem;padding-right:3.5rem}
  .md\:py-36{padding-top:9rem;padding-bottom:9rem}
  .md\:py-40{padding-top:10rem;padding-bottom:10rem}
  .md\:py-48{padding-top:12rem;padding-bottom:12rem}
  .md\:text-7xl{font-size:4.5rem;line-height:1}
  .md\:text-8xl{font-size:6rem;line-height:1}
  .md\:w-1\/3{width:33.333333%}
  .md\:w-24{width:6rem}
  .md\:w-32{width:8rem}
  .md\:w-48{width:12rem}
  .md\:w-64{width:16rem}
}

@media (min-width:1024px) {
  .lg\:col-span-2{grid-column:span 2 / span 2}
  .lg\:flex-row{flex-direction:row}
  .lg\:flex-row-reverse{flex-direction:row-reverse}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:text-9xl{font-size:8rem;line-height:1}
  .lg\:text-\[9\.5rem\]{font-size:9.5rem;line-height:1}
}