
@font-face{font-family:Geist;src:url('login-font-1.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('login-font-2.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}.direct-login-root{--ink:#1c3036;--muted:#6b797d;--line:#dbe1df;--red:#ad173e;--red-hover:#921334;--brand:#142b32;--paper:#fafbf8;--error:#b21c40;--font:Geist,'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}.direct-login-root *{box-sizing:border-box}.direct-login-root{min-height:100%;background:var(--paper)}.direct-login-root{margin:0;color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.direct-login-root button,.direct-login-root input{font:inherit}.direct-login-root button{cursor:pointer;touch-action:manipulation}.direct-login-root button,.direct-login-root input,.direct-login-root label{-webkit-tap-highlight-color:transparent}.direct-login-root button:focus-visible,.direct-login-root a:focus-visible{outline:3px solid #b21c4040;outline-offset:5px}.direct-login-root button:disabled{cursor:wait}.direct-login-root svg{display:block;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.direct-login-root [hidden]{display:none!important}.direct-login-root .skip-link{position:fixed;z-index:20;left:26px;top:0;transform:translateY(-140%);background:white;color:var(--ink);padding:10px 18px;border-radius:0 0 5px 5px}.direct-login-root .skip-link:focus{transform:translateY(0)}.direct-login-root .page-shell{position:relative;max-width:1800px;min-height:100svh;margin:auto;display:grid;grid-template-columns:1.07fr 1fr;padding:0}.direct-login-root .brand-panel{min-width:0;position:relative;isolation:isolate;overflow:hidden;background:var(--brand);color:#f1f4ef;padding:48px 56px 31px;display:flex;flex-direction:column}.direct-login-root .brand-panel:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 72% 64%,#2c4a50 0,transparent 51%),linear-gradient(145deg,#1c373e 0,#142b32 55%,#10242c 100%)}.direct-login-root .brand-panel:after{content:'';position:absolute;z-index:-1;width:120%;height:1px;background:linear-gradient(90deg,transparent,#a6b9bb24,transparent);left:-10%;bottom:18%;transform:rotate(-25deg)}.direct-login-root .brand-lockup{display:flex;align-items:center;gap:22px;flex-shrink:0}.direct-login-root .brand-logo{width:121px;height:44px;object-fit:contain;object-position:left center}.direct-login-root .brand-divider{width:1px;height:24px;background:#c4d1cf3d}.direct-login-root .product-name{font-size:27px;line-height:1;font-weight:450;letter-spacing:-1px}.direct-login-root .brand-point{color:#dd8d9e}.direct-login-root .brand-story{position:relative;z-index:2;margin-top:74px}.direct-login-root .overline{margin:0 0 21px;color:#a8bdbf;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:2.6px}.direct-login-root .brand-story h1{margin:0;font-size:clamp(33px,3.35vw,51px);font-weight:450;line-height:1.45;letter-spacing:-1.45px}.direct-login-root .hero-accent{color:#becdcd}.direct-login-root .brand-description{white-space:pre-line;color:#a9bec1;font-size:13px;line-height:1.9;margin:23px 0 0;max-width:380px}.direct-login-root .science-art{position:relative;display:flex;align-items:center;flex:1;min-height:245px;max-height:460px;margin:0 -47px 0 -40px}.direct-login-root .art-canvas{position:absolute;inset:-5px 0 12px}.direct-login-root .art-canvas svg{height:100%;width:100%;stroke:none;overflow:visible;shape-rendering:geometricPrecision}.direct-login-root .science-art figcaption{position:absolute;bottom:0;left:40px;right:47px;display:flex;align-items:center;gap:15px;font-size:8px;font-weight:500;letter-spacing:2px;color:#9bb2b8}.direct-login-root .art-rule{height:1px;flex:1;max-width:110px;background:linear-gradient(90deg,#9cb4bb55,transparent)}.direct-login-root .brand-bottom{margin-top:auto;padding-top:29px}.direct-login-root .journey{display:flex;align-items:center;gap:22px;list-style:none;padding:0;margin:0 0 24px;color:#c8d7d6;font-size:11px;font-weight:400;letter-spacing:.3px}.direct-login-root .journey li{display:flex;align-items:center;gap:22px;white-space:nowrap}.direct-login-root .journey li:not(:last-child):after{content:'';width:16px;height:1px;background:#99b0b64f}.direct-login-root .brand-footnote{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b6cac82b;padding-top:17px;color:#8ba5ac;font-size:9px;letter-spacing:.5px}.direct-login-root .brand-footnote>span:first-child{font-size:8px;letter-spacing:1.8px}.direct-login-root .login-panel{min-width:0;position:relative;display:flex;flex-direction:column;padding:37px 54px 31px;background:var(--paper);border-left:1px solid #f0f2ef;overflow:hidden}.direct-login-root .login-topbar{display:flex;justify-content:flex-end;flex-shrink:0}.direct-login-root .language-switch{display:flex;align-items:center;gap:5px}.direct-login-root .language-switch:before{content:'';width:1px;height:12px;background:#d5ddda;order:1;margin:0 3px}.direct-login-root .language-button{min-width:39px;height:32px;line-height:1;border:0;padding:7px 6px;background:none;color:#8d999b;font-size:11px;font-weight:400;position:relative;transition:color .2s}.direct-login-root .language-button:last-child{order:2}.direct-login-root .language-button.active{color:#223b42;font-weight:550}.direct-login-root .language-button.active:after{content:'';position:absolute;height:1px;width:16px;bottom:1px;left:50%;transform:translateX(-50%);background:#9b2142}.direct-login-root .language-button:hover{color:var(--red)}.direct-login-root .login-content{width:100%;max-width:372px;position:relative;margin:auto;padding:40px 0 55px}.direct-login-root .workspace-label{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#748286;font-size:10px;line-height:1.5;letter-spacing:1.8px;font-weight:450}.direct-login-root .workspace-mark{display:block;width:19px;height:2px;background:var(--red);opacity:.85}.direct-login-root .welcome-copy h2{margin:0;font-size:37px;font-weight:500;line-height:1.25;letter-spacing:-1px}.direct-login-root .login-description{font-size:14px;color:#6f7d81;line-height:1.7;margin:15px 0 0}.direct-login-root form{margin-top:36px}.direct-login-root .field-group{margin-top:25px}.direct-login-root .field-group:first-child{margin-top:0}.direct-login-root .field-group>label,.direct-login-root .field-label-row>label{font-size:12px;font-weight:500;line-height:1.6}.direct-login-root .field-label-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.direct-login-root .input-shell{display:flex;align-items:center;gap:10px;border:1px solid #d9e0dd;background:#ffffffad;border-radius:5px;min-height:53px;padding:0 15px;margin-top:10px;transition:border-color .2s,box-shadow .2s,background .2s}.direct-login-root .input-shell:hover{border-color:#abbab7}.direct-login-root .input-shell:focus-within{border-color:#a9536b;background:#fff;box-shadow:0 0 0 3px #ad173e0b}.direct-login-root .input-shell:has(input[aria-invalid='true']){border-color:#b21c40;background:#fffafb}.direct-login-root .input-shell input{width:100%;min-width:0;flex:1;height:51px;background:none;border:0;outline:0;font-size:14px;line-height:1.5;color:#20383f;letter-spacing:.1px}.direct-login-root .input-shell input::placeholder{color:#77858a;opacity:1}.direct-login-root .input-shell input[type='password']{letter-spacing:2px}.direct-login-root .input-shell input[type='password']::placeholder{letter-spacing:0}.direct-login-root .input-shell input::-ms-reveal{display:none}.direct-login-root .text-button{background:none;border:0;padding:0;color:#8f2542;font-size:12px;font-weight:500;line-height:1.6}.direct-login-root .text-button:hover{color:#b4113d;text-decoration:underline;text-underline-offset:4px}.direct-login-root .forgot-button{color:#6e7e82;font-size:11px;font-weight:400}.direct-login-root .password-toggle{width:32px;height:36px;flex-shrink:0;display:grid;place-items:center;background:none;border:0;padding:0;margin-right:-5px;color:#7e8f94;border-radius:4px}.direct-login-root .password-toggle:hover{background:#edf1ee;color:#273f46}.direct-login-root .password-toggle svg{width:17px;height:17px;stroke-width:1.4}.direct-login-root .eye-closed{display:none}.direct-login-root .password-toggle[aria-pressed='true'] .eye-open{display:none}.direct-login-root .password-toggle[aria-pressed='true'] .eye-closed{display:block}.direct-login-root .field-error{margin:8px 0 0;color:var(--error);font-size:12px;line-height:1.6}.direct-login-root .caps-lock{margin:8px 0 0;font-size:11px;color:#8b6335}.direct-login-root .submit-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:53px;margin-top:31px;border:1px solid transparent;border-radius:5px;background:var(--red);color:#fff;font-size:14px;font-weight:500;letter-spacing:.3px;box-shadow:0 5px 12px -8px #891d3c44;transition:background .2s,box-shadow .2s,transform .2s}.direct-login-root .submit-button:hover{background:var(--red-hover);box-shadow:0 8px 18px -9px #891d3c4a}.direct-login-root .submit-button:active{transform:translateY(1px)}.direct-login-root .submit-arrow{position:absolute;right:19px;width:18px;height:18px;stroke-width:1.4;transition:transform .2s}.direct-login-root .submit-button:hover .submit-arrow{transform:translateX(3px)}.direct-login-root .button-spinner{display:none;width:15px;height:15px;border:1.5px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.direct-login-root .submit-button.loading{background:#9b3650;box-shadow:none}.direct-login-root .submit-button.loading .button-spinner{display:block}.direct-login-root .submit-button.loading .submit-arrow{display:none}.direct-login-root .feedback{display:flex;align-items:flex-start;gap:10px;background:#f0f6f1;border:1px solid #d9e7dd;border-radius:5px;color:#3f644c;padding:12px 14px;margin-top:17px;font-size:11px;line-height:1.8;outline:none}.direct-login-root .feedback p{margin:0}.direct-login-root .feedback-dot{width:5px;height:5px;border-radius:50%;background:#63856d;flex-shrink:0;margin-top:7px}.direct-login-root .support-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding-top:25px;border-top:1px solid #e3e8e3;font-size:11px;color:#78868a}.direct-login-root .support-row .text-button{font-size:11px;display:flex;align-items:center;gap:3px}.direct-login-root .support-row svg{width:12px;height:12px;stroke-width:1.3}.direct-login-root .login-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;color:#8f9c9e;font-size:9px;line-height:1.7;letter-spacing:.15px}.direct-login-root .welcome-copy,.direct-login-root .brand-story{animation:appear .6s both}.direct-login-root .login-content form{animation:appear .6s .09s both}.direct-login-root .support-row{animation:appear .6s .18s both}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.direct-login-root dialog{border:1px solid #e2e6e2;border-radius:10px;background:var(--paper);max-width:410px;width:calc(100% - 40px);padding:32px;color:var(--ink);font-family:var(--font);box-shadow:0 22px 70px #0e27332b}.direct-login-root dialog::backdrop{background:#102b3459;backdrop-filter:blur(5px)}.direct-login-root .dialog-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:31px;height:31px;border:0;background:none;color:#7a898d;border-radius:4px}.direct-login-root .dialog-close:hover{background:#edf1ec}.direct-login-root .dialog-close svg{width:18px;height:18px}.direct-login-root .help-icon{width:45px;height:45px;display:grid;place-items:center;color:var(--red);background:#f6e9ed;border-radius:8px;margin-bottom:20px}.direct-login-root .help-icon svg{width:23px;height:23px}.direct-login-root dialog h2{margin:0 0 12px;font-size:22px;font-weight:550;letter-spacing:-.5px}.direct-login-root dialog p{font-size:13px;color:#6b7c81;line-height:1.8;margin:0}.direct-login-root dialog .dialog-note{color:#8b999e;font-size:10px;margin-top:15px}.direct-login-root .dialog-action{background:var(--red);color:white;border:0;border-radius:5px;width:100%;height:43px;font:500 13px var(--font);margin-top:25px}.direct-login-root .dialog-action:hover{background:var(--red-hover)}html[lang='en'] .direct-login-root .brand-story h1{font-size:clamp(41px,4.05vw,63px);font-weight:450;line-height:1.15;letter-spacing:-2.25px}html[lang='en'] .direct-login-root .brand-description{font-size:13px;line-height:1.9}html[lang='en'] .direct-login-root .workspace-label{font-size:9px;letter-spacing:1.7px}html[lang='en'] .direct-login-root .welcome-copy h2{font-size:41px;letter-spacing:-1.65px}html[lang='en'] .direct-login-root .login-description{font-size:13px}
@media(min-width:1500px){.direct-login-root .brand-panel{padding:54px 66px 35px}.direct-login-root .login-panel{padding:41px 62px 35px}.direct-login-root .login-content{max-width:396px}.direct-login-root .brand-story{margin-top:85px}.direct-login-root .science-art{max-height:520px}}
@media(min-width:761px) and (max-width:1100px){.direct-login-root .brand-panel{padding:40px 34px 28px}.direct-login-root .login-panel{padding:30px 34px 28px}.direct-login-root .brand-story h1{font-size:33px;letter-spacing:-1px}.direct-login-root .brand-story{margin-top:66px}.direct-login-root .brand-description{font-size:12px}.direct-login-root .science-art{margin-inline:-30px;min-height:230px}.direct-login-root .science-art figcaption{left:30px;right:30px}.direct-login-root .journey{gap:15px}.direct-login-root .journey li{gap:15px;font-size:10px}.direct-login-root .login-content{max-width:345px}.direct-login-root .welcome-copy h2{font-size:34px}.direct-login-root .workspace-label{font-size:9px}.direct-login-root .brand-logo{width:116px}.direct-login-root .brand-lockup{gap:18px}.direct-login-root .product-name{font-size:26px}html[lang='en'] .direct-login-root .brand-story h1{font-size:42px;letter-spacing:-1.5px}html[lang='en'] .direct-login-root .welcome-copy h2{font-size:37px}}
@media(min-width:761px) and (max-height:790px){.direct-login-root .brand-panel{padding-top:32px}.direct-login-root .brand-story{margin-top:38px}.direct-login-root .brand-story h1{font-size:36px}.direct-login-root .brand-description{margin-top:18px}.direct-login-root .science-art{min-height:160px}.direct-login-root .brand-bottom{padding-top:20px}.direct-login-root .journey{margin-bottom:20px}.direct-login-root .brand-footnote{padding-top:14px}.direct-login-root .login-panel{padding-top:25px;padding-bottom:25px}.direct-login-root .login-content{padding:25px 0 35px}.direct-login-root .welcome-copy h2{font-size:33px}.direct-login-root .workspace-label{margin-bottom:17px}.direct-login-root .login-description{margin-top:11px}.direct-login-root form{margin-top:29px}.direct-login-root .field-group{margin-top:21px}.direct-login-root .submit-button{margin-top:27px}.direct-login-root .support-row{margin-top:27px;padding-top:22px}html[lang='en'] .direct-login-root .brand-story h1{font-size:44px}html[lang='en'] .direct-login-root .welcome-copy h2{font-size:36px}}
@media(max-width:760px){.direct-login-root,.direct-login-root{background:var(--paper)}.direct-login-root .page-shell{display:block;min-height:100svh}.direct-login-root .brand-panel{padding:28px 28px 31px}.direct-login-root .brand-lockup{gap:17px}.direct-login-root .brand-logo{width:100px;height:33px}.direct-login-root .brand-divider{height:21px}.direct-login-root .product-name{font-size:24px}.direct-login-root .brand-story{margin-top:31px}.direct-login-root .overline{font-size:8px;letter-spacing:1.7px;margin-bottom:13px}.direct-login-root .brand-story h1{font-size:28px;line-height:1.4;letter-spacing:-.7px}.direct-login-root .brand-description,.direct-login-root .science-art,.direct-login-root .brand-bottom{display:none}.direct-login-root .login-panel{position:static;padding:38px 28px 25px;min-height:calc(100svh - 225px);border-left:0}.direct-login-root .login-topbar{position:absolute;right:21px;top:28px}.direct-login-root .language-button{color:#a6bcc0;min-width:35px;height:29px;font-size:10px;padding-inline:5px}.direct-login-root .language-button.active{color:#fff}.direct-login-root .language-button.active:after{background:#e0a1b1;bottom:0;width:13px}.direct-login-root .language-button:hover{color:#fff}.direct-login-root .language-switch:before{background:#b3c7ca3b}.direct-login-root .login-content{margin:0 auto 40px;padding:0;max-width:430px}.direct-login-root .workspace-label{margin-bottom:17px;font-size:9px}.direct-login-root .workspace-mark{width:16px}.direct-login-root .welcome-copy h2{font-size:30px;letter-spacing:-.6px}.direct-login-root .login-description{font-size:13px;margin-top:12px}.direct-login-root form{margin-top:30px}.direct-login-root .field-group{margin-top:23px}.direct-login-root .input-shell{height:53px}.direct-login-root .input-shell input{font-size:16px}.direct-login-root .submit-button{margin-top:28px}.direct-login-root .support-row{margin-top:29px;padding-top:23px;font-size:11px}.direct-login-root .login-footer{width:100%;max-width:430px;margin:auto auto 0;font-size:8px;flex-wrap:wrap;gap:8px}html[lang='en'] .direct-login-root .brand-story h1{font-size:34px;line-height:1.13;letter-spacing:-1.2px}html[lang='en'] .direct-login-root .welcome-copy h2{font-size:33px}html[lang='en'] .direct-login-root .login-description{font-size:13px}html[lang='en'] .direct-login-root .workspace-label{font-size:8px;letter-spacing:1.4px}}
@media(max-width:360px){.direct-login-root .brand-panel{padding-inline:24px}.direct-login-root .brand-lockup{gap:10px}.direct-login-root .brand-logo{width:85px}.direct-login-root .product-name{font-size:21px}.direct-login-root .brand-story h1{font-size:25px}.direct-login-root .login-panel{padding-inline:24px}.direct-login-root .language-button{min-width:30px}.direct-login-root .login-topbar{right:18px}html[lang='en'] .direct-login-root .brand-story h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.direct-login-root *,.direct-login-root *:before,.direct-login-root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.direct-login-root .science-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;outline:0}.direct-login-root .art-canvas.is-rendered .science-canvas{display:block}.direct-login-root .art-canvas.is-rendered>svg{display:none}.direct-login-root .art-motion-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;min-height:30px;border:0;border-radius:4px;background:transparent;color:#afc5c7;font:400 10px/1.3 var(--font);letter-spacing:0;padding:4px 6px}.direct-login-root .art-motion-toggle:hover{background:#b2c7c50b;color:#edf4f0}.direct-login-root .art-motion-toggle svg{width:11px;height:11px;stroke-width:1.7}.direct-login-root .motion-play{display:none}.direct-login-root .art-motion-toggle[aria-pressed="true"] .motion-pause{display:none}.direct-login-root .art-motion-toggle[aria-pressed="true"] .motion-play{display:block}


body.v28-login-page{margin:0;background:#fafbf8}body.v28-login-page #app{display:block;padding:0;max-width:none;width:100%;min-height:100vh}.direct-login-root{width:100%;min-height:100vh}.direct-login-root .field-error:empty{display:none}.direct-login-root dialog{max-height:calc(100svh - 32px);overflow:auto}.direct-login-root .reset-code-row{display:flex;gap:8px;align-items:stretch}.direct-login-root .reset-code-row .input-shell{flex:1;min-width:0}.direct-login-root .send-code{margin-top:10px;min-width:118px;border:1px solid #d9e0dd;border-radius:5px;background:white;color:var(--red);padding:8px 12px;font-size:12px}.direct-login-root .send-code:disabled{color:var(--muted);cursor:default}.direct-login-root .reset-feedback{margin-top:14px;min-height:22px;font-size:12px;color:var(--red)}.direct-login-root .reset-feedback.success{color:#3f644c}.direct-login-root #password-reset-form{margin-top:22px}.direct-login-root #password-reset-form .field-group{margin-top:16px}.direct-login-root .reset-description{padding-right:5px}.direct-login-root .password-hint{margin:6px 0 0;font-size:11px;color:var(--muted)}
