/* 
 * =================================================================================
 * PROJECT:     CybCert
 * FILE:        assets/css/style.css
 * VERSION:     2.0.0 (Video Factory Effects)
 * DESCRIPTION: Animations for the Non-Linear Editor (NLE) Player.
 * =================================================================================
 */

/* --- VIDEO FACTORY: KEN BURNS EFFECTS --- */

/* Base container for seamless transitions */
#video-stage {
    background-color: #000;
    overflow: hidden;
}

#video-stage video, 
#video-stage img {
    /* Smooth crossfade between shots */
    transition: opacity 0.2s ease-in-out;
    transform-origin: center center;
    will-change: transform; /* GPU Acceleration */
}

/* 1. ZOOM IN (Drama/Focus) */
@keyframes zoom_in {
    0% { transform: scale(1.0); }
    100% { transform: scale(1.15); }
}

/* 2. ZOOM OUT (Reveal/Context) */
@keyframes zoom_out {
    0% { transform: scale(1.15); }
    100% { transform: scale(1.0); }
}

/* 3. PAN LEFT (Reading Text) */
@keyframes pan_left {
    0% { transform: scale(1.1) translateX(2%); }
    100% { transform: scale(1.1) translateX(-2%); }
}

/* 4. PAN RIGHT (Scanning Room) */
@keyframes pan_right {
    0% { transform: scale(1.1) translateX(-2%); }
    100% { transform: scale(1.1) translateX(2%); }
}

/* 5. STATIC (No motion) */
@keyframes static {
    0% { transform: scale(1.0); }
    100% { transform: scale(1.0); }
}

/* --- HUD & UI UTILITIES --- */
.backdrop-blur {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.text-shadow {
    text-shadow: 0 2px 10px rgba(0,0,0,0.8);
}