/* 1) Сброс */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 2) Фон Vanta.js */
#vantajs-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;              /* канвас фона — самый нижний слой */
}

/* 3) Flex‑контейнер для текста */
.hero {
  position: relative;       /* чтобы быть поверх фона */
  z-index: 1;               /* над #vantajs-bg */
  display: flex;
  justify-content: center;  /* центр по горизонтали */
  align-items: center;      /* центр по вертикали */
  width: 100vw;
  height: 100vh;
}

/* 4) Неоновый текст */
.neon {
  font-size: 10vw;          /* масштабируется под ширину экрана */
  font-weight: 900;
  color: #fff;
  text-shadow:
    0   0   10px  rgba(19, 190, 162, 0.8),
    0   0   20px  rgba(6, 104, 31, 0.6),
    0   0   30px  rgba(16, 173, 108, 0.4),
    0   0   40px  rgba(11, 175, 66, 0.2);
  transition: text-shadow 0.3s ease-in-out;
  cursor: default;
}

/* 5) Hover‑эффект */
.neon:hover {
  text-shadow:
    0   0   20px  rgb(104, 221, 236),
    0   0   30px  rgba(104, 221, 236),
    0   0   40px  rgba(104, 221, 236),
    0   0   60px  rgba(104, 221, 236);
}