:root{--green:#226549;--amber:#8a5b12;--red:#a32d32}body{background:#f8faff}.topbar{width:min(1200px,calc(100% - 64px));margin:auto;min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650}.logo-icon{width:38px;height:38px;border-radius:8px}.back{font-size:14px;color:var(--muted);padding:10px 0}.page{width:min(1120px,calc(100% - 64px));margin:32px auto 56px;display:grid;grid-template-columns:1fr 480px;align-items:center;gap:92px}.side{padding:24px 0}.side-badge{font-size:12px;letter-spacing:1px;color:var(--brand);font-weight:600;margin-bottom:24px}.bdot{display:none}.side-title{font-size:clamp(32px,3.3vw,44px);line-height:1.4;letter-spacing:-1.2px}.side-hl{color:var(--brand)}.side-desc{margin-top:24px;font-size:15px;max-width:450px;line-height:1.9}.business-chain{list-style:none;padding:0;margin:40px 0 28px}.business-chain li{display:flex;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.business-chain li>span{font:500 13px/1.6 var(--font);color:var(--brand);width:26px}.business-chain strong{font-size:15px;font-weight:600}.business-chain p{font-size:13px;margin-top:3px}.side-link{font-size:14px;color:var(--brand)}.card{padding:36px 40px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px rgba(24,49,83,.04)}.card-head{margin-bottom:28px}.card-title{font-size:28px;letter-spacing:-.5px}.card-sub{font-size:14px;margin-top:10px}.fg{margin-bottom:20px}.fl{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.iw{position:relative;min-width:0}.fi{width:100%;height:48px;background:#fff;border:1px solid #b9cce5;border-radius:6px;padding:10px 12px;color:var(--ink);font-size:16px;line-height:1.5}.fi::placeholder{font-size:13px;color:#647a97}.fi:focus{outline:2px solid var(--brand);outline-offset:2px}.fi.invalid{border-color:var(--red)}.fi.valid{border-color:var(--green)}.iw:has(.pw-toggle) .fi{padding-right:86px}.pw-toggle{position:absolute;right:6px;top:7px;min-height:34px;border:0;background:transparent;padding:0 8px;font-size:12px;color:var(--muted);cursor:pointer}.pw-toggle:hover{color:var(--brand)}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px}.captcha-refresh{display:block;padding:0;background:#fff;border:1px solid #b9cce5;border-radius:6px;cursor:pointer;overflow:hidden;height:48px}.captcha-img{display:block;width:114px;height:46px;object-fit:contain}.form-row{display:flex;justify-content:flex-end;margin:-4px 0 22px;font-size:13px}.forgot{color:var(--brand)}.err-box{display:flex;padding:10px 12px;margin-bottom:18px;border:1px solid #efc5c8;border-radius:6px;background:#fff5f5;color:var(--red);font-size:13px;line-height:1.7}.btn-submit{width:100%;min-height:48px;border:0;border-radius:6px;background:var(--brand);color:#fff;font-size:15px;font-weight:600;cursor:pointer;padding:12px 8px}.btn-submit:hover{background:var(--brand-dark)}.btn-submit:disabled{opacity:.65;cursor:wait}.btn-reg,.btn-login{display:block;text-align:center;margin-top:16px;padding:9px 0;font-size:14px;color:var(--brand)}.sec{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:12px;line-height:1.8;color:var(--muted)}.fi-hint,.pw-label{font-size:12px;margin-top:6px;line-height:1.6}.fi-hint:empty,.pw-label:empty,.registration-status:empty{display:none}.fi-hint.err{color:var(--red)}.fi-hint.ok{color:var(--green)}.pw-bars{display:flex;gap:5px;margin-top:8px}.pw-bar{height:3px;flex:1;background:var(--line);border-radius:2px}.pw-bar.w{background:var(--red)}.pw-bar.m{background:var(--amber)}.pw-bar.s{background:var(--green)}.registration-status{font-size:13px;color:var(--brand);margin-bottom:14px}.page:has(#regForm){align-items:start;margin-top:24px}.page:has(#regForm) .side{padding-top:64px}.page:has(#regForm) .card{padding-top:28px;padding-bottom:24px}.page:has(#regForm) .fg{margin-bottom:16px}.page:has(#regForm) .card-head{margin-bottom:24px}
@media(max-width:1050px){.page{gap:48px;grid-template-columns:1fr 440px}.card{padding:32px}.side-title{font-size:34px}}
@media(max-width:800px){.topbar{width:calc(100% - 40px);min-height:76px}.page,.page:has(#regForm){width:min(480px,calc(100% - 40px));display:block;margin:20px auto 40px}.side{display:none}.card{padding:30px 28px}.logo{font-size:17px}.logo-icon{width:32px;height:32px}.back{font-size:13px}}
@media(max-width:400px){.card{padding:26px 20px}.card-title{font-size:25px}.page,.page:has(#regForm){width:calc(100% - 24px)}.captcha-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}.captcha-img{width:102px}.logo{gap:8px}.fi::placeholder{font-size:12px}}
/* Account entry guidance shared by login, registration and password update. */
.account-help{margin:-2px 0 20px;border:1px solid var(--line);border-radius:6px;background:#f8faff;padding:10px 14px}.account-help summary{font-size:13px;color:var(--brand);cursor:pointer;min-height:26px}.account-help p{font-size:12px;line-height:1.8;margin-top:10px}.auth-support{display:flex;gap:20px;justify-content:space-between;margin-top:14px;font-size:12px;color:var(--brand)}.auth-support a{padding:5px 0}.field-guidance{font-size:12px;line-height:1.7;color:var(--muted);margin-top:6px}
.trial-account-note{margin-top:24px;padding:18px 20px;background:#eff5ff;border-left:3px solid var(--brand);border-radius:0 6px 6px 0}.trial-account-note strong{font-size:14px}.trial-account-note p{font-size:12px;margin:6px 0 14px}.trial-account-note .btn{font-size:13px;width:100%}

/* Login support stays visible beside the form at every breakpoint. */
.login-support{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap;gap:8px 24px}.login-support a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0}