/* Đăng nhập / đăng ký proxygiare: cột trái navy, nút hồng */
.ndv-auth, .ndv-profile { --a-primary: #fd6e88; --a-ink: #072d59; --a-text: #31496a; --a-muted: #5f7590; --a-line: #d6e6f2; --a-bg: #f0f9fe; }
.ndv-auth .ndv-auth-submit:hover, .ndv-auth-submit:hover { background: #e2506c !important; }
/* Trang Tài khoản (chưa đăng nhập) proxygiare: 2 cột, cột trái xanh giới thiệu */
.tpl-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-width: 1040px; margin: 36px auto; overflow: hidden; border: 1px solid #d6e6f2; border-radius: 28px; background: #fff; box-shadow: 0 24px 60px rgba(7, 45, 89, .10); }
.tpl-side { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 40px 36px; background: radial-gradient(120% 80% at 100% 0, rgba(255, 255, 255, .12), transparent 60%), linear-gradient(150deg, #072d59, #0f4a8a 60%, #1a5fb4); color: #fff; }
.tpl-logo img { height: 40px; width: auto; }
.tpl-side h2 { margin: 18px 0 4px; color: #fff; font-size: 28px; font-weight: 800; line-height: 1.25; }
.tpl-side ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.tpl-side li { display: flex; align-items: center; gap: 12px; margin: 0; color: #e8f1fb; font-size: 15px; }
.tpl-side li .ndv-ic { flex: none; width: 36px; height: 36px; padding: 8px; border-radius: 11px; background: rgba(255, 255, 255, .14); color: #fff; }
.tpl-main { padding: 32px 36px; }
.tpl-main .ndv-auth { max-width: none; margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
@media (max-width: 820px) {
	.tpl-split { grid-template-columns: 1fr; margin: 16px 12px; border-radius: 20px; }
	.tpl-side { gap: 12px; padding: 24px 20px; }
	.tpl-side h2 { margin-top: 6px; font-size: 21px; }
	.tpl-side ul { display: none; }
	.tpl-side li { font-size: 13.5px; }
	.tpl-side li .ndv-ic { width: 30px; height: 30px; padding: 6px; }
	.tpl-main { padding: 22px 18px; }
}
/* Quả cầu trong cột navy trang Đăng nhập / Đăng ký */
.tpl-side { overflow: hidden; }
.tpl-side > *:not(.pg-orb) { position: relative; z-index: 2; }
.tpl-side .pg-orb { position: absolute; z-index: 1; top: -80px; bottom: auto; transform: none; right: -70px; width: 210px; height: 210px; border-radius: 50%; pointer-events: none;
	background: radial-gradient(circle at 26% 34%, #fff6f8 0, #ffc3d0 9%, #fd6e88 24%, #b45aa8 38%, #3f6fd1 54%, #1a4aa0 70%, #072d59 92%);
	box-shadow: inset -40px -30px 80px rgba(7, 45, 89, .55), 0 30px 70px rgba(0, 0, 0, .25); opacity: .95; }
.tpl-side .pg-orb-glass { position: absolute; left: -80px; top: -200px; bottom: -200px; width: 170px;
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 2px, rgba(255, 255, 255, .08) 2px 28px, rgba(255, 255, 255, .03) 28px 46px);
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); -webkit-mask: linear-gradient(90deg, transparent, #000 30%, #000 80%, transparent); mask: linear-gradient(90deg, transparent, #000 30%, #000 80%, transparent); }
@media (max-width: 820px) { .tpl-side .pg-orb { right: -90px; bottom: auto; top: -80px; width: 200px; height: 200px; opacity: .8; } }