/* Separator 4: Neon Wave */
.separator-4 {
    height: 4px;
    background: #1a0033;
    position: relative;
    overflow: hidden;
}

.separator-4::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, 
        #ff00ff 0%, 
        #00ffff 25%, 
        #ff00ff 50%, 
        #00ffff 75%, 
        #ff00ff 100%
    );
    box-shadow: 
        0 0 10px #ff00ff,
        0 0 20px #00ffff,
        0 0 30px #ff00ff;
    animation: waveGlow 3s ease-in-out infinite;
}

@keyframes waveGlow {
    0%, 100% { 
        box-shadow: 
            0 0 10px #ff00ff,
            0 0 20px #00ffff,
            0 0 30px #ff00ff;
    }
    50% { 
        box-shadow: 
            0 0 20px #ff00ff,
            0 0 40px #00ffff,
            0 0 60px #ff00ff;
    }
}