.rainbow-gradient-text {
    background: linear-gradient(90deg, 
        #ff6b6b, #ff8e6b, #ffb16b, 
        #ffd46b, #f9f871, #c5f871, 
        #91f871, #6bf88d, #6bf8c1, 
        #6bf8f5, #6bcbf8, #6b91f8, 
        #8d6bf8, #c16bf8, #f56bf8, 
        #f86bcb, #f86b91);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: rainbow-gradient 6s linear infinite;
    display: inline-block;
    padding: 5px 0;
}

@keyframes rainbow-gradient {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 400% 50%;
    }
}

/* حالت‌های مختلف گرادیان */
.rgt-style-2 {
    background: linear-gradient(90deg, 
        #ff006e, #ff4593, #ff85b3, 
        #ffb5d0, #ffdde9, #e9f5ff, 
        #b5e3ff, #85d1ff, #45b8ff, 
        #0096ff, #006eff);
}

.rgt-style-3 {
    background: linear-gradient(90deg, 
        #ff9a00, #ffb300, #ffcc00, 
        #ffe600, #f2ff00, #ccff00, 
        #a6ff00, #80ff00, #5aff00, 
        #00ff2a, #00ff80, #00ffd5, 
        #00e5ff, #00a6ff, #0066ff, 
        #4d00ff, #b300ff, #ff00cc, 
        #ff0066, #ff0000);
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .rainbow-gradient-text {
        animation-duration: 8s;
    }
}