/*--------CONTAINER---------*/

.container {
  background: linear-gradient(90deg,rgba(0, 0, 0, 0.15) 0%, rgba(216, 216, 216, 0.11) 50%, rgba(0, 0, 0, 0.15) 100%);
  min-height: 600px;
  padding-top: 5px;
  padding-bottom: 1%;
}
.container2 {
  background-color:whitesmoke;
  padding-top: 85px;
}
.container-cgu{
  margin:5%;
  overflow: hidden;
}

/* Section contenant les particules */
.cont-part {
  position: relative;
  overflow: hidden;
}



/* Canvas qui suit la taille de .cont-part */
canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index:0;
}


/* ========================================
   OPTIMISATIONS MOBILE POUR LES PARTICULES
   ======================================== */

/* Réduire l'opacité des particules sur mobile pour améliorer les performances */
@media (max-width: 768px) {
  #particles,
  #particles2 {
    opacity: 0.8; /* Particules plus subtiles sur mobile */
  }
  
  /* Désactiver les animations complexes du background */
  .animated-bg::before,
  .animated-bg2::before {
    animation: none !important;
  }
  
  /* Simplifier toutes les transitions */
  * {
    transition-duration: 0.2s !important;
  }
  
  /* Simplifier les ombres pour améliorer les performances */
  .airdrop-card,
  .twitter-card,
  .ranking-item,
  .premium-banner,
  .ncoin-card {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  }
  
  /* Désactiver les effets de blur coûteux */
  .backdrop-filter {
    backdrop-filter: none !important;
  }
  
  /* Simplifier les gradients en couleurs solides */
  .premium-banner-badge,
  .premium-badge,
  .pending-badge {
    background: #f39c12 !important;
  }
}

/* Pour les très petits écrans, réduire encore plus */
@media (max-width: 480px) {
  #particles,
  #particles2 {
    opacity: 0.6;
  }
}

/* Respecter les préférences d'animation réduite */
@media (prefers-reduced-motion: reduce) {
  #particles,
  #particles2 {
    display: none !important; /* Cacher complètement les particules */
  }
  
  * {
    animation: none !important;
    transition: none !important;
  }
}

/* Mode économie de batterie (dark mode sur mobile) */
@media (max-width: 768px) and (prefers-color-scheme: dark) {
  #particles,
  #particles2 {
    opacity: 0.8; /* Encore plus subtil en mode sombre */
  }
}