
  
  .hero-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
      max-width: 500px;
      margin: 3rem auto;
  }

  /* Animations pour la section légendaire */
  .effet-gauche {
      opacity: 0;
      transform: translateX(-200px) translateY(-50%);
      transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  }

  .effet-gauche.active {
      opacity: 0.5;
      transform: translateX(50px) translateY(-50%);
  }

  .effet-droit {
      opacity: 0;
      transform: translateX(100px) translateY(-20px);
      transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  }

  .effet-droit.active {
      opacity: 0.9;
      transform: translateX(-75px) translateY(0);
  }

  /* Effet de rotation subtil pour les deux images */
  .effet-gauche img {
      transition: transform 0.4s ease;
  }

  .effet-gauche.active img {
      transform: rotate(5deg) scale(1.05);
  }

  .effet-droit img {
      transition: transform 0.4s ease;
  }

  .effet-droit.active img {
      transform: rotate(-5deg) scale(1.05);
  }

  /* Effet de brillance pour effet1.png */
  .effet-gauche img {
      filter: brightness(0.8) contrast(1.2);
      transition: filter 0.4s ease;
  }

  .effet-gauche.active img {
      filter: brightness(1) contrast(1.3) drop-shadow(0 0 20px rgba(254, 85, 22, 0.3));
  }

  .stat-item h3 {
      font-size: 3rem;
      color: var(--primary);
      margin-bottom: 0.5rem;
  }

  .stat-item p {
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      color: var(--accent);
  }

  /* UI/UX Improvements */
  html {
      scroll-behavior: smooth;
  }

  .prix-card:hover {
      transform: translateY(-5px) !important;
      box-shadow: 0 20px 40px rgba(241, 81, 22, 0.15) !important;
  }

  .prix-card:hover div[style*="background: linear-gradient"] {
      transform: scale(1.1) !important;
  }

  /* Hero visibility logic */
  .hero-logo-desktop-tablet {
      display: block;
      margin-bottom: 2rem;
  }

  .hero-content-mobile,
  .hero-celebration-text,
  .hero-celebration-logo-mobile {
      display: none;
  }

  @media (max-width: 768px) {
      .hero-stats {
          display: grid !important;
          grid-template-columns: 1fr 1fr 1fr !important;
          justify-items: center !important;
      }

      .stat-item {
          flex: 1 !important;
          text-align: center !important;
          padding: 0.5rem !important;
      }

      .stat-item h3 {
          font-size: 1.8rem !important;
      }

      .stat-label {
          font-size: 0.8rem !important;
      }

      .hero-logo-desktop-tablet {
          display: none !important;
      }

      .hero-content-mobile {
          display: flex !important;
          flex-direction: column;
          align-items: center;
          margin-bottom: 2rem;
      }

      .hero-celebration-logo-mobile {
          display: block !important;
          margin-bottom: 2rem !important;
      }
  }

  /* Navbar logo logic */
  .nav-logo-desktop {
      display: block;
  }

  .nav-logo-mobile {
      display: none;
  }

  @media (max-width: 768px) {
      .nav-logo-desktop {
          display: none !important;
      }

      .nav-logo-mobile {
          display: block !important;
      }
  }

  /* Cards Prix à Remporter - Mobile */
  .prix-card {
      padding: 2rem !important;
  }

  .prix-card h3 {
      font-size: 1.8rem !important;
  }

  .prix-card div[style*="font-size: 2rem"] {
      font-size: 1.6rem !important;
  }

  .prix-card p {
      font-size: 1rem !important;
  }

  .prix-card span {
      font-size: 1rem !important;
  }

  /* Section Catégories - Mobile */
  #categories h2 {
      font-size: 1.8rem !important;
      margin-bottom: 1rem !important;
  }

  #categories p {
      font-size: 1rem !important;
      margin-bottom: 2rem !important;
  }

  #categories>div>div[style*="grid"] {
      grid-template-columns: 1fr !important;
      gap: 1.5rem !important;
  }

  #categories>div>div[style*="grid"]>div {
      padding: 2rem !important;
  }

  #categories h3 {
      font-size: 1.5rem !important;
      margin-bottom: 1rem !important;
  }

  #categories p {
      font-size: 1rem !important;
      line-height: 1.6 !important;
      margin-bottom: 1.5rem !important;
  }

  #categories ul {
      margin-bottom: 0 !important;
  }

  #categories li {
      margin-bottom: 0.75rem !important;
      font-size: 1rem !important;
  }

  #categories i[data-lucide] {
      width: 1rem !important;
      height: 1rem !important;
  }

  #categories span {
      font-size: 1rem !important;
  }

  /* Footer - Mobile */
  footer p[style*="font-size: 0.85rem"] {
      font-size: 1rem !important;
  }

  footer .footer-link {
      font-size: 0.9rem !important;
  }

  .prix-card {
      transition: none !important;
  }

  .prix-card:hover {
      transform: none !important;
      box-shadow: none !important;
  }

  /* Section Catégories - Mobile */
  .creative-talents-section {
      background: black !important;
      border-radius: 1rem;
      position: relative;
      overflow: hidden;
  }

  .creative-talents-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.2);
      z-index: 1;
  }

  .creative-talents-section .effet-gauche {
      display: none !important;
  }

  .creative-talents-section .effet-droit {
      display: none !important;
  }

  .creative-talents-section .reveal {
      position: relative;
      z-index: 10;
  }

  /* Style mobile pour la section Catégories du Concours */
  #categories {
      padding: 2rem 1rem !important;
  }

  #categories h2 {
      font-size: 1.8rem !important;
      margin-bottom: 1rem !important;
  }

  #categories p {
      font-size: 1rem !important;
      margin-bottom: 2rem !important;
  }

  #categories>div>div[style*="grid"] {
      grid-template-columns: 1fr !important;
      gap: 1.5rem !important;
  }

  #categories>div>div[style*="grid"]>div {
      padding: 2rem !important;
  }

  #categories h3 {
      font-size: 1.5rem !important;
      margin-bottom: 1rem !important;
  }

  #categories p {
      font-size: 0.9rem !important;
      line-height: 1.6 !important;
      margin-bottom: 1.5rem !important;
  }

  #categories ul {
      margin-bottom: 0 !important;
  }

  #categories li {
      margin-bottom: 0.75rem !important;
      font-size: 0.85rem !important;
  }

  #categories i[data-lucide] {
      width: 1rem !important;
      height: 1rem !important;
  }

  #categories span {
      font-size: 0.85rem !important;
  }

  /* Bouton principal d'inscription - mobile */
  .btn-primary {
      font-size: 1rem !important;
      padding: 1.2rem 2rem !important;
  }

  @media (prefers-reduced-motion: reduce) {
      * {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
      }

      html {
          scroll-behavior: auto;
      }
  }

  .nav-link:focus,
  .btn-primary:focus {
      outline: 2px solid var(--primary);
      outline-offset: 2px;
  }

  .prix-card:focus {
      outline: 2px solid var(--primary);
      outline-offset: 4px;
  }

