/* ==========================================================================
   FORGOTTEN — Scroll & Interactive Animations
   ========================================================================== */

/* Базовые стили для появления при скролле */
.scroll-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.scroll-reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.scroll-reveal-left {
    transform: translateX(-40px);
}

.scroll-reveal-left.active {
    transform: translateX(0);
}

.scroll-reveal-right {
    transform: translateX(40px);
}

.scroll-reveal-right.active {
    transform: translateX(0);
}

.scroll-reveal-scale {
    transform: scale(0.92);
}

.scroll-reveal-scale.active {
    transform: scale(1);
}

/* На мобильных экранах используем только мягкий вертикальный сдвиг во избежание скроллбаров */
@media (max-width: 768px) {
    .scroll-reveal-left,
    .scroll-reveal-right {
        transform: translateY(20px);
    }
    .scroll-reveal-left.active,
    .scroll-reveal-right.active {
        transform: translateY(0);
    }
}

/* Легкое мерцание фосфора терминала */
@keyframes phosphorPulse {
    0%, 100% {
        opacity: 0.9;
    }
    50% {
        opacity: 1;
    }
}