.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand-panel{background:#163b32;color:white;padding:52px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(215,236,131,.13);border-radius:50%;right:-210px;bottom:-180px;box-shadow:0 0 0 70px rgba(215,236,131,.035),0 0 0 145px rgba(215,236,131,.025)}.seller-login .login-brand-panel{background:#244b41}.login-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:20px;position:relative;z-index:2}.login-brand span{width:40px;height:40px;border-radius:12px;background:#d7ec83;color:#fff;display:grid;place-items:center;font-weight:800}.login-copy{margin:auto 0;position:relative;z-index:2;max-width:520px}.login-copy i{font-style:normal;color:#d7ec83;font-size:11px;letter-spacing:.2em}.login-copy h1{font-size:43px;line-height:1.25;color:white;margin:24px 0 18px;letter-spacing:-.04em}.login-copy p{color:#b3cdc5;line-height:1.8;max-width:420px}.login-security{font-size:11px;color:#a8c5bc;position:relative;z-index:2}.login-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px}.login-card{width:min(440px,100%)}.login-eyebrow{color:#1e624f;background:#e4f1ea;display:inline-block;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:700}.login-card h2{font-size:29px;margin:16px 0 7px}.login-card>p{font-size:12px;color:#71817c;margin:0 0 28px}.login-card form>label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}.login-card input{display:block;width:100%;margin-top:7px;border:1px solid #dce5e0;border-radius:10px;padding:12px;outline:0}.login-card input:focus{border-color:#6e9f8f;box-shadow:0 0 0 3px rgba(30,98,79,.08)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#71817c;margin-top:-3px}.login-options .check{display:flex;align-items:center;gap:5px}.login-options input{width:auto;margin:0;accent-color:#1e624f}.text-btn{border:0;background:none;color:#1e624f;font-size:10px}.login-submit{width:100%;margin-top:20px;padding:13px;justify-content:space-between}.login-error{display:none;background:#fbedeb;color:#ad4f47;padding:9px 11px;border-radius:8px;font-size:10px;margin-top:13px}.login-error.show{display:block}.portal-link{text-align:center;border-top:1px solid #e8ece9;margin-top:26px;padding-top:20px;color:#71817c;font-size:10px}.portal-link a{color:#1e624f;font-weight:700;text-decoration:none;margin-left:4px}.login-footer{font-size:9px;color:#9aa6a2;margin-top:45px}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:240px;padding:30px}.login-copy{margin:45px 0 20px}.login-copy h1{font-size:29px;margin:14px 0 8px}.login-form-panel{padding:38px 24px}.login-security{display:none}}
.login-brand-panel{background:#2b1747}.seller-login .login-brand-panel{background:#412564}.login-brand-panel:after{border-color:rgba(205,185,246,.16);box-shadow:0 0 0 70px rgba(205,185,246,.045),0 0 0 145px rgba(205,185,246,.03)}.login-brand span{background:#cdb9f6;color:#fff}.login-copy i{color:#d8c6fb}.login-copy p{color:#d0c2e3}.login-security{color:#c4b3dc}.login-eyebrow{color:#6f42c1;background:#eee6fa}.login-card>p,.login-options{color:#786d87}.login-card input{border-color:#e4ddec}.login-card input:focus{border-color:#9270c6;box-shadow:0 0 0 3px rgba(111,66,193,.1)}.login-options input{accent-color:#6f42c1}.text-btn,.portal-link a{color:#6f42c1}.portal-link{border-color:#ece6f2;color:#786d87}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}.login-brand{font-size:21px}.login-copy i,.login-security{font-size:13px}.login-copy p{font-size:15px}.login-eyebrow{font-size:12px}.login-card h2{font-size:31px}.login-card>p{font-size:14px;color:#665b75}.login-card form>label{font-size:13px}.login-card input{font:inherit;font-size:15px;line-height:1.4}.login-options,.text-btn,.portal-link,.login-error{font-size:12px}.login-footer{font-size:11px}::placeholder{color:#756a82;opacity:1}
.login-brand{width:min(100%,360px);line-height:0}.login-brand-logo{display:block;width:100%;max-width:360px;height:auto;object-fit:contain}
@media(max-width:760px){.login-shell{min-height:100dvh}.login-brand-panel{min-height:210px;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 24px max(22px,env(safe-area-inset-left))}.login-copy{margin:32px 0 8px}.login-form-panel{justify-content:flex-start;padding:30px max(20px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.login-card input{font-size:16px;min-height:48px}.login-submit{min-height:48px}.login-footer{margin-top:30px}}

/* Fluid H5 login: scale across compact phones, large phones and tablets. */
@media(max-width:960px){
  .login-shell{grid-template-columns:minmax(0,1fr);min-height:100svh;min-height:100dvh}
  .login-brand-panel{min-height:clamp(190px,31vh,270px);padding:max(24px,env(safe-area-inset-top)) max(clamp(18px,5vw,42px),env(safe-area-inset-right)) 24px max(clamp(18px,5vw,42px),env(safe-area-inset-left))}
  .login-brand{width:min(78vw,360px)}
  .login-brand-logo{width:100%;max-width:none}
  .login-copy{margin:clamp(24px,5vh,46px) 0 0;max-width:680px}
  .login-copy h1{font-size:clamp(28px,6.2vw,40px);line-height:1.28;margin:12px 0 8px}
  .login-copy p{font-size:clamp(14px,2.6vw,17px);line-height:1.65;margin:0}
  .login-security{display:none}
  .login-form-panel{justify-content:flex-start;padding:clamp(30px,6vw,56px) max(clamp(18px,5vw,48px),env(safe-area-inset-right)) calc(clamp(32px,6vw,58px) + env(safe-area-inset-bottom)) max(clamp(18px,5vw,48px),env(safe-area-inset-left))}
  .login-card{width:min(100%,520px)}
  .login-card h2{font-size:clamp(29px,5.5vw,38px);line-height:1.22;margin:0 0 10px}
  .login-card>p{font-size:clamp(14px,2.4vw,16px);line-height:1.6;margin:0 0 clamp(24px,5vw,34px)}
  .login-card form>label{font-size:15px;line-height:1.5;margin-bottom:18px}
  .login-card input{font-size:16px;min-height:54px;margin-top:8px;padding:14px 15px;border-radius:12px}
  .login-options,.text-btn,.portal-link,.login-error{font-size:14px}
  .login-options .check{gap:8px}
  .login-options .check input{width:20px;height:20px;min-height:20px}
  .login-submit{min-height:54px;margin-top:24px;padding:14px 16px;font-size:16px;border-radius:12px}
  .login-footer{font-size:12px;margin-top:clamp(30px,7vw,52px)}
}
@media(max-width:480px){
  .login-brand-panel{min-height:clamp(175px,29vh,225px)}
  .login-copy{margin-top:22px}
  .login-copy i{font-size:12px}
  .login-copy h1{font-size:clamp(27px,8vw,34px)}
  .login-form-panel{padding-top:30px}
  .login-card h2{font-size:clamp(28px,8vw,34px)}
}
@media(max-width:360px){
  .login-brand-panel{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
  .login-form-panel{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
  .login-options{gap:12px;align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:960px) and (orientation:landscape) and (max-height:600px){
  .login-shell{grid-template-columns:minmax(260px,.85fr) minmax(380px,1.15fr)}
  .login-brand-panel{min-height:100dvh;padding:24px max(24px,4vw)}
  .login-copy{margin:auto 0}.login-copy p{display:none}
  .login-form-panel{max-height:100dvh;overflow-y:auto;padding:28px max(28px,5vw)}
  .login-brand{width:min(100%,320px)}
}