body.bv-login-design{background:#f5f7fc;color:#172440;min-width:0}
body.bv-login-design #banner,body.bv-login-design #loginAdv{display:none!important}
body.bv-login-design #content{background:#f3f6fc url('/themes/_shared/next/login-cloud.webp') center/cover no-repeat!important;min-height:calc(100vh - 90px);padding:120px 40px 60px!important;height:auto}
body.bv-login-design .zdlogin{width:100%;max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:70px;align-items:start;padding:0;height:auto}
.bv-login-intro{padding:34px 0}.bv-login-eyebrow{letter-spacing:5px;font-size:12px!important;font-weight:600;color:#8b98b7!important}.bv-login-intro h1{font-size:54px;line-height:1.35;letter-spacing:-1.5px;margin:28px 0 22px;font-weight:700;color:#14213d}.bv-login-intro>p{font-size:18px;color:#74819b}
body.bv-login-design .loginDiv{width:100%;float:none;margin:0;padding:40px;background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:22px;box-shadow:0 18px 60px #52688e0b;box-sizing:border-box;min-height:0;height:auto;backdrop-filter:blur(16px)}
.bv-login-heading h2{font-size:32px;margin:0 0 10px;color:#172440;font-weight:650}.bv-login-heading p{font-size:15px;color:#7b88a2;margin:0 0 32px}
body.bv-login-design .QRLoginSwitchDiv{display:flex;align-items:center;width:100%;margin:0 0 26px;height:auto;padding:0;border-bottom:1px solid #e4e8f1}
body.bv-login-design .QRLoginSwitchDiv>div:not(.intervalDiv){flex:1;width:auto;height:auto;text-align:center;cursor:pointer;padding:0 0 14px;font-size:14px}
body.bv-login-design .intervalDiv{display:none}body.bv-login-design .selectedType{color:#d77525!important}
body.bv-login-design .loginFormDiv{margin:0;width:100%}body.bv-login-design .inputField{width:100%;margin:0 0 18px;box-sizing:border-box}
body.bv-login-design .iam-input-text{width:100%;height:52px;border:1px solid #dce2ef;border-radius:10px;padding:0 15px;background:#ffffffc9;font-size:14px;color:#263650;box-sizing:border-box}
body.bv-login-design .iam-input-text:focus{border-color:#d98c49;outline:3px solid #eea26422;box-shadow:none}
body.bv-login-design .pwdInputField input{padding-right:45px}body.bv-login-design .pwdShowimg{right:15px;top:18px}
body.bv-login-design .buttonAreaDiv{margin-top:24px}body.bv-login-design .loginBtn button{width:100%;height:50px;background:linear-gradient(100deg,#ffab4c,#ff822a);border:0;border-radius:11px;color:#fff;font-size:17px;font-weight:600;cursor:pointer}
body.bv-login-design .loginBtn button:hover{filter:brightness(.96)}body.bv-login-design #bottomBtns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:23px 0 0;height:auto}body.bv-login-design #bottomBtns>div{margin:0;float:none;width:auto}body.bv-login-design #bottomBtns a{color:#9d622f}body.bv-login-design #iamCheckArea{flex-basis:100%;color:#64748b;cursor:pointer}
body.bv-login-design #footer{background:#f5f7fc!important;color:#8190a7;padding:20px;text-align:center;height:auto}body.bv-login-design #footer .widthLimit{max-width:1200px;width:100%}body.bv-login-design #footer a{color:#8190a7}
body.bv-login-design #header .header-inner{background:#f8faffdb!important}body.bv-login-design #header a{color:#21324d!important}body.bv-login-design #header .header-logo img{filter:brightness(.35)}body.bv-login-design #header .header-icon-search,body.bv-login-design #header .header-search-icon i,body.bv-login-design #header .shopping-cart-icon{filter:brightness(.3)!important}body.bv-login-design #header .header-menu-mb span{background:#21324d!important}
@media(max-width:1000px){body.bv-login-design .zdlogin{grid-template-columns:minmax(0,1fr) 400px;gap:25px}.bv-login-intro h1{font-size:40px}}
@media(max-width:768px){body.bv-login-design #content{padding:90px 20px 30px!important;background-position:30% bottom!important}body.bv-login-design .zdlogin{display:block}.bv-login-intro{padding:0 4px 24px}.bv-login-intro h1{font-size:27px;line-height:1.4;margin:12px 0}.bv-login-intro h1 br{display:none}.bv-login-intro>p{font-size:13px}.bv-login-eyebrow{font-size:10px!important;letter-spacing:3px}body.bv-login-design .loginDiv{max-width:440px;margin:auto;padding:28px 24px;border-radius:18px}.bv-login-heading h2{font-size:26px}.bv-login-heading p{margin-bottom:25px}body.bv-login-design #footer{font-size:11px}}
body.bv-login-design #content{box-sizing:border-box;width:100%!important}
body.bv-login-design #content .zdlogin{display:grid!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:1280px!important;margin:0 auto!important}
body.bv-login-design #content .loginDiv{min-width:0!important;width:100%!important;max-width:none!important}
body.bv-login-design .loginDiv .loginFormDiv,body.bv-login-design .loginDiv #hwLoginDivId{width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important}
body.bv-login-design .loginDiv .inputField{width:100%!important}
@media(max-width:768px){body.bv-login-design #content .zdlogin{display:block!important}body.bv-login-design #content .loginDiv{max-width:440px!important}body.bv-login-design .bv-login-intro{max-width:100%}}
html:has(body.bv-login-design){height:auto!important;overflow-x:hidden}
body.bv-login-design{width:100%!important;margin:0!important;position:static!important;height:auto!important;padding:0!important}
body.bv-login-design #content .zdlogin{height:auto!important;overflow:visible!important;min-height:0!important;padding-top:0!important}
body.bv-login-design #content .loginDiv{height:auto!important;max-height:none!important}
body.bv-login-design .loginDiv .QRLoginSwitchDiv .selectedType{border-bottom-color:#f68b35!important}
body.bv-login-design #footer{position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box;height:auto!important;margin:0!important}
body.bv-login-design #content{background-image:linear-gradient(180deg,#f3f6fcd9 0%,#f3f6fcaa 27%,transparent 53%),url('/themes/_shared/next/login-cloud.webp')!important}
body.bv-login-design #header{box-sizing:border-box}
/* The shared header expects border-box, absent in the legacy login shell. */
body.bv-login-design #header *,body.bv-login-design #header *::before,body.bv-login-design #header *::after{box-sizing:border-box}
@media(max-width:768px){body.bv-login-design #header .header-menu-mb{height:58px;box-sizing:border-box;flex-shrink:0}}
/* Keep SMS input and send-code action on one line without changing visibility toggles. */
body.bv-login-design .loginDiv .inputField:has(>#phoneCodeInp){position:relative!important;height:52px!important;margin-left:0!important;margin-right:0!important;padding:0!important}
body.bv-login-design .loginDiv #phoneCodeInp{width:100%!important;padding-right:118px!important;box-sizing:border-box}
body.bv-login-design .loginDiv #phoneCodeInp+.input-group-append{position:absolute;right:5px;top:5px;width:108px;height:42px!important;margin:0;padding:0;display:flex}
body.bv-login-design .loginDiv #phoneCodeInp+.input-group-append button{width:100%!important;height:42px!important;min-width:0;margin:0!important;padding:0 8px!important;line-height:42px!important;border:0;border-radius:7px;background:#fff1e4;color:#a8591d;white-space:nowrap;font-size:12px;box-sizing:border-box}
body.bv-login-design .loginDiv #phoneCodeInp+.input-group-append button:disabled{opacity:.6;cursor:default}
/* Email login shares the translucent material of the outer form. */
body.bv-login-design .loginDiv #email{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:0!important;box-shadow:none!important;border-radius:0}
body.bv-login-design .loginDiv #email>form,body.bv-login-design .loginDiv #email .loginFormDiv{background:transparent!important}
/* Remove the legacy opaque form wrapper; the login card owns the glass surface. */
body.bv-login-design .loginDiv #hwLoginDivId{background:transparent!important;box-shadow:none!important}
/* Center the login copyright block and its wrapped legal lines. */
body.bv-login-design #footer .copyrightDiv{float:none!important;width:100%!important;margin:0 auto!important;text-align:center!important;display:flex;flex-direction:column;align-items:center;gap:8px}
body.bv-login-design #footer .copyrightDiv .right-space{margin-right:0!important;text-align:center;max-width:100%;overflow-wrap:anywhere}
body.bv-login-design #footer .widthLimit{margin-left:auto!important;margin-right:auto!important}
/* Legal links precede copyright in the login footer. */
body.bv-login-design #footer .footer-content{display:flex!important;flex-direction:column;align-items:center;gap:14px}
body.bv-login-design #footer .otherLinkDiv{order:0;float:none!important;width:100%!important;margin:0!important;text-align:center}
body.bv-login-design #footer .copyrightDiv{order:1}
/* Restore legal footer content on mobile; remove legacy fixed-height clipping. */
@media(max-width:768px){
body.bv-login-design #footer{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:24px 20px!important}
body.bv-login-design #footer .widthLimit,body.bv-login-design #footer .footer-content{display:flex!important;flex-direction:column;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important}
body.bv-login-design #footer .copyrightDiv,body.bv-login-design #footer .otherLinkDiv{display:block!important;height:auto!important;line-height:1.8!important;color:#718096}
}
/* Keep the public product-search icon independent of auth button styles. */
@media(min-width:769px){
 body.bv-login-design #header .link-searcher-submit{position:absolute!important;top:50%!important;right:16px!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center;justify-content:center;width:24px!important;min-width:0!important;height:24px!important;min-height:0!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1!important}
 body.bv-login-design #header .link-searcher-submit>i{position:static!important;display:block!important;flex:0 0 16px;width:16px!important;height:16px!important;margin:0!important;padding:0!important;transform:none!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
}
/* Large displays: keep illustration scale bounded and balance the content vertically. */
@media(min-width:1600px){
 body.bv-login-design:not(.bv-auth-design) #content{min-height:calc(100vh - 118px)!important;display:flex;align-items:center;padding:120px 60px 80px!important;background-size:100% 100%,1920px auto!important;background-position:center!important;background-color:#f3f6fc!important}
 body.bv-login-design:not(.bv-auth-design) #content .zdlogin{max-width:1440px!important;grid-template-columns:minmax(0,1fr) 480px;gap:100px;align-items:start}
 body.bv-login-design .bv-login-intro h1{font-size:60px}
 body.bv-login-design .bv-login-intro{padding-top:34px}
}
@media(min-width:1600px){body.bv-login-design:not(.bv-auth-design) #content{background-image:linear-gradient(90deg,#f3f6fc calc(50% - 960px),transparent calc(50% - 760px),transparent calc(50% + 760px),#f3f6fc calc(50% + 960px)),linear-gradient(180deg,#f3f6fcdb,transparent 70%),url('/themes/_shared/next/login-cloud.webp')!important;background-size:100% 100%,100% 100%,1920px auto!important}}