/* Gradient Background */
.hero-gradient {
    background: radial-gradient(circle at 20% 30%, rgba(255, 140, 0, 0.15), transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(255, 215, 0, 0.1), transparent 40%);
}

/* Floating Animation */
.floating-ribbon {
    animation: float 5s ease-in-out infinite;
}

.hero-title span:nth-child(2) {
    text-shadow: 0 0 25px rgba(59, 130, 246, 0.5);
}


@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}