body {
  background: #060a17;
  --mx: 50%;
  --my: 40%;
}

.bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(600px 600px at var(--mx) var(--my), rgba(140, 190, 255, 0.35), transparent 60%),
    radial-gradient(900px 700px at calc(100% - var(--mx)) calc(100% - var(--my)), rgba(120, 160, 255, 0.18), transparent 65%),
    radial-gradient(1200px 900px at 20% 10%, rgba(80, 120, 220, 0.25), transparent 55%),
    radial-gradient(1000px 800px at 85% 85%, rgba(60, 90, 190, 0.22), transparent 55%),
    linear-gradient(160deg, #060a17 0%, #0a1330 45%, #101c45 75%, #182a5e 100%);
}

.stars {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image:
    radial-gradient(1.5px 1.5px at 10% 20%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 80% 15%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 30% 80%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 90% 60%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.5px 1.5px at 45% 35%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 15% 55%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1.5px 1.5px at 70% 90%, rgba(255,255,255,0.4), transparent);
  opacity: 0.8;
}

.bg,
.stars {
  pointer-events: none;
}

.card {
  z-index: 1;
}