:root{color-scheme:light;--ink:#172b3a;--teal:#087f84}*{box-sizing:border-box}body{margin:0;background:#f3f7f7;color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#123c42;color:#fff;padding:48px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:after{content:'';position:absolute;bottom:70px;right:-160px;width:460px;height:460px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 75px #ffffff04,0 0 0 150px #ffffff03;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:21px;font-weight:650;text-decoration:none}.brand span{width:42px;height:42px;border:1px solid #ffffff40;border-radius:10px;text-align:center;line-height:40px;font-size:24px}.intro-copy{margin:auto 0;padding:70px 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:#7dc6c4;font-weight:650}.intro h1{font-size:clamp(32px,3.4vw,48px);line-height:1.5;letter-spacing:-1px;margin:18px 0 24px}.intro-copy>p:last-of-type{color:#b5cccf;font-size:15px;line-height:2}.journey{display:flex;align-items:center;max-width:340px;gap:15px;margin-top:44px}.journey b{font-size:12px;font-weight:500;border:1px solid #ffffff2c;border-radius:30px;padding:7px 16px;white-space:nowrap}.journey i{flex:1;height:1px;background:#ffffff30}.intro small{color:#87a8ac;font-size:11px}.form-panel{display:flex;justify-content:center;align-items:center;position:relative;padding:70px 44px;background:#fcfdfd}.form-wrap{width:100%;max-width:360px}.form-wrap .eyebrow{color:var(--teal);letter-spacing:1px}h2{font-size:30px;margin:10px 0 9px;letter-spacing:-.5px}.description{font-size:13px;color:#77868d;margin:0 0 34px}label{display:block;font-size:12px;margin:20px 0 8px}input{display:block;width:100%;height:46px;border:1px solid #d8e2e5;border-radius:7px;background:#fff;padding:9px 12px;font:inherit;color:var(--ink);outline:none}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f8410}button{width:100%;height:46px;border:0;border-radius:7px;background:var(--teal);color:#fff;font:600 13px inherit;margin-top:28px;cursor:pointer}button span{float:right;margin-right:18px}button:hover{background:#076e73}button:disabled{opacity:.6;cursor:wait}#error{color:#ad3b3b;font-size:12px;min-height:21px;margin:10px 0}.help{font-size:11px;color:#89969e;border-top:1px solid #e6edef;padding-top:20px}.footer{position:absolute;bottom:30px;font-size:10px;letter-spacing:1px;color:#9cabb1}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.intro{padding:25px 26px}.intro-copy{padding:25px 0 5px}.intro h1{font-size:28px;margin:10px 0}.intro-copy>p:last-of-type,.journey,.intro>small{display:none}.form-panel{padding:35px 26px 65px;min-height:490px}.form-wrap{max-width:420px}h2{font-size:25px}.description{margin-bottom:20px}.footer{bottom:18px}}
