/* =========================================================================
   NETWORK BACKGROUND — استایل کانتینر بکگراند شبکه
   این فایل فقط مسئول جای‌گذاری و لایه‌بندی بکگراند است؛
   رنگ/تراکم/سرعت انیمیشن همگی داخل network-bg.js و شیء CONFIG کنترل می‌شوند.
   ========================================================================= */

.network-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;           /* همیشه پشت محتوای صفحه */
  overflow: hidden;
  pointer-events: none;   /* کلیک/هاور روی محتوای اصلی صفحه را مسدود نمی‌کند */
  background-color: #F7F8FA; /* رنگ پایه به‌جای سفید خالص، تا گرادیان JS لود شود */
  will-change: transform; /* کمک به رندر GPU-accelerated */
}

.network-bg .nb-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.network-bg .nb-line {
  vector-effect: non-scaling-stroke;
}

/* روی موبایل، برای کاهش هزینه‌ی رندر، سایه/بلور اضافه اعمال نمی‌شود */
@media (max-width: 576px) {
  .network-bg { will-change: auto; }
}

/* اگر کاربر Reduced Motion را در سیستم‌عامل فعال کرده باشد،
   جاوااسکریپت خودش ورودی/چشمک را غیرفعال می‌کند؛ این بخش فقط
   یک محافظ اضافه برای ترنزیشن‌های احتمالی CSS است. */
@media (prefers-reduced-motion: reduce) {
  .network-bg * { transition: none !important; animation: none !important; }
}