/* Decorative light behind the login content; never intercepts input. */
body.rc-auth-login #content {
    position: relative;
    isolation: isolate;
}

.rc-login-aurora {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.rc-login-aurora::before,
.rc-login-aurora::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(220px, 38vw, 560px);
    height: clamp(220px, 42vh, 440px);
    background: radial-gradient(ellipse at center, #FEEBDD 0%, rgba(254, 235, 221, 0.6) 30%, rgba(254, 235, 221, 0) 70%);
    animation: rc-aurora-drift 18s ease-in-out infinite alternate;
}

.rc-login-aurora::after {
    background: radial-gradient(ellipse at center, #FEEBDD 0%, rgba(254, 235, 221, 0.45) 28%, rgba(254, 235, 221, 0) 70%);
    animation-duration: 24s;
    animation-delay: -8s;
    animation-direction: alternate-reverse;
    opacity: 0.8;
}

@keyframes rc-aurora-drift {
    0% { transform: translate3d(-15%, 8vh, 0) rotate(-8deg); }
    50% { transform: translate3d(calc(50vw - 50%), 50vh, 0) rotate(6deg); }
    100% { transform: translate3d(calc(100vw - 85%), 12vh, 0) rotate(-4deg); }
}

@media (prefers-reduced-motion: reduce) {
    .rc-login-aurora::before,
    .rc-login-aurora::after {
        animation: none;
        transform: translate3d(calc(50vw - 50%), 25vh, 0);
    }
}