/* Base gradient background on the main wrapper */
#__next > div {
  background: radial-gradient(circle at top, #1c426f 0, #050811 70%) !important;
  color: var(--rw-offwhite, #f5f5f5) !important;
  text-rendering: geometricPrecision;
}

/* Grain texture overlay */
#__next > div::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  opacity: 0.16;
  mix-blend-mode: soft-light;
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.12) 1px,
    transparent 0
  );
  background-size: 3px 3px;
  z-index: 0;
}

/* Ensure main content is above the overlay */
#__next main {
  position: relative;
  z-index: 1;
}
