@keyframes navGlitch {
    0% { clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%); }
    20% { clip-path: polygon(0 20%, 100% 20%, 100% 55%, 0 55%); }
    40% { clip-path: polygon(0 50%, 100% 50%, 100% 80%, 0 80%); }
    60% { clip-path: polygon(0 70%, 100% 70%, 100% 100%, 0 100%); }
    80% { clip-path: polygon(0 30%, 100% 30%, 100% 60%, 0 60%); }
    100% { clip-path: polygon(0 0, 100% 0, 100% 25%, 0 25%); }
}

@keyframes glitch-in {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        transform: translate(0);
        opacity: 0;
    }
    20% {
        clip-path: polygon(0 15%, 100% 15%, 100% 30%, 0 30%);
        transform: translate(-5px);
        opacity: 0.6;
    }
    40% {
        clip-path: polygon(0 30%, 100% 30%, 100% 55%, 0 55%);
        transform: translate(5px);
        opacity: 0.8;
    }
    60% {
        clip-path: polygon(0 55%, 100% 55%, 100% 70%, 0 70%);
        transform: translate(-3px);
        opacity: 0.9;
    }
    80% {
        clip-path: polygon(0 70%, 100% 70%, 100% 85%, 0 85%);
        transform: translate(3px);
        opacity: 0.95;
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes scanline {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}