.entryBox .cont {
	border-radius: 8px;
	box-shadow: 0 3px 15px #0002;
	overflow: hidden
}

/* The parent dialog owns the shadow; keep its iframe edge solid white. */
html:has(body.auth-dialog), body.auth-dialog { background: #fff; }
.auth-dialog .entryBox .cont { box-shadow: none; }
/* Do not expose the site's dark custom scrollbar along the dialog edge. */
html.auth-document, .auth-dialog { scrollbar-width: none; }
html.auth-document::-webkit-scrollbar,
.auth-dialog::-webkit-scrollbar { display: none; width: 0; height: 0; }

.entryBox .cont>.img {
	width: 50%;
	object-fit: cover
}

.entryBox .cont>.right {
	width: 50%;
	box-sizing: border-box
}

.entryBox .form .logo img {
	width: 130px;
	max-width: 100%;
	height: auto
}

.auth-welcome {
	margin: 24px 0 10px;
	color: #202640
}

.auth-welcome h1 {
	font: 600 30px/1.2 Montserrat, Arial, sans-serif;
	margin: 0 0 8px
}

.auth-welcome p {
	font-size: 13px;
	color: #202640
}

.entryBox .sub1 {
	background: #080808 !important;
	border: 0 !important;
	border-radius: 5px !important;
	color: #fff !important
}

.entryBox .input {
	border-radius: 10px !important;
	border-color: #e8e8e8 !important
}

.auth-name-row {
	display: flex;
	gap: 10px;
	margin-bottom: 12px
}

.auth-name-row input {
	width: 50%;
	min-width: 0;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	padding: 12px;
	font-size: 15px
}

.auth-social {
	margin-top: 22px
}

.auth-social-line {
	display: flex;
	gap: 20px;
	align-items: center;
	color: #999;
	font-size: 12px
}

.auth-social-line:before,
.auth-social-line:after {
	content: '';
	height: 1px;
	flex: 1;
	background: #e7e7e7
}

.auth-social-links {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 18px
}

.auth-social-links a {
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	color: white;
	font: bold 19px Arial;
	background: #333
}

.auth-social-links .google {
	color: #4285f4;
	background: white
}

.auth-social-links .facebook {
	background: #4267a9
}

.auth-social-links .wechat {
	background: #20b398;
	font-size: 15px
}

@media(max-width:650px) {
	.entryBox .cont>.img {
		display: none
	}

	.entryBox .cont>.right {
		width: 100%
	}
}

/* Login dialog follows the 780 x 560 reference, with no legacy fixed-height form gaps. */
.auth-login .cont {
	width: 780px !important;
	max-width: 100%;
	height: 560px;
	align-items: stretch
}

.auth-login .cont>.img {
	width: 50% !important;
	height: 560px !important;
	flex: 0 0 50%
}

.auth-login .cont>.right {
	width: 50% !important;
	flex: 0 0 50%;
	min-width: 0
}

.auth-login .cont>.right>.form {
	width: 100% !important;
	height: 100%;
	padding: 50px 38px 26px !important;
	box-sizing: border-box;
	margin: 0 !important
}

.auth-login .logon-tab,
.auth-login .login-section {
	display: none
}

.auth-login .auth-welcome {
	margin: 24px 0 30px !important
}

.auth-login .auth-welcome h1 {
	margin: 0 0 7px;
	font-size: 30px;
	line-height: 1.15;
	font-weight: 600
}

.auth-login .auth-welcome p {
	margin: 0;
	font-size: 13px;
	line-height: 18px
}

.auth-login .cont .right .logo img {
	height: 26px !important;
	width: auto;
	max-width: 135px
}

.auth-login .cont .right form.right {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none;
	height: auto
}

.auth-login .cont .right .grt {
	height: auto !important;
	min-height: 0 !important
}

.auth-login .cont .right .list {
	padding-top: 0 !important;
	margin: 0 !important
}

.auth-login .cont .right .list .li {
	margin: 0 0 16px !important
}

.auth-login .cont .right .list .li:last-child {
	margin-bottom: 0 !important
}

.auth-login .cont .right .list .li .input input {
	height: 44px;
	box-sizing: border-box;
	font-size: 15px
}

.auth-login .cont .right .list .li .m {
	padding-top: 12px !important
}

.auth-login .cont .right .list .li .sub1 {
	height: 44px
}

.auth-login .cont .right .list .li .more {
	margin-top: 20px !important;
	line-height: 20px;
	display: flex;
	justify-content: space-between
}

.auth-login .cont .right .list .li .more a {
	font-size: 14px;
	color: #777
}

.auth-login .auth-social {
	margin-top: 20px !important
}

.auth-login .auth-social-line {
	height: 16px
}

.auth-login .auth-social-links {
	margin-top: 17px !important;
	gap: 14px
}

.auth-login .form>.sole {
	top: 15px;
	right: 16px
}

.auth-dialog .auth-login {
	padding: 0 !important
}

.auth-dialog:has(.auth-login) {
	margin: 0;
	overflow-x: hidden
}

.auth-dialog:has(.auth-login)>.contentBox {
	padding: 0 !important;
	margin: 0 !important
}

@media(max-width:750px) {
	.auth-login .cont {
		width: 100% !important;
		height: auto;
		min-height: 520px
	}

	.auth-login .cont>.img {
		display: none !important
	}

	.auth-login .cont>.right {
		width: 100% !important;
		flex-basis: 100%
	}

	.auth-login .cont>.right>.form {
		max-width: 390px;
		margin: auto !important;
		padding: 30px 28px 24px !important
	}

	.auth-login .auth-welcome {
		margin: 20px 0 24px !important
	}
}

.auth-social-links a.google,
.auth-social-links a.facebook,
.auth-social-links a.wechat {
	background: transparent;
	border-radius: 0
}

.auth-social-links a img {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain
}

/* Keep name fields equal and aligned, including validation/focus states. */
#register-form .auth-name-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 10px;
	width: 100%;
	box-sizing: border-box
}

#register-form .auth-name-row input,
#register-form .auth-name-row input:focus {
	display: block;
	width: 100% !important;
	min-width: 0;
	max-width: 100%;
	height: 46px;
	font-size: 16px;
    font-family: light;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 13px;
	border: 1px solid #e8e8e8;
	transition: none;
	outline: 0
}

#register-form .auth-name-row input:focus {
	border-color: #b8ddf3;
	box-shadow: 0 0 0 2px #e8f5ff
}

#register-form .list .li .input,
#register-form .list .li .input input {
	width: 100%;
	min-width: 0;
	box-sizing: border-box
}

/* Validator inserts inline messages between inputs; use the form's toast errors instead. */
#register-form .auth-name-row>.msg-box {
	display: none !important
}

#register-form .auth-name-row>input[name="first_name"] {
	grid-column: 1;
	grid-row: 1
}

#register-form .auth-name-row>input[name="last_name"] {
	grid-column: 2;
	grid-row: 1
}
.entryBox .form .logo img{height:26px!important;width:auto;max-width:135px;object-fit:contain}

/* Registration shares the login dialog's frame and fixed brand/social anchors. */
.auth-register .cont{width:780px!important;max-width:100%;height:560px;align-items:stretch}
.auth-register .cont>.img{width:50%!important;height:560px!important;flex:0 0 50%}
.auth-register .cont>.right{width:50%!important;flex:0 0 50%;min-width:0}
.auth-register .cont>.right>.form{position:relative;width:100%!important;height:560px;padding:50px 38px 26px!important;box-sizing:border-box;margin:0!important}
.auth-register .form>.sole,.auth-login .form>.sole{top:15px!important;right:15px!important}
.auth-register .grt{height:auto!important;min-height:0!important}
.auth-register .cont .right .list{padding-top:36px!important;margin:0!important}
.auth-register .cont .right .list .li{margin:0 0 12px!important}
.auth-register .cont .right .list .li .input input{height:42px!important;box-sizing:border-box}
.auth-register .cont .right .list .li .m{padding-top:8px!important}
.auth-register .cont .right .list .li .sub1{height:44px}
.auth-register .cont .right .list .li .more{margin-top:18px!important;line-height:20px}
.auth-login .cont>.right>.form{position:relative}
.auth-login .auth-social,.auth-register .auth-social{position:absolute;top:425.5px;left:38px;right:38px;margin-top:0!important}
.auth-register .auth-social-line{height:16px}
.auth-register .auth-social-links{margin-top:17px!important;gap:14px}
.entryBox .input:focus-within{border-color:#b8ddf3!important;box-shadow:0 0 0 2px #e8f5ff}
.entryBox .input input:focus{outline:none!important;box-shadow:none!important}
.entryBox .cont .right .list .li .input:has(img.vs){display:flex;align-items:stretch;overflow:hidden;position:relative;height:44px;box-sizing:border-box;border:1px solid #e8e8e8;border-radius:10px!important}
.entryBox .cont .right .list .li .input:has(img.vs) input{flex:1 1 0;min-width:0;width:0!important;height:100%!important;border:0!important;border-radius:0;background:transparent;box-sizing:border-box}
.entryBox .cont .right .list .li .input img.vs{position:static!important;flex:0 0 120px;width:120px;max-width:40%;height:100%!important;margin:0!important;object-fit:contain;object-position:center;border:0;border-left:1px solid #eee;border-radius:0 9px 9px 0!important;box-sizing:border-box;background:#fff}
@media(max-width:750px){
 .auth-register .cont{width:100%!important;min-height:560px}
 .auth-register .cont>.img{display:none!important}
 .auth-register .cont>.right{width:100%!important;flex-basis:100%}
 .auth-register .cont>.right>.form{max-width:390px;margin:auto!important;padding:30px 28px 24px!important}
 .auth-login .auth-social,.auth-register .auth-social{left:28px;right:28px}
}