/* TCVM-R Authelia login background (D-039) — VISUAL ONLY. Same-origin stylesheet (CSP style-src 'self').
   Dark particle field behind the existing Authelia login card. Touches no form/input/auth element. */
html, body {
  background: #05060f !important;
  background-image: linear-gradient(0deg, rgba(216,236,248,.06), rgba(152,192,239,.06)) !important;
}
/* full-page canvas the bg.js script injects; sits behind everything, never captures clicks */
#tcvmr-bg {
  position: fixed; inset: 0; width: 100vw; height: 100vh;
  z-index: 0; pointer-events: none;
}
/* soft top spotlight glow (CSS only) */
body::before {
  content: ""; position: fixed; top: -28vh; left: 50%; transform: translateX(-50%);
  width: 90vw; height: 80vh; pointer-events: none; z-index: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(124,145,182,.16), transparent 72%);
  filter: blur(22px);
}
/* let the Authelia app container show the canvas through it; the login card keeps its OWN background
   and stacks above (it is inside #root). We only make the page-level background transparent. */
#root { background: transparent !important; position: relative; z-index: 1; }