/* Hero Heading Animation */
.hero-heading {
  font-size: 3rem;
  font-weight: 800;
  background: linear-gradient(90deg, #ff8a00, #e52e71);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: fadeInDown 1.2s ease-out forwards;
}

/* Hero Paragraph Animation */
.hero-text {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #f0f0f0;
  opacity: 0;
  animation: fadeInUp 1.8s ease-out forwards;
  animation-delay: 0.5s;
}

/* Keyframes for Animations */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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