.login-shell{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;max-width:none;min-height:100svh;padding:56px 24px;overflow:hidden;background:radial-gradient(ellipse at 50% -15%,#76132280,transparent 55%),radial-gradient(ellipse at 100% 90%,#26102880,transparent 50%),#09090c}
.login-shell::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff03 30.1%,transparent 30.3%,transparent 70%,#ffffff03 70.1%,transparent 70.3%);pointer-events:none}
.login-shell .login-card{width:100%;max-width:440px;padding:0;background:none;border:0;box-shadow:none;text-align:center}
.login-logo{height:122px;display:flex;justify-content:center;align-items:center;margin:0 auto 38px;max-width:340px}
.login-logo img{width:100%;height:100%;object-fit:contain}
#defaultLoginLogo{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center;text-align:left}
.logo-symbol{grid-row:span 2;display:grid;place-items:center;width:58px;height:62px;color:white;background:linear-gradient(135deg,#ff394b,#b5001c);border-radius:17px;box-shadow:0 8px 40px #e5091430;font-size:24px}
#defaultLoginLogo strong{font-size:34px;font-weight:900;line-height:1;letter-spacing:-1.6px;color:#fff}
#defaultLoginLogo strong span{font-weight:400;color:#f44e60}
#defaultLoginLogo small{margin-top:9px;letter-spacing:4px;font-size:9px;color:#a2a2ae}
.login-shell .login-card>.eyebrow{font-size:9px;letter-spacing:2.3px;color:#bd858d}
.login-shell .login-card h1{font-size:clamp(28px,3.2vw,37px);letter-spacing:-1.4px;line-height:1.2;margin:18px -15px 14px;color:#faf9fb}
.login-card h1 em{font-style:normal;color:#ff465b}
.login-shell .login-card>p{color:#93939f;font-size:14px;line-height:1.7}
.login-shell #loginForm{text-align:left;margin:35px 0 23px;gap:20px}
.login-shell #loginForm label{font-size:12px;font-weight:600;color:#d6d4dc}
.login-shell #loginForm input{min-height:54px;background:#17171d;border:1px solid #303039;border-radius:10px;padding:15px 16px;font-size:16px;color:#fff;transition:border-color .2s,box-shadow .2s}
.login-shell #loginForm input:focus{outline:none;border-color:#f03e55;box-shadow:0 0 0 3px #f03e551c}
.login-shell #loginForm .primary{min-height:54px;border-radius:10px;background:linear-gradient(110deg,#ed1535,#cf0621);box-shadow:0 8px 30px #e5091425;font-size:14px;margin-top:7px}
.login-shell .login-card .small{font-size:12px;line-height:1.8;margin-bottom:30px}
.login-signature{padding-top:24px;border-top:1px solid #ffffff10;font-size:8px;letter-spacing:1.7px;color:#71717d;display:flex;align-items:center;justify-content:center;gap:8px}
.login-signature .dot{background:#ec2745;width:5px;height:5px;margin:0}
.identity-editor{max-width:800px;padding:28px;display:grid;gap:24px}
.identity-preview{min-height:190px;border:1px dashed #46414a;border-radius:14px;display:grid;place-items:center;background:repeating-conic-gradient(#1e1e25 0% 25%,#24242b 0% 50%) 50% / 24px 24px;padding:28px}
.identity-preview img{width:100%;height:160px;object-fit:contain}
.identity-editor form{display:grid;gap:18px;min-width:0}.identity-editor input{max-width:100%}.identity-editor button{justify-self:start}
@media(max-width:600px){.login-shell{padding:38px 24px;gap:0}.login-shell .login-card{padding:0;max-width:400px}.login-logo{height:100px;margin-bottom:30px;max-width:290px}.login-shell .login-card h1{margin-left:0;margin-right:0;font-size:28px}.login-shell .login-card>.eyebrow{font-size:8px;letter-spacing:1.6px}#defaultLoginLogo strong{font-size:29px}.identity-editor{padding:20px}.login-shell #loginForm{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.login-shell *{transition:none!important}}
.brand .sidebar-brand-default{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:32px;font-weight:900;letter-spacing:-2px;line-height:1}
.brand .sidebar-brand-default>span{font-size:9px;letter-spacing:1.3px;line-height:1.6;color:white;white-space:pre-line}
.brand .sidebar-brand-logo,.mobile-navigation-heading .sidebar-brand-logo{display:block;width:100%;max-width:170px;height:62px;object-fit:contain;object-position:left center}
.identity-editor+.identity-editor{margin-top:24px}
.home-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.has-custom-banner .cinema-hero-art{display:none}
.has-custom-banner:after{background:linear-gradient(90deg,#08080ced,#08080caa 42%,#08080c22 100%)}
@media(max-width:600px){.has-custom-banner:after{background:linear-gradient(90deg,#08080ce8,#08080c9c)}}