.responsive-background{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}.responsive-background .hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.responsive-background video[controls]{pointer-events:auto}.account-page-container.has-background{position:relative;isolation:isolate}.account-page-container.has-background .account-box{position:relative;z-index:1;background:var(--bg,#fff)}.login-background{position:fixed;inset:0;z-index:0}.login-background:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}.login-box{position:relative;z-index:1}
.account-main{display:flex;flex-direction:column}
.account-main .account-page-container.has-background{flex:1;width:100%;max-width:none;min-height:600px;margin:0;padding:48px max(24px,8vw) 112px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.account-main .account-page-container.has-background::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.12);pointer-events:none}
.account-main .account-page-container.has-background .account-box{z-index:2;width:min(100%,420px);background:var(--bg,#fff);box-shadow:0 16px 48px rgba(0,0,0,.18)}
.account-background-page{position:relative}
.account-background-page .site-footer{position:absolute;right:0;bottom:0;left:0;z-index:3}
@media(max-width:768px){.account-main .account-page-container.has-background{min-height:calc(100svh - 150px);padding:32px 16px 132px;justify-content:center}.account-main .account-page-container.has-background .account-box{max-width:400px}}