.animated-gradient {
  background: radial-gradient(1000px 800px at 20% 30%, rgba(147,197,253,0.25), transparent 60%),
              radial-gradient(1000px 1000px at 80% 60%, rgba(244,114,182,0.18), transparent 60%);
  animation: floaty 25s ease-in-out infinite alternate;
  filter: blur(10px);
}
@keyframes floaty {
  0% { transform: translate3d(-2%, -2%, 0) scale(1); }
  50% { transform: translate3d(2%, 2%, 0) scale(1.05); }
  100% { transform: translate3d(3%, -1%, 0) scale(1.02); }
}
.fade-in-hero {
  opacity: 0;
  transform: scale(0.96);
  animation: fadeInHero 1.6s ease-out forwards;
}
@keyframes fadeInHero {
  0% { opacity: 0; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1); }
}
.btn-primary { @apply inline-flex items-center px-5 py-2.5 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white font-semibold; }
.btn-secondary { @apply inline-flex items-center px-5 py-2.5 rounded-md bg-white/10 hover:bg-white/20 text-white font-semibold; }