/* =====================================================================
   aurora-bg.css , Container + Vignette fuer den Aurora-Hintergrund.
   Nur auf der Login-/Index-Seite eingebunden. Reversibel.
   ===================================================================== */
#aurora-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: radial-gradient(ellipse 130% 85% at 50% 120%, #1a1206 0%, #0C0907 58%);
}
#aurora-bg canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
/* Vignette: Raender + oben/unten abdunkeln, Mitte bleibt lesbar fuers Formular */
#aurora-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 52% at 50% 44%, rgba(12,9,7,0) 0%, rgba(12,9,7,0.45) 62%, rgba(12,9,7,0.80) 100%),
    linear-gradient(180deg, rgba(12,9,7,0.55) 0%, transparent 22%, transparent 78%, rgba(12,9,7,0.45) 100%);
}
/* reduced-motion oder kein WebGL: ruhiger statischer Gold-Schimmer */
#aurora-bg.aurora-static {
  background:
    radial-gradient(ellipse 85% 55% at 50% 102%, rgba(254,218,3,0.12) 0%, transparent 60%),
    radial-gradient(ellipse 130% 85% at 50% 120%, #1a1206 0%, #0C0907 58%);
}

/* Login-Integration: Aurora ersetzt den alten gruenen Grid-Hintergrund */
.login-page { background: radial-gradient(ellipse 130% 85% at 50% 120%, #1a1206 0%, #0C0907 58%) !important; }
.login-page::before { display: none !important; }
.login-page > .login-bg-grid { display: none !important; }
.login-page > #aurora-bg { position: absolute; }
.login-page > .login-card { z-index: 2; }

/* Login-CI: gruene Alt-Akzente auf Sonnenexpert-Gold ziehen */
.login-page .login-btn { background: linear-gradient(135deg,#FEDA03 0%,#E5C230 100%) !important; color:#1a1500 !important; border:none !important; box-shadow:0 10px 26px -10px rgba(254,218,3,.45) !important; }
.login-page .login-btn:hover { filter:brightness(1.05); }
.login-page .login-btn-arrow { color:#1a1500 !important; }
.login-page .login-tab.active { color:#FEDA03 !important; border-color:#FEDA03 !important; }
.login-page .login-card { border-color: rgba(254,218,3,.16) !important; }
.login-page .login-card:before { background: linear-gradient(90deg,transparent,rgba(254,218,3,.5),transparent) !important; }