/* Tailwind CDN handles almost all styling. Keep this file intentionally small. */

.blob {
  animation: blobFloat 16s ease-in-out infinite;
}

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes blobFloat {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(0, -24px, 0) scale(1.06); }
  100% { transform: translate3d(0, 0, 0) scale(1); }
}

@media (max-width: 640px) {
  .blob {
    filter: blur(56px);
  }
}