.page-top {
  --page-top-body-color: #bed8ed;
  position: relative;
  isolation: isolate;
  color: #f1f7fb;
  background:
    radial-gradient(ellipse 55% 480px at 50% 220px, #22d3ee20, transparent 72%),
    radial-gradient(ellipse 45% 660px at 84% 140px, #2563eb30, transparent 75%),
    radial-gradient(ellipse 40% 450px at 8% 0, #06b6d41c, transparent 72%),
    linear-gradient(180deg, #03101f, var(--night) 88%);
}
.page-top :focus-visible { outline-color: var(--cyan); }
.page-top-content {
  position: relative;
  z-index: 1;
  width: min(760px, calc(100% - 2 * var(--gutter)));
  margin-inline: auto;
  padding-block: clamp(48px, 8vw, 96px);
}
.page-top h1, .page-top strong { color: #f1f7fb; }
.page-top p { color: var(--page-top-body-color); }