@tailwind base;
@tailwind components;
@tailwind utilities;
.animate-float {
    animation: float 8s ease-in-out infinite;
}
.animate-float.delay-500 {
    animation-delay: 0.5s;
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

#liveCounter {
    animation: fadeIn 0.5s ease-out;
    backdrop-filter: blur(5px);
    z-index: 100;
}
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fade-in 0.9s ease-out forwards;
}