/* eQ-Genesis Login-Branding: Hero + Login LINKS + Andromeda-Nebel (ringsum) */
html, body, #root { background-color: transparent !important; }
body {
  background: #000 url("/branding/login-bg.jpg") top center / cover no-repeat fixed !important;
  min-height: 100vh;
}
#root, #root > div, #root .MuiGrid-container { background-color: transparent !important; }

.MuiAppBar-root, .MuiPaper-root.MuiAppBar-root { display: none !important; }
a[href*="authelia"] { display: none !important; }

.MuiContainer-root {
  position: absolute !important;
  top: 96px !important;
  left: 6vw !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
  width: min(92vw, 400px) !important;
  box-sizing: border-box !important;
  background-color: rgba(74, 80, 90, 0.66) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(160, 178, 192, 0.45) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5) !important;
  padding: 30px 28px !important;
  z-index: 1 !important;
}

/* Andromeda-Nebel: oben stark, links stark, rechts dezent, unten schwach */
.MuiContainer-root::before {
  content: "" !important;
  position: absolute !important;
  inset: -150px -150px -240px -300px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(closest-side at 36% 9%, rgba(185,120,250,1.0), transparent 72%),
    radial-gradient(closest-side at 58% 6%, rgba(120,110,240,1.0), transparent 72%),
    radial-gradient(closest-side at 76% 11%, rgba(60,162,250,0.95), transparent 72%),
    radial-gradient(closest-side at 26% 22%, rgba(170,110,240,0.85), transparent 72%),
    radial-gradient(closest-side at 28% 44%, rgba(218,95,208,0.90), transparent 72%),
    radial-gradient(closest-side at 30% 64%, rgba(150,95,225,0.55), transparent 74%),
    radial-gradient(closest-side at 86% 42%, rgba(90,122,250,0.38), transparent 72%),
    radial-gradient(closest-side at 56% 44%, rgba(135,98,226,0.50), transparent 80%),
    radial-gradient(closest-side at 46% 74%, rgba(150,90,210,0.28), transparent 74%),
    radial-gradient(closest-side at 66% 76%, rgba(80,110,222,0.26), transparent 74%) !important;
  filter: blur(50px) !important;
}

#eq-lang-row { display:flex; gap:12px; justify-content:center; margin:0 0 16px 0; flex-wrap:wrap; }

.MuiContainer-root .MuiTypography-root { color: #f6f8fb !important; }
.MuiContainer-root label { color: #e0e7ee !important; }
.MuiContainer-root .MuiInputBase-input { color: #ffffff !important; }
.MuiContainer-root .MuiOutlinedInput-notchedOutline { border-color: rgba(205,216,226,0.6) !important; }
.MuiContainer-root .MuiButton-contained { background-color: #4EAD33 !important; color: #06210a !important; }
.MuiContainer-root #UserSvg { color: #4EAD33 !important; }