:root {
  /* Настройки анимации */
  --particles: 160;           /* количество частиц */
  --max-links: 20;            /* максимум связей на частицу */
  --link-distance: 28;        /* макс. дистанция для линии (px @ 1000px ширины) */
  --speed: 0.25;              /* базовая скорость движения */
  --thickness: 1.2;           /* толщина линий */
  --glow: 1px;                /* свечение линий */

  --color: rgba(205, 255, 252, 0.78);      /* основной цвет линий */
  --secondary: rgba(80, 255, 244, 0.92);   /* точки, блики и свечение */
}

.wrap-main-banner {
  position: relative;
  max-width: 760px;
  margin: 4rem auto;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45));
  user-select: none;
}

.base-img {
  width: 100%;
  display: block;
}

.fx-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;       /* слой поверх картинки */
}

.legend {
  font: 500 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial;
  color: rgba(220, 255, 253, .62);
  max-width: 760px;
  margin: 1rem auto;
  padding: 0 8px;
}

.legend b {
  color: rgba(205, 255, 252, .95);
}