/* === Глобальные базовые стили страницы === */

html {
  height: 100%;
  scroll-behavior: smooth;
  background-color: #0c0f15; /* важно */
}

body {
  min-height: 100%;
  margin: 0;
  color: #ffffff;
  font: 400 16px/1.6 "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  background: transparent; /* убираем фон с body */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  overflow-x: hidden;
}

/* Градиент теперь НАД html, но ПОД контентом */
body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0; /* не -1 */

  pointer-events: none;

  background:
    radial-gradient(1200px 800px at 85% -10%, rgba(47,111,230,.45) 0%, rgba(47,111,230,.25) 35%, transparent 70%),
    radial-gradient(1000px 800px at -10% 100%, rgba(37,96,176,.40) 0%, rgba(37,96,176,.22) 35%, transparent 70%),
    #0c0f15;

  filter: blur(40px);
}

/* Контент выше градиента */
body > * {
  position: relative;
  z-index: 1;
}