.dark-gradient-bg {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  width: 100%;
  background: #000;
}

.dark-gradient-bg__layers {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.dark-gradient-bg__base,
.dark-gradient-bg__streak,
.dark-gradient-bg__texture,
.dark-gradient-bg__dots,
.dark-gradient-bg__highlight {
  position: absolute;
  inset: 0;
}

.dark-gradient-bg__base {
  background: radial-gradient(100% 100% at 0% 0%, rgb(46, 46, 46) 0%, rgb(0, 0, 0) 100%);
  mask-image: radial-gradient(125% 100% at 0% 0%, #000 0%, rgb(0 0 0 / .224) 88.2883%, transparent 100%);
}

.dark-gradient-bg__streak {
  opacity: .02;
  background: linear-gradient(rgb(0, 207, 255) 0%, rgb(0 207 255 / 0) 100%);
  transform: skewX(45deg);
}

.dark-gradient-bg__streak:nth-child(1) {
  mask-image: linear-gradient(90deg, transparent 0%, #000 20%, transparent 36%, #000 55%, #00000021 67%, #000 78%, transparent 97%);
}

.dark-gradient-bg__streak:nth-child(2) {
  mask-image: linear-gradient(90deg, transparent 11%, #000 25%, #0000008c 41%, #00000021 67%, #000 78%, transparent 97%);
}

.dark-gradient-bg__streak:nth-child(3) {
  mask-image: linear-gradient(90deg, transparent 9%, #000 20%, #0000008c 28%, #0000006c 40%, #000 48%, #00000044 54%, #00000021 78%, #000 88%, transparent 97%);
}

.dark-gradient-bg__streak:nth-child(4) {
  mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #0000008c 26%, #000 35%, transparent 47%, #00000021 69%, #000 79%, transparent 97%);
}

.dark-gradient-bg__streak:nth-child(5) {
  mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #0000008c 27%, #000 42%, transparent 48%, #00000021 67%, #000 74%, #000 82%, #00000078 88%, transparent 97%);
}

.dark-gradient-bg__texture {
  opacity: .05;
  background-image: url('https://cdn.21st.dev/assets/mirror/f5/f55dfc553c100e6da0ad95258a042b4100f0ff4bb03a5313d1f541984275e262.png');
  background-repeat: repeat;
  background-size: 149.76px;
}

.dark-gradient-bg__dots {
  opacity: .2;
  background-image: radial-gradient(circle at 1px 1px, rgb(255 255 255 / .5) 1px, transparent 0);
  background-size: 20px 20px;
}

.dark-gradient-bg__highlight {
  background: radial-gradient(ellipse at center, rgb(30 41 59 / .2), transparent 70%);
}

.dark-gradient-bg__content {
  position: relative;
  z-index: 1;
}