/* ============================================================
   assets/css/bg-particles-soft.css
   Background partikel Zi-Ro — VARIAN HALUS (blur).
   Dipakai oleh: components/bg-particles-soft.php  (about, contact, privacy, read)
                 dan 404.html (statis, memuat berkas ini langsung).

   Catatan:
   - Di-scope ketat ke #zirBgFxSoft, tidak menimpa style halaman.
   - z-index:-2 disamakan dengan #bg-video lama yang terbukti tampil.
   - Varian TAJAM (tanpa blur) ada di components/bg-particles.php -> #zirBgFx
     dan hanya dipakai index.php + category.php.
   ============================================================ */

#zirBgFxSoft {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
    pointer-events: none;
    opacity: .82;
    filter: blur(2.6px);
    transform: translateZ(0);
    will-change: filter;
}

@media (max-width: 600px) {
    #zirBgFxSoft {
        opacity: .76;
        filter: blur(1.8px);
    }
}

/* Animasi dimatikan oleh JS saat prefers-reduced-motion;
   blur & opacity tetap dipertahankan agar tampilan tidak berubah drastis. */
@media (prefers-reduced-motion: reduce) {
    #zirBgFxSoft {
        opacity: .86;
    }
}