/* Fan30Tech test-access page background gradient | sit v81
   Applies only to templates/accounts/welcom-login-v12.html. */

html {
  background-color: #05070c;
}

body {
  background-color: #05070c;
}

/* Keep the decorative background above the page canvas and below the login card. */
.page-background {
  z-index: 0;
  background:
    radial-gradient(ellipse 72% 88% at 2% 56%, rgba(14, 85, 128, 0.34) 0%, rgba(8, 38, 61, 0.2) 35%, transparent 68%),
    radial-gradient(ellipse 68% 82% at 100% 52%, rgba(177, 119, 34, 0.28) 0%, rgba(82, 52, 17, 0.16) 39%, transparent 70%),
    radial-gradient(ellipse 58% 48% at 50% -8%, rgba(45, 102, 150, 0.22) 0%, transparent 72%),
    linear-gradient(118deg, #07131f 0%, #070b12 34%, #080808 57%, #151009 100%) !important;
}

/* A restrained vignette keeps the center readable without flattening the gradient. */
.page-background__overlay {
  background:
    radial-gradient(ellipse 62% 72% at 50% 48%, transparent 0%, rgba(2, 4, 8, 0.08) 58%, rgba(2, 3, 7, 0.42) 100%),
    linear-gradient(180deg, rgba(3, 6, 11, 0.08), rgba(3, 4, 7, 0.22)) !important;
}

/* The requested look is a clean gradient, without the old grid or separate glow blobs. */
.page-background__grid,
.page-background__glow {
  display: none !important;
}

.admin-login-page {
  position: relative;
  z-index: 1;
}

@media (max-width: 720px) {
  .page-background {
    background:
      radial-gradient(ellipse 94% 58% at 8% 18%, rgba(14, 82, 124, 0.3) 0%, transparent 70%),
      radial-gradient(ellipse 92% 62% at 100% 82%, rgba(164, 106, 29, 0.22) 0%, transparent 72%),
      linear-gradient(155deg, #07131f 0%, #070b11 48%, #120d08 100%) !important;
  }
}

@media (prefers-contrast: more) {
  .page-background__overlay {
    background: rgba(2, 3, 7, 0.2) !important;
  }
}