@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700;900&display=swap');

body {
  font-family: 'Outfit', sans-serif;
}

/* Custom Animation Utility */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Sparkle effect classes (added via JS) */
.sparkle {
  position: absolute;
  pointer-events: none;
  animation: sparkle-anim 1s forwards;
  color: #FACC15; /* Yellow-400 */
}

@keyframes sparkle-anim {
  0% { transform: scale(0) rotate(0deg); opacity: 1; }
  100% { transform: scale(1.5) rotate(180deg); opacity: 0; }
}