Pintu Sadhu

➡️ CSS Class: headline-cinematic
➡️ CSS ID: headline-cinematic-id

/* 🎬 Cinematic Gradient + Fade + Zoom Headline */
.headline-cinematic, #headline-cinematic-id {
display: inline-block;
opacity: 0;
transform: translateY(30px) scale(0.9);
background-image: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1, #5f27cd);
background-size: 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: fadeSlideZoom 1.4s ease forwards, textGradientFlow 6s ease infinite;
}

/* ✨ Fade + Slide + Zoom Animation */
@keyframes fadeSlideZoom {
0% {
opacity: 0;
transform: translateY(40px) scale(0.9);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}

/* 🌈 Gradient Flow Animation */
@keyframes textGradientFlow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}