:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#183d35;background:#f2f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr}.intro{background:#153f35;color:#fff;padding:64px 11%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff12;border-radius:50%;right:-280px;bottom:-240px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03;pointer-events:none}.intro img{width:130px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:2px;opacity:.65;font-weight:600}.intro h1{font-size:clamp(38px,4.3vw,68px);font-weight:500;line-height:1.35;letter-spacing:1px;margin:24px 0}.intro p{font-size:15px;color:#cadcd1;line-height:2}.intro small{color:#c1d4c7}.form-side{display:flex;align-items:center;justify-content:center;padding:60px 32px}.form-card{max-width:390px;width:100%}h2{font-size:29px;font-weight:550;margin:18px 0 10px}.form-card>p{font-size:14px;color:#6e7d75;line-height:1.7;margin-bottom:32px}form{display:grid;gap:21px}form[hidden]{display:none}label{display:grid;gap:9px;font-size:13px;font-weight:550}input,select{width:100%;border:1px solid #d1dbd2;border-radius:8px;background:#fff;padding:13px 14px;font:inherit;font-size:16px;color:#183d35;min-width:0}input:focus,select:focus{outline:3px solid #21675022;border-color:#26725c}button{border:0;background:#19694f;color:white;border-radius:8px;padding:15px;font:inherit;font-size:15px;cursor:pointer;margin-top:4px}button:disabled{opacity:.55;cursor:wait}.hint{font-size:12px;line-height:1.7;color:#708177;margin:0}.footnote{margin-top:24px;border-top:1px solid #dce3da;padding-top:25px;font-size:12px;color:#7d897f;line-height:1.9}.footnote b{color:#506a5e;font-weight:550}.footnote summary{cursor:pointer;color:#446757}#message{color:#9c442b;margin:20px 0;min-height:22px;overflow-wrap:anywhere}#message.success{color:#19694f}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.intro{min-height:190px;padding:28px}.intro img{width:95px}.intro>div{margin-top:25px}.intro .eyebrow,.intro h1,.intro p{display:none}.intro small{margin-top:35px;font-size:12px}.form-side{padding:35px 26px 45px;align-items:flex-start}.form-card{max-width:430px}h2{font-size:26px}.form-card>p{margin-bottom:26px}}
:root .device-options{font-size:12px;color:#6e7d75}.device-options summary{cursor:pointer}.device-options[open] summary{margin-bottom:14px}.device-options .hint{margin-top:9px}
button[hidden],[hidden]{display:none!important}button.secondary{width:100%;background:transparent;color:#19694f;border:1px solid #b7cdbf}input[readonly]{background:#edf2ec;color:#546b5f}
@media(max-width:1023px){.login-shell{grid-template-columns:1fr}.intro{min-height:0;padding:calc(18px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left));gap:12px}.intro img{width:100px}.intro>div{display:none}.intro small{margin:0;font-size:12px}.form-side{padding:26px max(24px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));align-items:flex-start}.form-card{max-width:430px}.form-card>p{margin-bottom:24px}h2{font-size:26px}input,button,summary{min-height:44px}summary{padding-block:12px}.footnote{padding-top:18px}}
@media(max-width:1023px) and (max-height:650px){.intro{flex-direction:row;align-items:center}.intro img{width:82px}.intro small{flex:1;text-align:right;line-height:1.6}.form-side{padding-top:20px}h2{margin-top:12px}form{gap:16px}}