/* Login / 2FA · subtil belebter Hintergrund
   Ruhiges Punkt-/Linienraster + leichte Glow-Flächen, damit der Außenraum
   bewusst gestaltet wirkt, ohne vom Formular abzulenken. */

body.workspace-pro.auth-page {
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(68, 163, 116, .11), transparent 24%),
    radial-gradient(circle at 86% 20%, rgba(63, 118, 165, .08), transparent 22%),
    radial-gradient(circle at 50% 82%, rgba(72, 146, 107, .06), transparent 18%),
    #070a0d;
}

body.workspace-pro.auth-page::before,
body.workspace-pro.auth-page::after {
  position: fixed;
  inset: 0;
  content: "";
  pointer-events: none;
  z-index: 0;
}

body.workspace-pro.auth-page::before {
  background:
    linear-gradient(rgba(126, 214, 170, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 214, 170, .022) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at center, rgba(0,0,0,1), rgba(0,0,0,.35) 70%, transparent 100%);
}

body.workspace-pro.auth-page::after {
  background:
    radial-gradient(circle at 16% 28%, rgba(135, 223, 181, .08), transparent 18%),
    radial-gradient(circle at 82% 72%, rgba(117, 167, 214, .06), transparent 16%),
    radial-gradient(circle at 72% 12%, rgba(135, 223, 181, .045), transparent 12%);
  filter: blur(10px);
  opacity: .9;
}

body.workspace-pro.auth-page main,
body.workspace-pro.auth-page .auth-shell,
body.workspace-pro.auth-page .workspace-auth-shell {
  position: relative;
  z-index: 1;
}

body.workspace-pro.auth-page .workspace-auth-shell {
  box-shadow:
    0 26px 80px rgba(0, 0, 0, .40),
    0 0 0 1px rgba(122, 164, 138, .05);
}

body.workspace-pro.auth-page .workspace-auth-aside {
  position: relative;
}

body.workspace-pro.auth-page .workspace-auth-aside::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0 0, rgba(117, 216, 164, .08), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.015), transparent 38%);
  content: "";
  pointer-events: none;
}

body.workspace-pro.auth-page .workspace-auth-aside::after {
  position: absolute;
  right: 34px;
  bottom: 30px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(135, 223, 181, .11);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  opacity: .8;
}

body.workspace-pro.auth-page .workspace-auth-shell .auth-card {
  position: relative;
}

body.workspace-pro.auth-page .workspace-auth-shell .auth-card::after {
  position: absolute;
  top: 32px;
  right: 36px;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(126, 214, 170, .06);
  border-radius: 18px;
  content: "";
  pointer-events: none;
  transform: rotate(16deg);
}

@media (max-width: 760px) {
  body.workspace-pro.auth-page::before {
    background-size: 34px 34px;
    opacity: .65;
  }

  body.workspace-pro.auth-page .workspace-auth-aside::after,
  body.workspace-pro.auth-page .workspace-auth-shell .auth-card::after {
    display: none;
  }
}