.highlight {
    /* Animated digital gradient */
    background: linear-gradient(90deg,
            #FD80FD 10%,
            #FBFBFB 20%,
            #7544AE 30%,
            #CD69FC 40%,
            #473566 50%,
            #DFAFFB 60%,
            #6B7FFD 70%,
            #49F1FC 80%,
            #C2D7FE 90%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    animation: digitalFlow 3.5s linear infinite;
}

@keyframes digitalFlow {
    0% {
        background-position: 0% 50%;
    }

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

/* Optional shine/glitch feel */
.highlight::after {
    content: "Digital World";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.15;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    background-size: 50% 100%;
    animation: shine 6s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
}

@keyframes shine {
    0% {
        background-position: -200% 0;
    }

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