:root{font-family:"Segoe UI Variable","Microsoft YaHei UI","PingFang SC",sans-serif;color:#172d4d;background:#f2f6fc;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}
.brand-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(40px,5.5vw,104px);color:#fff;background:radial-gradient(ellipse at 90% 20%,#226ddb 0,transparent 58%),linear-gradient(150deg,#144eaa,#0754ba 52%,#0b347c)}
.brand-logo{display:block;align-self:flex-start;padding:19px 23px;background:#fff;border:1px solid #dce8fa;border-radius:15px;box-shadow:0 12px 36px #062d6922}.brand-logo img{display:block;width:228px;max-width:100%;height:auto}
.brand-copy{padding:60px 0 66px;z-index:1}.eyebrow{font-size:12px;letter-spacing:3px;color:#bdd8ff;font-weight:650;margin:0 0 24px}h1{font-size:clamp(32px,3vw,52px);line-height:1.45;letter-spacing:-1px;margin:0;font-weight:700}.brand-rule{width:170px;height:3px;margin:28px 0;background:linear-gradient(90deg,#7dc8ff,#a3b7ff,transparent)}.brand-description{font-size:15px;line-height:1.9;color:#d0e1fc;margin:0}.capabilities{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:36px}.capabilities span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#e0ecff}.capabilities svg{width:19px;height:19px}.brand-footer{position:relative;z-index:1;font-size:12px;color:#aacaf4;letter-spacing:1px;margin:0}
.orbit{position:absolute;z-index:-1;pointer-events:none;border:1px solid #8ec3ff2b;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:920px;height:480px;left:-260px;bottom:-320px;box-shadow:0 -25px 90px #78a6f51c}.orbit-two{width:960px;height:480px;top:-300px;left:40%;background:#9fc7ff06}
.form-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px 90px;background:radial-gradient(ellipse at 85% 10%,#e8f0fd,transparent 65%),#f3f7fc}.login-card{width:100%;max-width:440px;padding:38px 38px 30px;border:1px solid #dce5f1;border-radius:18px;background:#fff;box-shadow:0 22px 65px #233d6c12}.login-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#edf3ff;color:#2861d0;margin-bottom:25px}.login-mark svg{width:24px;height:24px}.welcome{margin:0 0 8px;font-size:13px;color:#778ba9}h2{font-size:26px;line-height:1.35;margin:0;letter-spacing:.2px}.login-description{font-size:13px;line-height:1.7;color:#7d8da5;margin:12px 0 28px}form label{display:block;margin:19px 0 9px;font-size:13px;font-weight:650;color:#314969}.input-wrap{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border:1px solid #cfdced;border-radius:8px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#3977e2;box-shadow:0 0 0 3px #2563db12}.input-wrap>svg{width:18px;height:18px;flex:none;color:#8ea5c5}input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;font-size:14px;color:#18304f}input::placeholder{color:#a0aec0}.password-toggle{flex:none;border:0;background:none;color:#6e83a1;font-size:12px;padding:8px 0 8px 8px}.password-toggle:hover{color:#2160cf}.login-button{width:100%;height:50px;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px;border:0;border-radius:8px;background:#2161d6;color:#fff;font-weight:650;font-size:15px;box-shadow:0 7px 18px #2161d629;transition:background .15s}.login-button:hover{background:#194fac}.login-button:disabled{opacity:.65}.login-button span{font-size:20px;font-weight:400}.login-error{font-size:13px;line-height:1.6;color:#b63c3c;background:#fff4f3;border-radius:6px;padding:10px 12px;margin:16px 0 0}.login-error[hidden]{display:none}.login-help{border-top:1px solid #edf0f5;margin:26px 0 0;padding-top:20px;font-size:12px;line-height:1.8;color:#8b9ab0}.page-footer{position:absolute;bottom:28px;color:#97a7bd;font-size:12px;letter-spacing:.5px;margin:0}button:focus-visible,a:focus-visible{outline:2px solid #4688ed;outline-offset:4px}
@media(min-width:1600px){.login-card{max-width:470px;padding:44px}.brand-copy{padding:70px 0 100px}}
@media(max-width:1000px){.brand-panel{padding:40px 32px}.brand-logo img{width:190px}.brand-logo{padding:16px 18px}.form-panel{padding:40px 28px 80px}.login-card{padding:30px}.capabilities{flex-direction:column;gap:16px}h1{font-size:32px}}
@media(max-width:700px){.login-layout{display:block}.brand-panel{padding:26px 24px 30px;min-height:auto}.brand-logo{padding:10px 14px;border-radius:10px}.brand-logo img{width:165px}.brand-copy{padding:28px 0 0}.eyebrow{margin:0 0 10px;font-size:10px;letter-spacing:2px}h1{font-size:28px;line-height:1.4}h1 br{display:none}.brand-rule,.brand-description,.capabilities,.brand-footer{display:none}.form-panel{padding:28px 20px 72px;min-height:calc(100dvh - 222px)}.login-card{padding:28px 24px;max-width:440px}.login-mark{display:none}h2{font-size:24px}.page-footer{bottom:24px}}