@charset "utf-8";

body {
  min-height: 100vh;
  background:
    radial-gradient(900px 520px at 50% 12%, rgba(161, 0, 255, .28), transparent 62%),
    radial-gradient(760px 500px at 78% 34%, rgba(217, 164, 65, .16), transparent 58%),
    radial-gradient(660px 460px at 15% 76%, rgba(123, 0, 201, .26), transparent 65%),
    linear-gradient(135deg, #030006 0%, #0A0011 38%, #1A002B 72%, #040006 100%);
}

body::before {
  content: "";
  position: fixed;
  inset: -20%;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(115deg, transparent 0 28%, rgba(244, 239, 225, .06) 29%, transparent 31% 100%),
    radial-gradient(circle at 52% 28%, rgba(244, 239, 225, .12) 0%, rgba(244, 239, 225, 0) 48%),
    radial-gradient(circle at 72% 52%, rgba(180, 0, 255, .20) 0%, rgba(180, 0, 255, 0) 55%);
  filter: blur(8px);
}

body::after {
  content: "";
  position: fixed;
  inset: -20%;
  pointer-events: none;
  z-index: -2;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 120px),
    radial-gradient(80% 40% at 12% 72%, rgba(161, 0, 255, .22), transparent 62%),
    radial-gradient(70% 35% at 82% 60%, rgba(217, 164, 65, .14), transparent 68%);
  filter: blur(2px);
}

.footer {
  margin: 32px 0 12px;
  color: var (--muted);
  font-size: 1rem;
  text-align: center;
}