/* Scanline Animation for Background */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 4px,
        rgba(178, 34, 34, 0.2) 4px,
        rgba(178, 34, 34, 0.2) 8px
    );
    animation: scanlineMove 0.5s steps(8) infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.25;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(178, 34, 34, 0.6) 50%,
        transparent 100%
    );
    z-index: -1;
    pointer-events: none;
    opacity: 0.7;
    animation: scanlineSweep 2s ease-in-out infinite;
}

@keyframes scanlineMove {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(8px);
    }
}

@keyframes scanlineSweep {
    0% {
        transform: translateY(-100%) skewY(-5deg);
        opacity: 0;
    }
    30% {
        transform: translateY(0) skewY(-5deg);
        opacity: 1;
    }
    70% {
        transform: translateY(100%) skewY(-5deg);
        opacity: 1;
    }
    100% {
        transform: translateY(200%) skewY(-5deg);
        opacity: 0;
    }
}

/* Enhanced scanline effect for movie cards */
.movie-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 1px,
        rgba(178, 34, 34, 0.02) 1px,
        rgba(178, 34, 34, 0.02) 2px
    );
    animation: subtleScanline 4s linear infinite;
    pointer-events: none;
    z-index: 1;
    opacity: 0.6;
}

@keyframes subtleScanline {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(1px);
    }
}