.mx-splash {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow-y: auto;
  background:
    radial-gradient(ellipse 80% 60% at 22% 100%, rgba(0, 200, 255, 0.28), transparent 60%),
    radial-gradient(ellipse 70% 60% at 85% 8%, rgba(91, 33, 182, 0.30), transparent 55%),
    radial-gradient(ellipse 120% 90% at 50% 50%, #0f1626 0%, #070b16 70%, #05070f 100%);
  font-family: Inter, system-ui, sans-serif;
}

.mx-splash::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 22%, rgba(255, 255, 255, 0.9), transparent),
    radial-gradient(1.5px 1.5px at 78% 14%, rgba(255, 255, 255, 0.7), transparent),
    radial-gradient(1px 1px at 35% 65%, rgba(255, 255, 255, 0.7), transparent),
    radial-gradient(1px 1px at 62% 80%, rgba(0, 200, 255, 0.8), transparent),
    radial-gradient(1.5px 1.5px at 88% 60%, rgba(255, 255, 255, 0.6), transparent),
    radial-gradient(1px 1px at 20% 85%, rgba(255, 255, 255, 0.6), transparent),
    radial-gradient(1px 1px at 50% 30%, rgba(255, 255, 255, 0.5), transparent),
    radial-gradient(1.5px 1.5px at 8% 55%, rgba(0, 200, 255, 0.6), transparent);
}

.mx-splash .mx-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 380px;
}