/* A3 extends the frozen login presentation only; no shared assets are rewritten. */
#baole-login-brand.bo-auth-a3 .bo-login-stage{align-items:stretch}
#baole-login-brand.bo-auth-a3 .bo-login-form>.affs-nav,
#baole-login-brand.bo-auth-a3 .bo-login-form>.mt-4,
#baole-login-brand.bo-auth-a3 .bo-login-form>.Oauth_login{max-width:368px;margin-left:auto!important;margin-right:auto!important}
#baole-login-brand.bo-auth-a3 .bo-login-form>.affs-nav{display:flex;gap:31px;flex-wrap:nowrap;margin-top:24px;margin-bottom:25px;padding:0;border-bottom:1px solid var(--line);list-style:none}
#baole-login-brand.bo-auth-a3 .affs-nav .nav-item{flex:0 0 auto;margin:0}
#baole-login-brand.bo-auth-a3 .affs-nav .nav-link{position:relative;display:block;white-space:nowrap;padding:0 0 13px;font-size:14px;line-height:24px;color:#535c69;cursor:pointer;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-weight:400}
#baole-login-brand.bo-auth-a3 .affs-nav .nav-link.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:500}
#baole-login-brand.bo-auth-a3 .affs-nav .nav-link:after{display:none}
#baole-login-brand.bo-auth-a3 .login-tab>.text-register{display:none}
#baole-login-brand.bo-auth-a3 .bo-login-form>.mt-4{margin-top:0!important}
#baole-login-brand.bo-auth-a3 .bo-auth-form>.d-flex{font-size:13px;line-height:20px;color:#535c69;margin-top:-4px;margin-bottom:24px}
#baole-login-brand.bo-auth-a3 .bo-auth-form>.mt-3{margin-top:0!important}
#baole-login-brand.bo-auth-a3 .bo-auth-form>.mt-3>.btn-primary{display:flex;width:100%;height:44px;min-height:44px;justify-content:center;align-items:center;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:0;box-shadow:none;font-size:14px;font-weight:400;padding:0!important;cursor:pointer}
#baole-login-brand.bo-auth-a3 .bo-auth-form>.mt-3>.btn-primary:hover{background:#005cda;border-color:#005cda}
#baole-login-brand.bo-auth-a3 textarea.form-control{height:110px;padding:10px 13px;resize:vertical}
#baole-login-brand.bo-auth-a3 select.form-control{padding-right:28px;appearance:auto}
#baole-login-brand.bo-auth-a3 .input-group-prepend{display:flex;flex:0 0 110px;width:110px;min-width:0}
#baole-login-brand.bo-auth-a3 .input-group-prepend>.form-control{height:44px;border-right:0}
#baole-login-brand.bo-auth-a3 .input-group-append{height:44px!important}
#baole-login-brand.bo-auth-a3 .input-group-append>.btn{line-height:22px!important}
#baole-login-brand.bo-auth-a3 .invalid-feedback{font-size:12px;line-height:20px}
#baole-login-brand.bo-auth-a3 .serviceTerms{display:flex;align-items:flex-start;gap:9px;margin-top:20px;font-size:12px;line-height:20px;color:#687281}
#baole-login-brand.bo-auth-a3 .serviceTerms .custom-checkbox{position:relative;flex:0 0 14px;width:14px;height:14px;margin-top:3px;border:1px solid #aeb9c7;background:#fff;cursor:pointer}
#baole-login-brand.bo-auth-a3 .serviceTerms .custom-checkbox.checked{border-color:var(--blue);background:var(--blue)}
#baole-login-brand.bo-auth-a3 .serviceTerms .custom-checkbox.checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 1px 1px 0;transform:rotate(45deg)}
#baole-login-brand.bo-auth-a3 .serviceTerms a{font-weight:400}
#baole-login-brand.bo-auth-a3 .bo-auth-brand-description{margin-top:16px;color:#535c69;font-size:14px;line-height:24px;overflow-wrap:anywhere}
#baole-login-brand.bo-auth-a3 .bo-auth-brand-description:empty{display:none}
#baole-login-brand.bo-auth-a3 .bo-auth-custom-brand-art{width:100%;height:100%;left:0;right:0;object-fit:cover;mask-image:linear-gradient(to bottom,transparent 140px,#000 320px)}
#baole-login-brand.bo-auth-a3 .bo-auth-custom-header,
#baole-login-brand.bo-auth-a3 .bo-auth-custom-footer{max-width:1100px;width:calc(100% - 64px);margin:20px auto;text-align:center;overflow-wrap:anywhere}
#baole-login-brand.bo-auth-a3 .bo-auth-custom-header :where(img,video),
#baole-login-brand.bo-auth-a3 .bo-auth-custom-footer :where(img,video){max-width:100%;height:auto}
#baole-login-brand.bo-auth-a3 .bo-auth-custom-header+.bo-login-stage{margin-top:24px}
#baole-login-brand.bo-auth-a3 .bo-auth-custom-footer{margin:0 auto 20px}
#baole-login-brand.bo-auth-a3 .bo-login-form .mt-5.text-center{margin-top:22px!important;text-align:left!important;font-size:13px;line-height:22px;color:#535c69}
#baole-login-brand.bo-auth-a3 .bo-login-form .mt-5.text-center a{font-weight:400}
#baole-login-brand.bo-auth-a3 .Oauth_login :where(img,svg){max-width:28px;max-height:28px}
#baole-login-brand.bo-auth-a3 .Oauth_login .font-size-14{font-size:13px!important;font-weight:400;color:var(--muted)}
#baole-login-brand.bo-auth-a3 .Oauth_login .social-list-item{border:0}
#baole-login-brand.bo-auth-a3 .allow_login_code_captcha{display:none}
#baole-login-brand.bo-auth-a3 .modal-dialog{width:520px;max-width:calc(100% - 32px);margin:24px auto}
#baole-login-brand.bo-auth-a3 .modal-content{border:1px solid #d4d9e1;border-radius:0;box-shadow:none;background:#fff}
#baole-login-brand.bo-auth-a3 .modal-header{align-items:center;padding:18px 24px;min-height:62px;border-bottom:1px solid var(--line)}
#baole-login-brand.bo-auth-a3 .modal-title{margin:0;font-size:16px;line-height:24px;font-weight:500;color:#20252d}
#baole-login-brand.bo-auth-a3 .modal-body{padding:24px;max-height:calc(100dvh - 190px);overflow-y:auto;overflow-wrap:anywhere}
#baole-login-brand.bo-auth-a3 .modal-body .form-group.row{display:block;margin-left:0;margin-right:0;margin-bottom:21px!important}
#baole-login-brand.bo-auth-a3 .modal-body .form-group.row>label{display:block;width:auto;max-width:none;padding:0;text-align:left!important}
#baole-login-brand.bo-auth-a3 .modal-body .form-group.row>.col-sm-8{width:100%;max-width:none;padding:0}
#baole-login-brand.bo-auth-a3 .modal-body .form-group.row.mb-0{margin-bottom:0!important}
#baole-login-brand.bo-auth-a3 .modal-footer{padding:16px 24px;border-top:1px solid var(--line)}
#baole-login-brand.bo-auth-a3 .modal-footer .btn{padding:6px 16px;min-height:36px;border:1px solid #d4d9e1;border-radius:0;box-shadow:none;font-size:13px;line-height:22px;background:#fff;color:#535c69}
#baole-login-brand.bo-auth-a3 .modal-footer .btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
#baole-login-brand.bo-auth-a3 :where(h3,h4,h5,h6,ul,li,select,textarea){font-family:inherit}
@media(max-width:820px){
#baole-login-brand.bo-auth-a3 .bo-auth-custom-header,
#baole-login-brand.bo-auth-a3 .bo-auth-custom-footer{width:calc(100% - 48px)}
}
@media(max-width:650px){
#baole-login-brand.bo-auth-a3 .bo-login-form>.affs-nav{gap:24px}
#baole-login-brand.bo-auth-a3 .input-group-prepend{width:96px;flex-basis:96px}
#baole-login-brand.bo-auth-a3 .modal-header{padding:16px}
#baole-login-brand.bo-auth-a3 .modal-body{padding:20px 16px}
#baole-login-brand.bo-auth-a3 .modal-footer{padding:16px}
}
