/* ── KeepSecure VPN theme (inspired by doc.keepsecured.net) ── */

/* Видеофон поверх всего body */
.theme-video-bg {
    position: fixed;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    pointer-events: none;
    will-change: opacity;
}
.theme-video-bg video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* GPU-аппаратный композитинг — снимает нагрузку с CPU при скролле */
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
}
/* Затемнение, как на референсе */
.theme-video-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(5, 12, 25, 0.72);
}
/* Виньетка по краям — без затрат на render */
.theme-vignette {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: radial-gradient(ellipse at center, transparent 40%, rgba(3, 10, 22, 0.60) 100%);
    pointer-events: none;
}

/* Уважение системной настройки "reduced motion" — видео заменим статикой */
@media (prefers-reduced-motion: reduce) {
    .theme-video-bg video { display: none; }
    .theme-video-bg { background: #0a1428 url('/video/bg-poster.jpg') center/cover no-repeat; }
}

/* На мобильных некоторые браузеры лагают с большим видео — статический poster */
@media (max-width: 480px) and (prefers-reduced-data: reduce) {
    .theme-video-bg video { display: none; }
    .theme-video-bg { background: #0a1428 url('/video/bg-poster.jpg') center/cover no-repeat; }
}