html,
body {
  background-color: #0b1638;
}

html::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      180deg,
      #0b1638 0%,
      #10245a 45%,
      #0b1638 100%
    ),
    url("images/noise.png");
  background-repeat: repeat;
}


.rules-bg {
  position: relative;
  min-height: 100vh;
  background:
    linear-gradient(
      180deg,
      #0b1638 0%,
      #10245a 45%,
      #0b1638 100%
    ),
    url("images/noise.png");
  background-blend-mode: overlay;
  background-repeat: repeat;
}


.rules-bg .u-sheet {
  background: transparent !important;
}

.rules-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at top,
    rgba(80, 255, 200, 0.08),
    transparent 55%
  );
}

.rules-section {
  padding: 32px 0;
}

.rules-section + .rules-section {
  border-top: none;
  position: relative;
}

.rules-section + .rules-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: radial-gradient(
    ellipse at center,
    rgba(80, 255, 200, 0.25),
    transparent 70%
  );
}


.rules-bg h2 {
  margin-top: 48px;
}

.rules-bg ul {
  margin-bottom: 24px;
}

.rules-bg h1 {
  margin-top: 24px;
}

.rules-bg h3 {
  margin-top: 24px;
}