html, body {
  height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  background-color: #05070b;
  background-image:
    radial-gradient(900px 700px at 18% 12%, rgba(20,184,166,.16), transparent 60%),
    radial-gradient(900px 700px at 82% 28%, rgba(34,197,94,.18), transparent 58%),
    radial-gradient(1100px 800px at 50% 100%, rgba(16,185,129,.12), transparent 55%),
    linear-gradient(180deg, #061118, #05070b 45%, #0a2c2a);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    1200px 900px at 50% 0%,
    rgba(0,0,0,0),
    rgba(0,0,0,.55)
  );
}