/* Matrix character and RGB effects */
.matrix-char {
    display: inline-block;
    color: white;
    text-shadow: 0 0 5px white;
    transition: color 0.3s ease;
}
@keyframes matrix-color {
    0% { 
        color: #ff0080;
        text-shadow: 0 0 5px #ff0080, 0 0 10px #ff0080;
    }
    20% { 
        color: #00ff80;
        text-shadow: 0 0 5px #00ff80, 0 0 10px #00ff80;
    }
    40% { 
        color: #8000ff;
        text-shadow: 0 0 5px #8000ff, 0 0 10px #8000ff;
    }
    60% { 
        color: #ff8000;
        text-shadow: 0 0 5px #ff8000, 0 0 10px #ff8000;
    }
    80% { 
        color: #0080ff;
        text-shadow: 0 0 5px #0080ff, 0 0 10px #0080ff;
    }
    100% { 
        color: #ff0080;
        text-shadow: 0 0 5px #ff0080, 0 0 10px #ff0080;
    }
}

/* Initial matrix character styling */
.matrix-char {
    display: inline-block;
    color: white;
    text-shadow: 0 0 5px white;
    transition: color 0.3s ease;
}

/* RGB animation class */
.matrix-char.rgb-on {
    animation: matrix-color 3s ease-in-out infinite;
}