#modular-effects-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: var(--effects-z-index, 9999);
    overflow: hidden;
}

.modular-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Performance mode */
body.performance-mode .modular-effect {
    filter: blur(0.5px);
    opacity: 0.9;
}

/* Mobile disable */
@media (max-width: 768px) {
    body.disable-effects-mobile #modular-effects-container {
        display: none;
    }
}

/* Performance Mode */
.performance-mode * {
    animation-duration: 0.5s !important; /* Faster animations */
    transition-duration: 0.2s !important;
    box-shadow: none !important;
    filter: none !important;
    will-change: auto;
}

/* Load on Scroll */
.load-on-scroll {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.load-on-scroll:not(.loaded) {
    display: none;
}

.modular-effect-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.modular-effect-scroll.modular-effect-loaded {
    opacity: 1;
    transform: translateY(0);
}