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

body {
  background: #05070d url('/custom/authelia-bg.png') center center / cover no-repeat fixed !important;
}

/* затемнение поверх фона */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(5, 7, 13, 0.50);
  pointer-events: none;
  z-index: 0;
}

/* интерфейс поверх фона */
#root {
  position: relative;
  z-index: 1;
}

/* стеклянная карточка входа */
[class*="MuiPaper-root"],
[class*="MuiCard-root"] {
  background: rgba(10, 14, 24, 0.76) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.55);
}

/* чуть ярче ссылки */
a {
  color: #7fdcff !important;
}