#webgl-container {
    isolation: isolate;
    contain: strict;
    background-image:
        radial-gradient(circle at 74% 42%, rgba(74, 45, 145, .14), transparent 34%),
        url("./login_robot_half_kneel_poster.webp");
    background-position: center, 58% center;
    background-repeat: no-repeat;
    background-size: cover, cover;
}

#webgl-container canvas {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .38s ease;
}

#webgl-container.robot-scene-ready {
    background-image:
        radial-gradient(circle at 74% 42%, rgba(74, 45, 145, .14), transparent 34%);
}

#webgl-container.robot-scene-ready canvas {
    opacity: 1;
}

#webgl-container.robot-scene-loading,
#webgl-container.robot-scene-fallback {
    background-image:
        radial-gradient(circle at 74% 42%, rgba(74, 45, 145, .14), transparent 34%),
        url("./login_robot_half_kneel_poster.webp");
}

.login-cursor-light {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, .98) 0 4%,
            rgba(132, 244, 255, .86) 10%,
            rgba(104, 183, 255, .48) 23%,
            rgba(156, 93, 255, .25) 46%,
            rgba(73, 29, 153, 0) 74%
        );
    filter: drop-shadow(0 0 5px rgba(93, 224, 255, .7));
}

@media (max-width: 820px) {
    .lp-left {
        min-height: 760px;
    }

    .lp-right {
        height: auto;
        justify-content: flex-start;
    }

    #webgl-container {
        opacity: .58;
        background-position: center, 60% center;
    }
}

@media (max-width: 520px) {
    #webgl-container {
        opacity: .34;
        background-position: center, 58% center;
    }
}

@media (prefers-reduced-motion: reduce) {
    #webgl-container canvas {
        transition: none;
    }

    .login-cursor-light {
        display: none;
    }
}