/* Cyber Lines Styling — ниже контента; в WebView (iOS/desktop TG) контент должен иметь position + z-index */
.cyber-lines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
    pointer-events: none;
}

.cyber-line {
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-primary), transparent);
    animation: moveLine 10s linear infinite;
    width: 100%;
}

.cyber-line-vertical {
    position: absolute;
    width: 1px;
    background: linear-gradient(0deg, transparent, var(--accent-secondary), transparent);
    animation: moveLineVertical 12s linear infinite;
    height: 100%;
}

/* Horizontal lines */
.line-h1 { top: 20%; animation-delay: 0s; }
.line-h2 { top: 40%; animation-delay: 2s; }
.line-h3 { top: 60%; animation-delay: 4s; }
.line-h4 { top: 80%; animation-delay: 6s; }

/* Vertical lines */
.line-v1 { left: 20%; animation-delay: 1s; }
.line-v2 { left: 40%; animation-delay: 3s; }
.line-v3 { left: 60%; animation-delay: 5s; }
.line-v4 { left: 80%; animation-delay: 7s; }

@keyframes moveLine {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100vw); }
}

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