:root{font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:#253b34;background:#f7f8f4;font-synthesis:none;font-weight:400;--green:#214e43;--muted:#78847d}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7baf96;outline-offset:5px}svg{display:block}button{transition:background .18s,transform .18s}button:disabled{cursor:wait;opacity:.72}[hidden]{display:none!important}
.login-layout{min-height:100svh;display:grid;grid-template-columns:51% 49%;padding:20px;gap:0}.brand-panel{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 40px);border-radius:22px;background:#214e43;color:#edf4eb;padding:43px 48px;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:13px;width:fit-content}.brand-name{font-size:24px;font-weight:600;letter-spacing:3px;display:flex;align-items:center;gap:16px}.brand-name>span{font-size:11px;letter-spacing:2.5px;font-weight:400;opacity:.7;border-left:1px solid #ffffff35;padding-left:16px}.brand-copy{position:relative;z-index:2;margin-top:clamp(88px,17vh,160px)}.brand-copy h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:400;margin:0;color:#edf4eb}.brand-title-prefix{display:block;font-size:28px;line-height:1.5;letter-spacing:5px;color:#bfd3c3;margin-bottom:18px}.brand-title-main{display:block;font-size:clamp(56px,6.1vw,84px);line-height:1.3;letter-spacing:5px;white-space:nowrap}.brand-copy::after{content:"";display:block;width:52px;height:1px;margin-top:35px;background:#bad2ac80}.botanical{position:absolute;z-index:-1;width:90%;max-width:690px;right:-17%;bottom:25px;color:#bad2ac;opacity:.8}.botanical svg{width:100%}.brand-footer{margin-top:auto;padding-top:110px;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1.5px;color:#abc5b6}.footer-line{height:1px;background:#ffffff24;flex:1;max-width:95px}.brand-footer>span{white-space:nowrap}
.form-panel{position:relative;min-height:calc(100svh - 40px);display:flex;flex-direction:column;align-items:center;padding:0 48px}.private-badge{align-self:flex-end;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:7px;color:#6a7e72;margin-top:24px;padding:8px 11px;border:1px solid #dfe6de;border-radius:30px;background:#f0f4ee}.status-dot{height:6px;width:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#679074}.login-content{width:100%;max-width:385px;margin:auto 0;padding:45px 0 65px}.entry-icon{width:49px;height:49px;background:#e8eee5;border:1px solid #dce5d9;border-radius:14px;display:grid;place-items:center;color:#436a50;margin-bottom:28px}.entry-icon svg{width:25px;height:25px}.form-eyebrow{font-size:10px;font-weight:500;letter-spacing:2.2px;color:#799080;margin:0 0 12px}.login-content h2{font-size:33px;font-weight:600;letter-spacing:1px;margin:0 0 13px;color:#243e32}.form-intro{font-size:13px;color:#78847d;line-height:1.8;margin:0}.login-form{margin-top:38px}.login-form label{display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:11px;color:#3a4d40}.password-field{display:flex;align-items:center;border:1px solid #dce2d7;background:#fcfdf9;border-radius:10px;min-height:58px;padding-left:17px;transition:border-color .18s,box-shadow .18s}.password-field:focus-within{border-color:#6f987d;box-shadow:0 0 0 3px #dfeadd}.lock-icon{width:19px;height:19px;color:#889b89;flex-shrink:0}.password-field input{width:100%;min-width:0;border:none;outline:none;background:transparent;padding:17px 13px;font-size:14px;color:#243e32;letter-spacing:.4px}.password-field input::placeholder{font-size:12px;letter-spacing:.5px;color:#9da69c}.password-toggle{display:grid;place-items:center;border:0;background:transparent;width:51px;height:56px;flex-shrink:0;color:#7e9080;border-radius:8px}.password-toggle:hover{color:var(--green);background:#edf2e9}.password-toggle svg{width:20px;height:20px}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.field-note{font-size:11px;line-height:1.6;color:#929b91;margin:12px 0 0}.submit-button{margin-top:26px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#f8faf6;width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;position:relative;font-size:13px;letter-spacing:1px;font-weight:500;box-shadow:0 4px 10px #214e4310}.submit-button:hover{background:#173e34;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.button-arrow{position:absolute;right:20px;font-size:23px;font-weight:400;line-height:1}.session-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;font-size:10px;letter-spacing:.4px;color:#8a998a}.session-note svg{width:15px;height:15px}.form-footer{width:100%;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a0a79c;letter-spacing:.3px;padding-bottom:25px}.form-error,.caps-lock{font-size:12px;line-height:1.6;margin:10px 0 0;color:#a34037}.caps-lock{color:#916833}.has-error{border-color:#c79890}
.workspace{min-height:100svh;display:flex;flex-direction:column;padding:32px 5vw;background:radial-gradient(ellipse at 50% 30%,#e9eee2,transparent 65%),#f7f8f4}.workspace-header{display:flex;justify-content:space-between;align-items:center}.dark-brand .brand-name>span{border-color:#214e4330}.logout-button{background:transparent;border:1px solid #d7dfd2;padding:11px 17px;border-radius:8px;color:#45624f;font-size:12px;display:flex;gap:20px}.logout-button:hover{background:#e8eee2}.welcome-card{margin:auto;text-align:center;background:#fdfefacc;border:1px solid #dde5d7;padding:50px 70px;border-radius:22px;width:min(100%,530px);box-shadow:0 16px 70px #23473105}.welcome-check{margin:0 auto 27px;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#e7efdf;color:#4b7753;font-size:25px}.welcome-card h1{font-size:31px;letter-spacing:2px;font-weight:500;margin:17px 0}.welcome-card p{font-size:14px;color:#73816f;line-height:1.9}.welcome-card .form-eyebrow{font-size:10px;color:#7f9679}.welcome-divider{height:1px;background:#e1e6dc;margin:27px 0}.welcome-card .welcome-detail{font-size:12px;line-height:2.1;color:#90998a}.welcome-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.8px;color:#74916c;margin-top:20px}.workspace-footer{text-align:center;color:#929c8d;font-size:10px;letter-spacing:1px;padding-top:30px}
@media(min-width:1500px){.brand-panel{padding:55px 65px}.brand-copy{margin-top:clamp(110px,17vh,185px)}.brand-title-main{font-size:90px;letter-spacing:7px}.form-panel{padding:0 65px}.login-content{max-width:420px}.botanical{right:-12%;bottom:15px}.private-badge{margin-top:37px}}
@media(max-width:1000px){.login-layout{grid-template-columns:46% 54%;padding:14px}.brand-panel{padding:32px 30px;min-height:calc(100svh - 28px)}.brand-name{font-size:21px;gap:12px}.brand-name>span{font-size:9px;letter-spacing:1.5px;padding-left:12px}.brand-copy{margin-top:clamp(88px,17vh,145px)}.brand-title-prefix{font-size:25px;margin-bottom:16px}.form-panel{min-height:calc(100svh - 28px);padding:0 32px}.brand-footer{font-size:8px;gap:12px}.botanical{width:125%;right:-35%;bottom:55px}.form-footer{font-size:9px}}
@media(max-width:700px){.login-layout{display:block;padding:12px}.brand-panel{min-height:0;height:225px;padding:25px 27px;border-radius:17px}.brand img{width:32px;height:32px}.brand-name{font-size:21px}.brand-copy{margin-top:32px}.brand-copy h1{display:flex;align-items:baseline;gap:0;line-height:1.5}.brand-title-prefix,.brand-title-main{display:inline;font-size:33px;line-height:1.5;letter-spacing:3px;color:#edf4eb;margin:0;white-space:nowrap}.brand-copy::after{margin-top:23px;width:38px}.botanical{width:295px;right:-50px;bottom:-90px;opacity:.68}.brand-footer{display:none}.form-panel{padding:0 19px;min-height:calc(100svh - 249px)}.private-badge{margin-top:21px;font-size:9px;padding:6px 9px}.login-content{padding:17px 0 39px;max-width:410px}.entry-icon{display:none}.form-eyebrow{font-size:9px;margin-bottom:10px}.login-content h2{font-size:28px}.form-intro{font-size:12px}.login-form{margin-top:27px}.session-note{font-size:9px;margin-top:20px}.form-footer{padding-bottom:15px;margin-top:auto;font-size:9px}.workspace{padding:23px}.welcome-card{padding:40px 28px}.workspace-header .brand-name>span{display:none}.logout-button{gap:12px}.welcome-card h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}