/* =========================================
   INDEX PAGE
   ========================================= */

.index-page {
    min-height: 100svh;
    overflow: hidden;
}

/* Видео всегда самый нижний слой */
.index-page .bg-video {
    position: fixed;
    inset: 0;
    z-index: 0;
}

/* Контент поверх видео */
.index-hero {
    position: relative;
    z-index: 5;

    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    gap: var(--space-4);
    padding: var(--space-8);
}

/* Чуть усилим читаемость */
.index-hero .brand-glitch-xl {
    text-shadow:
        0 0 8px rgba(255,255,255,0.45),
        0 0 24px rgba(255,255,255,0.15);
    font-size: 128px;
}

.index-hero .num-xl {
    opacity: 0.85;
    letter-spacing: 0.35em;
    font-size: 25px;
}

.index-hero .btn {
    margin-top: var(--space-6);
}