/* A fixed decorative layer avoids background-attachment issues on mobile. */
body.mb-page-background{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;background:#07131c}
body.mb-page-background::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#07131c;background-image:linear-gradient(rgba(7,19,28,var(--mb-page-darkness)),rgba(7,19,28,var(--mb-page-darkness))),var(--mb-page-image);background-position:center;background-size:cover;background-repeat:no-repeat}
.mb-background-login .auth-card{background:rgba(11,27,40,.97);box-shadow:0 24px 80px #0006}
.mb-background-account .account-header{background:rgba(7,19,28,.97)}
.mb-background-account .account-welcome{background:rgba(7,19,28,.94);padding:18px 23px;border:1px solid var(--line);border-radius:16px;margin:20px 0}
.mb-background-account .account-welcome .eyebrow{margin-top:0}
.mb-background-account .account-welcome h1{margin-bottom:0;overflow-wrap:anywhere}
.mb-background-account .account-main>footer{background:rgba(7,19,28,.94);padding:16px 20px;border-radius:12px;margin:24px 0}
.mb-background-account .account-main>a{display:inline-flex;background:var(--panel);padding:10px 14px;border:1px solid var(--line);border-radius:10px}
@media(max-width:650px){.mb-background-account .account-welcome{padding:18px}.mb-background-login .auth-card{box-shadow:0 12px 40px #0005}}