/*Animation*/
.reveal-item,
.glass-panel {
  will-change: transform, opacity;
}
.reveal-item {
  --delay: 0s;
  opacity: 0;
  transform: translateY(15px) scale(0.98);
  filter: blur(4px);
  animation: premiumReveal 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--delay);
}

@keyframes premiumReveal {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

@keyframes float-up-down {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px); /* Move up by 15px */
  }
  100% {
    transform: translateY(0px);
  }
}

.float-animation {
  animation: float-up-down 3s ease-in-out infinite;
}

@keyframes textPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

.text-pulse {
  display: inline-block;
  animation: textPulse 2.5s ease-in-out infinite;
}