/* Only web navigation, document scrolling and platform membership additions. Native accounts.css is copied unchanged. */
@font-face{font-family:Azonix;src:url('/native-app/Azonix.otf') format('opentype');font-display:swap}
html,body{margin:0;min-height:100%;background:#071016}a{text-decoration:none}
#lumis-account-root:not(.la-show-welcome){position:relative;overflow:auto!important;touch-action:pan-y!important;min-height:100svh}
#lumis-account-root:not(.la-show-welcome) .la-shell{height:auto;min-height:100svh}
.lumis-accounts svg{display:block}.lumis-accounts .la-wordmark{aspect-ratio:1560/210}
#lumis-account-root .la-panel .la-apple svg{width:21px;height:21px;flex:none}
#lumis-account-root .la-panel a[data-privacy],#lumis-account-root .la-panel a[data-back-welcome]{text-transform:uppercase}
.platform-filmmaker{border-top:1px solid #21434d;margin-top:18px;padding-top:16px;text-align:center}.platform-filmmaker .la-button{width:fit-content;margin:auto}.platform-filmmaker .la-note{margin-top:8px!important}
#role-note:empty{display:none}#signed-in .la-button{margin:12px auto!important}#signed-in .la-link{display:block}#account-email{overflow-wrap:anywhere}
/* Let screen-blended artwork composite against the page after the entrance animation. A forwards-filled transform/opacity creates an isolated layer and exposes the PNG background. */
.lumis-accounts .la-welcome-content{animation-fill-mode:backwards}

/* Remove near-black background before screen blending; preserve luminous lettering. */
.lumis-accounts .la-wordmark{filter:contrast(1.2);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%)}