/* Matrix rain backdrop for the Authelia login page (auth.jackykeung.com).
   Injected via nginx sub_filter; served same-origin so CSP 'self' allows it. */

/* Let the fixed canvas show through behind the whole page. */
html, body { background: transparent !important; }

/* The digital-rain canvas sits behind all page content. */
#matrix-rain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  display: block;
  opacity: .5;
}

/* Push Authelia's own mail / login content above the canvas.
   (Elements that establish their own stacking are unaffected; this is a baseline.) */
#matrix-rain ~ * { position: relative; z-index: 1; }

/* Gentle green glow so the login card feels set inside the rain. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 30%, rgba(0, 255, 65, .10), transparent 60%);
}

/* Hide the "Powered by Authelia" branding link (anti-fingerprint / security). */
a[href*="authelia"] { display: none !important; }

/* Authenticated portal: drop the rain + optional glow and restore a solid dark bg. */
body.portal { background: #0d0d0f !important; }
body.portal #matrix-rain, body.portal::after { display: none !important; }