.landing-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: #11130d;
    pointer-events: none;
}
.landing-background--login { position: fixed; }
.landing-background__poster,
.landing-background__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.landing-background__video { opacity: 0; transition: opacity 700ms ease; }
.landing-background.is-playing .landing-background__video { opacity: 1; }
.landing-background__overlay { position: absolute; inset: 0; }
.landing-background--home .landing-background__overlay {
    background:
        linear-gradient(90deg, rgba(8, 12, 9, .88) 0%, rgba(8, 12, 9, .70) 36%, rgba(8, 12, 9, .23) 76%, rgba(8, 12, 9, .18) 100%),
        linear-gradient(0deg, rgba(8, 12, 9, .50), transparent 35%, transparent 75%, rgba(8, 12, 9, .15));
}
.landing-background--login .landing-background__overlay {
    background:
        radial-gradient(ellipse at 50% 45%, rgba(12, 18, 13, .16), rgba(7, 13, 9, .70) 100%),
        linear-gradient(135deg, rgba(14, 28, 19, .35), rgba(36, 28, 8, .25));
}
.landing-background__toggle {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    pointer-events: auto;
    padding: .55rem .85rem;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 999px;
    background: rgba(8, 12, 9, .65);
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
    backdrop-filter: blur(12px);
}
.landing-background__toggle:hover { background: rgba(8, 12, 9, .85); }
.landing-background__toggle:focus-visible { outline: 2px solid #facc15; outline-offset: 4px; }
.landing-background__toggle[hidden] { display: none; }
@media (max-width: 640px) {
    .landing-background--home .landing-background__overlay {
        background: linear-gradient(90deg, rgba(8, 12, 9, .82), rgba(8, 12, 9, .52)),
            linear-gradient(0deg, rgba(8, 12, 9, .40), transparent 50%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .landing-background__video { display: none; transition: none; }
    .landing-background__toggle { display: none; }
}