.zp-login{background:var(--g-00)}.zp-login-grid{width:min(100%,1680px);min-height:clamp(620px, calc(var(--z-vh) - var(--z-bar-h)), 1000px);grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);margin-inline:auto;display:grid}.zp-login-art{isolation:isolate;background:var(--n-100);position:relative;overflow:hidden}.zp-login-layer{opacity:0;transition:opacity .9s var(--ease-circ);position:absolute;inset:0}[data-branch=lore] .zp-login-layer--lore,[data-branch=arknights] .zp-login-layer--arknights,[data-branch=endfield] .zp-login-layer--endfield{opacity:1}.zp-login-bg{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.zp-login-layer--lore .zp-login-bg{opacity:.45;filter:saturate(.7)}.zp-login-layer--arknights{background:linear-gradient(90deg, var(--n-080), var(--n-130))}.zp-login-fig{max-width:none;height:150%;position:absolute;top:-22%;right:-8%}.zp-login-scrim{pointer-events:none;background:linear-gradient(90deg, var(--n-065-a0) 55%, var(--g-00) 100%), linear-gradient(0deg, var(--n-065-a90) 0%, var(--n-065-a0) 40%);position:absolute;inset:0}.zp-login-crop{left:var(--z-gutter);z-index:1;color:var(--g-7);font-size:min(150px,8.4cqw);position:absolute;bottom:28px}.zp-login-panel{padding:28px var(--z-gutter) 48px;background:var(--g-00);grid-template-rows:auto 1fr;gap:24px;display:grid;position:relative}.zp-login-home{min-height:44px;font:600 12px/1 var(--font-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--g-5);transition:color var(--t-fast) var(--ease-std);justify-self:start;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.zp-login-home:hover,.zp-login-home:focus-visible{color:var(--g-7)}.zp-login-body{align-self:center;gap:32px;width:min(420px,100%);display:grid}.zp-login-title{font-size:clamp(36px,4cqw,56px)}.zp-login-form{gap:22px;display:grid}.zp-login-field{gap:4px;display:grid}.zp-login-field .z-input{gap:8px}.zp-login-field input[aria-invalid=true]{color:var(--g-7)}.zp-login-show{cursor:pointer;min-height:44px;font:600 12px/1 var(--font-tech);letter-spacing:.12em;text-transform:uppercase;color:var(--g-5);transition:color var(--t-fast) var(--ease-std);background:0 0;border:0;flex:none;padding:0 4px}.zp-login-show:hover,.zp-login-show:focus-visible,.zp-login-show[aria-pressed=true]{color:var(--g-7)}.zp-login-submit{justify-self:start;min-width:160px;margin-top:6px}.zp-login-return{border-top:1px solid var(--g-3);flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;padding-top:20px;display:flex}.zp-login-return b{font:500 15px/1.3 var(--font-ui);color:var(--g-6);overflow-wrap:anywhere}@container frame (max-width:900px){.zp-login-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:0}.zp-login-art{height:240px}.zp-login-fig{height:260%;top:-40%;right:-30%}.zp-login-crop{font-size:calc((100cqw - 2 * var(--z-gutter)) / 5.3);bottom:16px}.zp-login-scrim{background:linear-gradient(0deg, var(--g-00) 0%, var(--n-065-a20) 60%)}.zp-login-panel{padding-top:12px}.zp-login-body{align-self:start}}@media (prefers-reduced-motion:reduce){.zp-login-layer{transition:opacity .2s linear}}