.numera-cine-auth .numera-cine-scene {
  isolation: isolate;
  background: #050711 !important;
  perspective: 1200px;
}

.numera-cine-auth .numera-cine-scene::before,
.numera-cine-auth .numera-cine-scene::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.numera-cine-auth .numera-cine-scene::before {
  z-index: 1;
  background: url("/assets/signin-earthrise.webp") right center / cover no-repeat;
  transform-origin: 83% 25%;
  transform: scale(1.04);
}

.numera-cine-auth .numera-cine-scene::after {
  z-index: 2;
  background: linear-gradient(90deg, #050711a6, transparent 60%),
    radial-gradient(ellipse at 94% 13%, #ffc58536, transparent 29%);
}

@media (prefers-reduced-motion: no-preference) {
  .numera-cine-auth .numera-cine-scene::before {
    animation: signin-earthrise-camera 4.8s cubic-bezier(.16, .65, .26, 1) both;
  }

  .numera-cine-auth .numera-cine-scene::after {
    animation: signin-earthrise-light 4.8s ease-out both;
  }
}

@keyframes signin-earthrise-camera {
  from { transform: translate3d(1%, 1%, 52px) rotate(-.9deg) scale(1.08); }
  to { transform: scale(1.04); }
}

@keyframes signin-earthrise-light {
  from { opacity: .35; }
  to { opacity: 1; }
}

@media (max-width: 760px) {
  .numera-cine-auth .numera-cine-scene::before {
    background-position: 77% center;
  }

  .numera-cine-auth .numera-cine-scene::after {
    background: linear-gradient(180deg, #0507113d, #050711b8 72%, #050711eb);
  }
}