html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000000; }
::-webkit-scrollbar-thumb { background: #333333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #F6D971; }

.fade-up, .fade-left, .fade-right {
    opacity: 0;
    will-change: transform, opacity;
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-up { transform: translateY(30px); }
.fade-left { transform: translateX(20px); }
.fade-right { transform: translateX(-20px); }

.is-visible { opacity: 1; transform: translate(0, 0); }

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }