/* C1/C2: заставка Lottie на Login — вынесено из site.css; градиент из foundation-токенов. */

.zen-login-splash {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 1.5rem;
    background: linear-gradient(
        145deg,
        var(--vd-login-splash-gradient-from),
        var(--vd-login-splash-gradient-to)
    );
    backdrop-filter: blur(var(--vd-login-splash-backdrop-blur));
    -webkit-backdrop-filter: blur(var(--vd-login-splash-backdrop-blur));
}

.zen-login-splash-lottie {
    width: min(280px, 72vw);
    height: min(280px, 72vw);
    max-width: 100%;
}

.zen-login-main-pending {
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
}

.zen-login-main-ready {
    visibility: visible;
    position: static;
    opacity: 1;
    pointer-events: auto;
}