/* Custom Bubble Animation CSS */
.bubble-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: -1; /* Changer pour -1 pour être plus visible */
}

.bubble {
  position: absolute;
  border-radius: 50%;
  opacity: 1; /* Opacité maximale pour être sûr qu'elles soient visibles */
  pointer-events: none;
  box-shadow: none;
  mix-blend-mode: normal;
}

/* Orange bubble */
.bubble-orange {
  background: linear-gradient(180deg, rgba(235,60,119,1) 0%, rgba(245,147,23,1) 100%);
  filter: blur(0px); /* Aucun flou pour être plus visible */
}

/* Blue bubble */
.bubble-blue {
  background: linear-gradient(180deg, rgba(176,0,247,1) 0%, rgba(79,0,246,1) 100%);
  filter: blur(0px); /* Aucun flou pour être plus visible */
}