html {
  min-height: 100%;
  background:
    radial-gradient(circle at 18% 12%, rgba(224, 177, 90, 0.12), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(86, 132, 255, 0.10), transparent 30%),
    linear-gradient(135deg, #07090d 0%, #111827 52%, #050608 100%);
}

body {
  min-height: 100%;
  margin: 0;
  overflow: auto;
  background: transparent;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent 72%);
}

flt-glass-pane,
flutter-view {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  border-radius: 0;
  box-shadow: none;
  background: #10131b;
}

@media (max-width: 520px) {
  body::before {
    display: none;
  }
}