/* Aurora Text Effect */
.aurora-text {
    background: linear-gradient(to right,
            var(--brand-blue) 0%,
            #9333ea 25%,
            /* Purple */
            var(--brand-cyan) 50%,
            /* Cyan */
            #e11d48 75%,
            /* Pink/Reddish */
            var(--brand-blue) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-size: 200% auto;
    animation: aurora-move 6s linear infinite;
    display: inline-block;
    /* Ensures background properties work correctly */
}

@keyframes aurora-move {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center;
    }
}