#loginGate{--login-ink: #193456;--login-blue: var(--bs-primary, #2868d8);--login-muted: var(--dxz-muted, #5d6d83);padding:44px 48px;background:linear-gradient(90deg,#edf4ff,#f4f8ff 54%,#fff 54% 100%)}#loginGate:before{content:"";position:absolute;inset:0 46% 0 0;pointer-events:none;background-image:linear-gradient(#2868d805 1px,transparent 1px),linear-gradient(90deg,#2868d805 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,transparent,#000 35%,#000 75%,transparent)}#loginGate .login-layout{position:relative;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:clamp(52px,6.5vw,104px);width:min(1120px,100%);min-height:650px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}#loginGate .login-story{min-width:0;align-self:stretch;padding:0;background:transparent;overflow:visible}#loginGate .login-story:after{display:none}#loginGate .login-brand{gap:12px;width:fit-content}#loginGate .login-brand img{width:44px;height:44px;border-radius:12px;box-shadow:none}#loginGate .login-brand>span{color:var(--login-ink);font-size:21px;font-weight:700;letter-spacing:-.5px;line-height:1.25}#loginGate .login-brand small{margin-top:5px;color:var(--login-muted);font-size:11px;letter-spacing:1.6px}#loginGate .login-story-copy{margin:66px 0 34px}#loginGate .login-story-copy .eyebrow{display:flex;align-items:center;gap:8px;color:var(--login-blue);font-size:12px;font-weight:500;letter-spacing:1.4px}#loginGate .login-story-copy .eyebrow i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #2868d80b}#loginGate .login-story-copy h1{margin:20px 0 21px;color:var(--login-ink);font-size:clamp(38px,3.55vw,50px);font-weight:650;line-height:1.35;letter-spacing:-1.7px}#loginGate .login-story-copy h1 em{color:var(--login-blue);font-style:normal}#loginGate .login-story-copy p{color:var(--login-muted);font-size:14px;line-height:1.9}#loginGate .login-creation-visual{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:end;gap:5px;width:min(440px,100%);margin:0 0 24px}#loginGate .login-creation-visual>div{min-width:0}#loginGate .login-visual-label{display:block;margin-bottom:11px;color:#667c98;font-size:11px;letter-spacing:.5px}#loginGate .login-visual-connector{display:grid;height:84px;place-items:center;color:#8da9ce;font-size:19px}#loginGate .login-asset-stack{height:84px;position:relative}#loginGate .login-asset-stack i{position:absolute;top:6px;left:7px;display:block;width:69px;height:72px;border:1px solid #cadbf2;border-radius:8px;background:#fff;transform:rotate(-9deg);box-shadow:0 4px 8px #27456e05}#loginGate .login-asset-stack i:nth-child(2){left:18px;top:2px;transform:rotate(3deg);background:#e3edfb}#loginGate .login-asset-stack i:nth-child(3){top:7px;left:30px;transform:rotate(10deg);background:linear-gradient(145deg,transparent 47%,#ccdbed 48%,#dce8f5 68%,#eef4fb 69%),#fff}#loginGate .login-asset-stack i:nth-child(3):before{content:"";position:absolute;left:11px;top:12px;width:12px;height:12px;border-radius:50%;background:#bad0ed}#loginGate .login-plan-lines{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;height:84px;padding:19px 18px;border:1px solid #cadbf2;border-radius:9px;background:#ffffffbd}#loginGate .login-plan-lines i{display:block;height:4px;width:58%;border-radius:4px;background:#bbd0ee}#loginGate .login-plan-lines i:first-child{width:72%;background:#789ed4}#loginGate .login-plan-lines i:nth-child(3){width:42%}#loginGate .login-plan-lines b{position:absolute;right:10px;bottom:12px;color:var(--login-blue);font-size:20px;font-weight:400}#loginGate .login-result-canvas{position:relative;height:84px;overflow:hidden;border:1px solid #2868d8;border-radius:9px;background:#2868d8}#loginGate .login-result-canvas:before{content:"";position:absolute;width:74px;height:74px;border:1px solid #ffffff38;border-radius:50%;right:-16px;top:-25px}#loginGate .login-result-canvas i{position:absolute;width:34px;height:48px;right:15px;top:24px;border:1px solid #fff8;border-radius:7px 7px 11px 11px;transform:rotate(12deg);background:linear-gradient(120deg,#fff,#dae7ff);box-shadow:0 4px 10px #153e872b}#loginGate .login-result-canvas i:before{content:"";position:absolute;height:6px;left:7px;right:7px;top:-5px;border-radius:2px;background:#b0cdf7}#loginGate .login-result-canvas b,#loginGate .login-result-canvas>span{position:absolute;left:12px;top:19px;width:29px;height:5px;border-radius:3px;background:#fff}#loginGate .login-result-canvas>span{top:30px;width:21px;height:3px;background:#ffffff73}#loginGate .login-steps{flex-direction:row;gap:0;width:min(440px,100%);margin:0}#loginGate .login-steps>span{flex:1;font-size:11px;white-space:nowrap}#loginGate .login-steps>span:last-child{text-align:right}#loginGate .login-steps>span:nth-child(2){text-align:center}#loginGate .login-steps b{display:inline;width:auto;height:auto;margin-right:5px;border:0;border-radius:0;background:none;color:#8ba0bc;font-size:10px;font-weight:500}#loginGate .login-story-foot{padding-top:40px;color:#7b8da5;font-size:11px;letter-spacing:.5px}#loginGate :is(#loginForm,#casdoorLogin){--dxz-control-height: 44px;min-width:0;align-self:center;margin:0;padding:38px 34px 27px;border:1px solid #dfe7f3;border-radius:16px;background:#fff;box-shadow:0 12px 40px #224a8110,0 2px 6px #224a8104}#loginGate .login-mark{display:none}#loginGate .login-kicker{margin-bottom:9px;color:var(--login-blue);font-size:12px;letter-spacing:1px}#loginGate :is(#loginForm,#casdoorLogin) h2{margin:0;color:var(--login-ink);font-size:26px;line-height:1.4;font-weight:650;letter-spacing:-.7px}#loginGate .login-description{margin:13px 0 27px;color:var(--login-muted);font-size:12px;line-height:1.85}#loginGate :is(#loginForm,#casdoorLogin) label{margin:0 0 18px;color:var(--login-ink);font-size:12px;font-weight:500}#loginGate :is(#loginForm,#casdoorLogin) input{margin-top:8px}#loginGate #loginForm>button{justify-content:space-between;margin-top:25px}#loginGate #loginForm>button span{font-size:18px}#loginGate .login-note{margin-top:25px;padding-top:20px;border-color:#edf1f7;font-size:11px;text-align:left}#loginGate .login-note span{margin-right:5px;background:#edf4ff;color:var(--login-blue)}#loginGate .login-version{margin-top:19px;color:#8492a6;font-size:10px;letter-spacing:.2px;text-align:left}#loginGate :is(#loginError,.casdoor-login-error):not(:empty){margin:14px 0 0;padding:10px 12px;border-radius:8px;background:var(--danger-soft, #fff0f2);color:var(--danger, #b53a50);overflow-wrap:anywhere}#loginGate .casdoor-actions{gap:10px}#loginGate .casdoor-actions .primary{justify-content:space-between}#loginGate .casdoor-login-status:not(:empty){margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#edf4ff;color:#365e98;overflow-wrap:anywhere}#loginGate .casdoor-popup-fallback{margin:12px 0 0;overflow-wrap:anywhere}#loginGate .casdoor-popup-fallback a{color:var(--login-blue)}#loginGate .casdoor-migration{margin-top:23px;padding-top:18px;border-top-color:#edf1f7}#loginGate .casdoor-migration[open] summary{margin-bottom:12px}#loginGate .casdoor-migration summary{color:var(--login-muted)}#loginGate .casdoor-migration p{margin:12px 0 16px}#loginGate .casdoor-migration form{margin:0}#loginGate .casdoor-migration .casdoor-migration-continue{margin-bottom:0}#loginGate.has-inline-auth .login-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;width:min(1180px,100%)}#loginGate.has-inline-auth .login-story{align-self:start;min-height:650px}#loginGate.has-inline-auth #casdoorLogin{padding:28px 28px 23px}#loginGate .casdoor-inline-heading{align-items:flex-start;gap:18px}#loginGate #casdoorLogin .casdoor-inline-heading h2{margin:0;font-size:24px}#loginGate .casdoor-inline-tabs{width:100%;gap:8px}#loginGate #casdoorLogin .login-description{margin:16px 0}#loginGate .casdoor-inline-frame{margin-top:14px;border-radius:10px}#loginGate .casdoor-inline-actions{margin-top:12px;gap:8px}#loginGate .casdoor-inline-actions button{--bs-btn-font-size: 12px}#loginGate.has-inline-auth .login-note{margin-top:20px;padding-top:17px}#loginGate .auth-restoring{position:relative;width:min(390px,100%);padding:36px 30px;gap:0;border:1px solid #dfe7f3;border-radius:16px;background:#fff;box-shadow:0 12px 40px #224a8110;color:var(--login-muted)}#loginGate .auth-recovery-mark{margin-bottom:16px;border-radius:12px}#loginGate .auth-recovery-kicker{font-size:11px;letter-spacing:1.5px}#loginGate .auth-restoring h2{margin:7px 0 25px;color:var(--login-ink);font-size:22px;font-weight:650}#loginGate .auth-spinner{width:23px;height:23px;color:var(--login-blue);border-width:2px}#loginGate #authRecoveryMessage{margin:15px 0 0;font-size:12px;overflow-wrap:anywhere}#loginGate #retryAuthRecovery{min-width:140px;margin-top:23px}#loginGate[data-auth-state=error] .auth-spinner{display:none}.embedded #loginGate{padding:28px}@media(max-width:1100px)and (min-width:841px){#loginGate{padding:36px}#loginGate .login-layout{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:620px}#loginGate .login-story-copy{margin-top:64px}#loginGate .login-story-copy h1{font-size:38px}#loginGate :is(#loginForm,#casdoorLogin){padding:34px 28px 25px}#loginGate :is(#loginForm,#casdoorLogin) h2{font-size:24px}#loginGate .login-asset-stack i{width:56px}#loginGate .login-asset-stack i:nth-child(3){left:22px}#loginGate.has-inline-auth .login-layout{gap:40px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}#loginGate.has-inline-auth #casdoorLogin{padding:25px 20px 22px}}@media(max-width:840px){#loginGate,.embedded #loginGate{padding:32px 24px;background:linear-gradient(150deg,#edf4ff,#f8faff 56%,#fff)}#loginGate:before{inset:0;mask-image:linear-gradient(180deg,#0005,transparent 65%)}#loginGate .login-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px;width:min(420px,100%);min-height:0;margin:auto}#loginGate.has-inline-auth .login-layout{gap:28px;width:min(460px,100%)}#loginGate.has-inline-auth .login-story{min-height:0}#loginGate.has-inline-auth #casdoorLogin{padding:27px 18px 22px}#loginGate .login-story{display:block;align-self:auto}#loginGate .login-brand{margin-left:4px}#loginGate .login-brand img{width:40px;height:40px;border-radius:11px}#loginGate .login-brand>span{font-size:20px}#loginGate .login-brand small{font-size:10px;letter-spacing:1.5px}#loginGate :is(.login-story-copy,.login-creation-visual,.login-steps,.login-story-foot){display:none}#loginGate :is(#loginForm,#casdoorLogin){padding:32px 30px 25px}#loginGate :is(#loginForm,#casdoorLogin) h2{font-size:25px}#loginGate :is(#loginForm,#casdoorLogin) input{font-size:16px}#loginGate .login-description{margin-bottom:25px}}@media(max-width:390px){#loginGate,.embedded #loginGate{padding:26px 20px}#loginGate .login-layout{gap:25px}#loginGate :is(#loginForm,#casdoorLogin){padding:29px 24px 23px}#loginGate :is(#loginForm,#casdoorLogin) h2{font-size:23px}#loginGate .login-description{font-size:12px}#loginGate .auth-restoring{padding:30px 23px}#loginGate.has-inline-auth .login-layout{gap:25px}#loginGate.has-inline-auth #casdoorLogin{padding:25px 12px 20px}#loginGate #casdoorLogin .casdoor-inline-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){#loginGate *,#loginGate *:before,#loginGate *:after{transition:none!important;animation:none!important}}