@charset "UTF-8";
/* =========================================================
   01. FONDATIONS & VARIABLES 2026 (UNITED FITNESS LUXE)
   ========================================================= */
:root {
  /* Palette de Couleurs "Prestige 2026" */
  --bg-deep: #050505; /* Un noir extrêmement profond, pas 100% pur pour éviter la fatigue visuelle */
  --bg-surface: rgba(255, 255, 255, 0.02);
  --bg-glass: rgba(10, 10, 12, 0.6);
  
  /* Couleurs de la marque */
  --uf-purple: #662d91; 
  --uf-purple-light: #8946bd; /* Variante légèrement plus claire pour les dégradés/survols */
  --uf-purple-glow: rgba(102, 45, 145, 0.4); /* Lueur spatiale */
  
  /* Textes */
  --text-main: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.6);
  --text-dark: #050505;
  
  /* Bordures Éditoriales */
  --lux-border: rgba(255, 255, 255, 0.08);
  --lux-border-focus: rgba(102, 45, 145, 0.8);
  
  /* Courbes de Bézier Organiques (Apple / Awwwards Style) */
  --lux-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --lux-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* --- BASE & TYPOGRAPHIE --- */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-deep);
  color: var(--text-main);
  font-family: 'Plus Jakarta Sans', sans-serif;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Titres globaux */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-weight: 300;
  color: var(--text-main);
}

p {
  line-height: 1.6;
  margin-top: 0;
}

/* --- EFFET DE BRUIT (NOISE) ULTRA LÉGER --- */
/* Donne une texture "cinéma/matériau premium" au fond noir */
body::before { 
  content: ''; 
  position: fixed; 
  inset: -50%; 
  width: 200vw; 
  height: 200vh; 
  pointer-events: none; 
  z-index: 50; 
  background: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E'); 
  opacity: 0.02; 
  mix-blend-mode: screen; 
  transform: translateZ(0); 
}

/* --- SÉLECTION DE TEXTE --- */
::selection {
  background: var(--uf-purple);
  color: #fff;
}
::-moz-selection {
  background: var(--uf-purple);
  color: #fff;
}