/* Shared animated gradient title base */
.gradient-title-purple,
.gradient-title-green,
.gradient-title-blue {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
  line-height: 1.2;
  padding-bottom: 0.1em;
  animation: gradientShift 10s ease-in-out infinite;
  background-size: 200% 200%;
  background-position: center;
}

/* Darker, richer Purple Gradient */
.gradient-title-purple {
  background-image: linear-gradient(
    to right,
    #9333ea,   /* purple-600 */
    #d8b4fe,   /* purple-300 */
    #8333c5
  );
}

/* Darker Green Gradient */
.gradient-title-green {
  background-image: linear-gradient(
    to right,
    #16a34a,   /* green-600 */
    #bbf7d0,   /* green-200 */
    #1f7344
  );
}

/* Darker Blue Gradient */
.gradient-title-blue {
  background-image: linear-gradient(
    to right,
    #2563eb,   /* blue-600 */
    #bae6fd,   /* sky-200 */
	#2e51b9
  );
}

/* Smooth animated movement */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}