/* Separate visual layer; existing Astro CSS and form layout stay untouched. */
:root { background: #020408; }
#forte-globe {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}
.shell { position: relative; z-index: 2; }
.auth { position: relative; isolation: isolate; }
.auth::before {
  content: "";
  position: absolute;
  inset: -64px -100px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse, rgb(2 4 8 / 88%) 0%, rgb(2 4 8 / 64%) 38%, transparent 72%);
}
@media (max-width: 480px) {
  .auth::before { inset: -60px -24px; }
}
@media (forced-colors: active) {
  #forte-globe, .auth::before { display: none; }
}