html,
body {
  min-height: 100%;
}

body {
  background: #020403 !important;
}

body::before {
  content: none;
  position: fixed;
  inset: -18px;
  z-index: -2;
  pointer-events: none;
  filter: blur(3px) saturate(0.82) brightness(0.72);
  transform: scale(1.02);
  background:
    linear-gradient(90deg, rgba(1, 6, 4, 0.88), rgba(1, 8, 4, 0.56), rgba(1, 6, 4, 0.88)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.9)),
    url("/dragon-hosting-background.png") center center / min(92vw, 1500px) auto no-repeat;
}

body::after {
  content: none;
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 30%, rgba(81, 255, 0, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.42));
}

img[src*="dragon-hosting-logo"],
img[alt*="FeatherPanel"],
img[alt*="Dragon"] {
  object-fit: contain;
}

[style*="dragon-hosting-background"],
[style*="dragon-hosting-background.png"] {
  background-image: none !important;
}