/* Provision login brand stage (admin login only). Scoped to .authentication-bg--brand. */
.authentication-bg.authentication-bg--brand {
    position: relative;
    overflow: hidden;
    background-color: #0A1226;
    background-image: radial-gradient(ellipse at 58% 45%, #16244A 0%, #0A1226 72%);
}

.pv-brand-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    contain: layout paint;
}

.pv-brand-svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Only the six domain hit areas take the pointer, and only while the animation is live. */
.pv-brand-stage.pv-live .pv-hit {
    pointer-events: all;
}

/* Keep the quiet zone on the form-facing side; the symbol itself is never mirrored. */
html[dir="rtl"] .pv-brand-svg .pv-shift {
    transform: translate(-40px, 0);
}

@media (prefers-reduced-motion: reduce) {
    .authentication-bg.authentication-bg--brand {
        animation: none;
    }
}