:root {
  /* Определяем CSS-переменные для цветов из ТЗ */
  --bg-start: #e7ebf4ff;
  --bg-end: #cdcfd3ff;
  --accent-electric-blue: #00E5FF;
  --accent-deep-blue: #2B6CFF;
  --text-primary: #FFFFFF;
  --text-secondary: #AAB3C5;
  --primary-color: #3b82f6;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-secondary);
  line-height: 1.6;
  overflow-x: hidden;
  position: relative;
  margin: 0;
  min-height: 100vh;
  background: #0d0f17;
}

/* ==================== ТОЧЕЧНЫЙ ФОН НА ВСЕЙ СТРАНИЦЕ ==================== */
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200vw;
  height: 100%;
  background-image: radial-gradient(
    circle at 15px 15px, /* Увеличил размер точек */
    var(--accent-electric-blue) 2px, /* Увеличил радиус точки */
    transparent 1.5px
  );
  background-size: 60px 60px; /* Увеличил расстояние между точками */
  z-index: -3;
  pointer-events: none;
  opacity: 0.10; /* Немного увеличил прозрачность для лучшей видимости */
  background-blend-mode: screen;
}