/* ==== ПЕРЕМЕННЫЕ (настройки эффекта) ==== */
:root {
  --p-number: 120;          /* Количество частиц */
  --p-color: #ffffff;       /* Цвет частиц */
  --p-size: 3;              /* Размер частиц */
  --p-opacity: 0.5;         /* Прозрачность частиц */

  --p-line-color: #ffffff;  /* Цвет линий */
  --p-line-opacity: 0.2;    /* Прозрачность линий */
  --p-line-distance: 130;   /* Дистанция линий */

  --p-speed: 2.2;           /* Скорость движения частиц */
  --p-repulse-distance: 100;/* Радиус отталкивания */
  --p-repulse-duration: 0.2;/* Длительность эффекта */
}

/* ==== ОСНОВНОЙ ФОН ==== */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #000;
  color: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
  overflow: hidden;
}

/* ==== КОНТЕЙНЕР С ЧАСТИЦАМИ ==== */
#particles-js {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, #141414 0%, #000 100%);
  z-index: 1;
  pointer-events: none;
}

/* ==== КОНТЕНТ ==== */
.center {
  position: relative;
  z-index: 2;
  text-align: center;
  top: 45%;
  transform: translateY(-50%);
}

h1 {
  font-size: 3em;
  margin: 0;
}
p {
  color: #bbb;
  margin: 10px 0;
}