/* THIÊN CẢNH HOÁN HÌNH / WEB V4 FINAL THEME
   Standard: large title/primary CTA 18px, small title/button 14px, body 13px
   Coastal blue with white letterforms; imagery visible only as subtle background. */
:root{--t4-ocean:#1469a9;--t4-deep:#10477c;--t4-sky:#278ac4;--t4-ice:#eaf7ff;--t4-snow:#fbfdff;--t4-ink:#294b61;--t4-edge:#93bcd6;--t4-gold:#d4b16b}
html body.x-subpage.tchh-snow-v1{font-family:"Segoe UI",Arial,sans-serif!important;font-size:13px!important;line-height:1.6!important;color:var(--t4-ink)!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content{font-family:"Segoe UI",Arial,sans-serif!important;font-size:13px!important;line-height:1.6!important;color:var(--t4-ink)!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(p,li,span,small,td,dd,dt,label,blockquote,.member-intro,.member-quote,.register-subtitle,.member-seal small,.register-note p,.news-featured-content p,.faq-answer,.guide-content){font-family:"Segoe UI",Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:0!important;color:#294b62!important;text-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(h1,h2,.member-title,.register-title,.member-card h2,.register-form-title,.page-title,.panel-title,.news-page-head h2,.download-section-title,.section-title){font:900 18px/1.4 "Segoe UI",Arial,sans-serif!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:white!important;text-shadow:none!important;background:linear-gradient(135deg,#2b91c9,#145688)!important;border:2px solid #0e497f!important;border-left:5px solid var(--t4-gold)!important;border-radius:11px!important;box-shadow:0 5px 15px rgba(24,100,150,.17)!important;padding:11px 17px!important;margin:0 0 17px!important;width:fit-content!important;max-width:100%!important;display:block!important;overflow-wrap:break-word!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(h3,h4,.member-seal b,.register-note h3,.member-note h3,.guide-card-title,.news-section-subtitle){font:850 14px/1.44 "Segoe UI",Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:white!important;background:linear-gradient(125deg,#398fc1,#16588e)!important;border:2px solid #164f80!important;border-left:4px solid var(--t4-gold)!important;border-radius:9px!important;text-shadow:none!important;padding:8px 12px!important;margin-top:0!important;margin-bottom:10px!important;width:fit-content!important;max-width:100%!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(h5,h6){font:850 14px/1.5 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase!important;color:#175783!important}
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy h1{font:900 18px/1.4 "Segoe UI",Arial,sans-serif!important;color:#fff!important;text-shadow:none!important;background:linear-gradient(120deg,#2786bd,#10518a)!important;border:2px solid #10518a!important;border-left:5px solid var(--t4-gold)!important;padding:12px 21px!important;box-shadow:0 10px 24px rgba(22,96,145,.18)!important}
html body.x-subpage.tchh-snow-v1 .tchh-section-band strong{font:850 14px/1.45 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase!important;color:white!important;background:linear-gradient(110deg,#3d98c8,#1b5e96)!important;border:2px solid #125387!important;border-left:4px solid var(--t4-gold)!important;border-radius:10px!important;padding:10px 15px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(button,input[type="submit"],input[type="button"],a[class*="btn"],a[class*="button"],.member-btn,.register-btn,.download-btn-orange,.download-quick-actions a),html body.x-subpage.tchh-snow-v1 .tchh-sky-portal a,html body.x-subpage.tchh-snow-v1 .x-nav a{font-family:"Segoe UI",Arial,sans-serif!important;font-weight:850!important;font-size:14px!important;line-height:1.45!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#fff!important;text-shadow:none!important;background:linear-gradient(165deg,#2b8bc5,#135387)!important;border:2px solid #0f497d!important;border-radius:11px!important;box-shadow:0 4px 0 rgba(16,75,128,.15),0 8px 17px rgba(36,109,153,.13)!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(input[type="submit"],.member-btn:not(.secondary),.register-btn:not(.secondary),.download-btn-orange,.form-submit),html body.x-subpage.tchh-snow-v1 .tchh-snow-closing a{font-size:18px!important;min-height:48px!important;color:white!important;background:linear-gradient(145deg,#2b8ec6,#15528b)!important;border:2px solid #0d4678!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(button,input[type="submit"],a[class*="btn"],.member-btn,.register-btn):is(:hover,:focus-visible){background:linear-gradient(165deg,#4ba7d7,#1b659a)!important;color:white!important;filter:brightness(1.07)!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(button,.member-btn,.register-btn) *{color:white!important;text-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(input:not([type=checkbox]),textarea,select){font:500 13px/1.55 "Segoe UI",Arial,sans-serif!important;min-height:43px!important;color:#173f61!important;border:1px solid #92b6d3!important;background:rgba(255,255,255,.97)!important;border-radius:10px!important;box-shadow:inset 0 1px 4px rgba(29,97,151,.07)!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(input,textarea)::placeholder{font-size:13px!important;color:#6b8aa2!important;opacity:1!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-page,.register-account-page){max-width:1180px!important;margin:0 auto!important;padding:4px 0 40px!important;background:transparent!important;border:0!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-hero,.register-hero){display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:20px!important;align-items:start!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-hero,.register-hero):before{display:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-panel,.member-card,.register-hero-main,.register-hero-badge,.register-card,.register-note,.member-note){color:#254d65!important;background:rgba(250,254,255,.96)!important;border:1px solid #9cc9e4!important;border-radius:20px!important;box-shadow:0 11px 30px rgba(24,100,153,.13)!important;min-width:0!important;overflow:visible!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-panel,.member-card,.register-hero-main,.register-hero-badge,.register-card,.register-note){padding:25px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-panel,.member-card,.register-card):before,html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-panel,.member-card,.register-card):after{display:none!important;content:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-title{width:auto!important;margin:15px 0!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-title span{font:850 14px/1.5 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase!important;color:#fff!important;background:transparent!important;display:block!important;margin:4px 0 0!important;padding:0!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-kicker,.register-kicker){display:inline-flex!important;font:850 14px/1.4 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase!important;color:#17659c!important;background:#e5f5ff!important;border:1px solid #aed7ed!important;border-radius:999px!important;padding:8px 14px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-seals,.register-mini-stats){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:17px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-seal,.register-mini-stats div){background:linear-gradient(150deg,#dff3ff,#f7fcff)!important;color:#234d6d!important;border:1px solid #c5e1f2!important;border-radius:12px!important;padding:11px!important;min-width:0!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-seal b{font-size:14px!important;word-break:normal!important;overflow-wrap:break-word!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-seal small,.register-mini-stats span){display:block!important;color:#2c5270!important;font-size:13px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-form-box,.register-form-box,.member-note,.register-captcha,.member-quote,.register-note,.register-rule,.register-info){background:#eaf7ff!important;border:1px solid #b3d8ec!important;border-radius:13px!important;color:#214a69!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box{padding:15px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-field label,.register-field label){font:850 14px/1.5 "Segoe UI",Arial,sans-serif!important;color:#195a8d!important;text-transform:uppercase!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-field input,.register-field input){font-size:13px!important;background:white!important;color:#1c4a70!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-actions{display:grid!important;gap:12px!important;margin-top:14px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-quote{padding:15px!important;font-size:13px!important;margin-top:18px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-intro,.member-quote,.register-intro,.register-note p){font-size:13px!important;color:#2d5169!important;font-weight:450!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-note{padding:17px!important;margin-top:17px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-note li{font-size:13px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .login-recaptcha-box{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:102px!important;padding:12px!important;margin:12px 0!important;border:1px solid #9dcce6!important;border-radius:12px!important;background:#f7fcff!important;overflow:visible!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-msg{font-size:13px!important;color:#9c2b28!important;background:#fff4f0!important;border:1px solid #edb4a8!important;border-radius:9px!important;padding:12px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-captcha{display:block!important;min-height:104px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.faq-item,.news-side-note,.guide-mini-card,.about-card,.download-side-card){background:#f8fcff!important;border:1px solid #bbdded!important;border-radius:16px!important}
html body.x-subpage.tchh-snow-v1 .tchh-sky-portal a,html body.x-subpage.tchh-snow-v1 .tchh-sky-portal a *,html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-btn,.register-btn,.download-btn-orange,.btn-primary) *{color:#fff!important}
html body.x-subpage.tchh-snow-v1 .tchh-section-band span{font-size:13px!important;color:#2b526b!important}
@media(max-width:940px){html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-hero,.register-hero){grid-template-columns:1fr!important}html body.x-subpage.tchh-snow-v1 .x-sub-content .member-seals{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-panel,.member-card,.register-card,.register-note){padding:17px!important}html body.x-subpage.tchh-snow-v1 .x-sub-content .member-seals{grid-template-columns:1fr!important}html body.x-subpage.tchh-snow-v1 .x-sub-content .login-recaptcha-box{overflow:visible!important}}

/* QA FIX: white labels on ocean titles/buttons; login form grid integrity. */
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(h1,h2,h3,h4,.member-title,.member-card h2,.register-title,.register-note h3,.member-note h3,.member-seal b),
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(h1,h2,h3,h4,.member-title,.member-card h2,.register-title,.register-note h3,.member-note h3,.member-seal b) :is(span,strong,b,small),
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy h1,
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy h1 :is(span,strong),
html body.x-subpage.tchh-snow-v1 .tchh-section-band strong,
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-btn,.register-btn,.download-btn-orange,.form-submit,button[type="submit"]),
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.member-btn,.register-btn,.download-btn-orange,.form-submit,button[type="submit"]) *,
html body.x-subpage.tchh-snow-v1 .tchh-sky-portal a,
html body.x-subpage.tchh-snow-v1 .tchh-sky-portal a :is(span,strong,b),
html body.x-subpage.tchh-snow-v1 .x-header .x-nav a:not(:first-child){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px rgba(0,0,0,.12)!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:12px!important;grid-template-columns:none!important;height:auto!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel>div{display:block!important;position:relative!important;width:100%!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-title{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:14px 0!important;padding:13px 17px!important;line-height:1.48!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-title span{font-size:14px!important;line-height:1.5!important;white-space:normal!important;width:100%!important;color:white!important;-webkit-text-fill-color:white!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel .member-seals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important;width:100%!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel .member-seal{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel .member-seal b{display:block!important;width:100%!important;font-size:14px!important;line-height:1.4!important;overflow-wrap:break-word!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel .member-quote{display:block!important;width:100%!important;min-width:0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:14px 0 0!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box{background:#e8f6ff!important;border:1px solid #b3d7eb!important;padding:16px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box form{display:block!important;background:transparent!important;border:0!important;padding:0!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box .member-field{display:grid!important;gap:6px!important;margin:0 0 14px!important;padding:0!important;min-height:0!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box .member-field label{display:block!important;width:100%!important;background:none!important;border:0!important;padding:0!important;color:#155788!important;-webkit-text-fill-color:#155788!important;font-size:14px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box .member-field input{width:100%!important;background:#fff!important;color:#18496c!important;border:1px solid #9fc6dd!important;min-height:43px!important;padding:0 13px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box .member-actions{margin-top:13px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box .member-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box .member-btn{width:100%!important;white-space:normal!important}
@media(max-width:600px){html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel .member-seals{grid-template-columns:1fr!important}}


/* TCHH V4.1 — registration form: remove legacy amber strips, make inputs sky/snow. */
html body.x-subpage.tchh-snow-v1 .register-account-page,
html body.x-subpage.tchh-snow-v1 .register-account-grid,
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-card,
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-card form,
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-form-grid{background:rgba(249,253,255,.97)!important;background-image:none!important;color:#294d67!important;border-color:#a8d2e7!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-card{padding:24px!important;border:2px solid #97c9e3!important;border-radius:18px!important;box-shadow:0 14px 28px rgba(26,98,151,.11)!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-card form{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;outline:0!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:12px 0!important;border:0!important;box-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-field{display:grid!important;gap:7px!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;min-width:0!important;padding:0!important;margin:0!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-field.full{grid-column:1/-1!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-field label{display:block!important;line-height:1.45!important;font:850 14px/1.45 "Segoe UI",Arial,sans-serif!important;color:#175b8c!important;-webkit-text-fill-color:#175b8c!important;text-transform:uppercase!important;letter-spacing:.015em!important;background:none!important;background-image:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-field label span{color:#176499!important;-webkit-text-fill-color:#176499!important;font-size:14px!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-field input{display:block!important;width:100%!important;min-width:0!important;min-height:45px!important;padding:9px 13px!important;line-height:1.45!important;font:500 13px/1.45 "Segoe UI",Arial,sans-serif!important;border:1px solid #9cc9e2!important;border-radius:10px!important;color:#174968!important;background:#fff!important;background-image:none!important;box-shadow:inset 0 1px 4px rgba(35,111,168,.075)!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-field input:focus{background:white!important;border-color:#2185bb!important;outline:2px solid rgba(42,156,205,.19)!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-help{font:450 13px/1.6 "Segoe UI",Arial,sans-serif!important;color:#28516c!important;background:#e6f5ff!important;background-image:none!important;border:1px solid #b3d7e9!important;border-radius:10px!important;padding:12px 14px!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-captcha{display:block!important;padding:13px!important;margin:16px 0!important;min-height:105px!important;background:#eff9ff!important;background-image:none!important;border:1px solid #a9d3e9!important;border-radius:12px!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:17px!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-btn,
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-btn.secondary{font:850 14px/1.4 "Segoe UI",Arial,sans-serif!important;color:white!important;-webkit-text-fill-color:white!important;text-transform:uppercase!important;background:linear-gradient(145deg,#368fc6,#124d84)!important;border:2px solid #115080!important;border-radius:11px!important;box-shadow:0 5px 14px rgba(21,94,145,.16)!important;padding:11px 13px!important;min-height:46px!important;white-space:normal!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-btn:first-child{font-size:18px!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-note{background:rgba(244,251,255,.96)!important;border-color:#acd3e9!important}
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-note li,
html body.x-subpage.tchh-snow-v1 .register-account-grid .register-note [class*="rule"]{font:450 13px/1.6 "Segoe UI",Arial,sans-serif!important;color:#28516c!important;background:#ecf7ff!important;border:1px solid #c7e2ee!important;border-radius:8px!important}
@media(max-width:780px){html body.x-subpage.tchh-snow-v1 .register-account-grid .register-form-grid{grid-template-columns:1fr!important}html body.x-subpage.tchh-snow-v1 .register-account-grid .register-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* TCHH V4.2 — Frosted glass cards, visible Đại Lý scene. No changes to form or CAPTCHA logic. */
html body.x-subpage.tchh-snow-v1{
 background:linear-gradient(180deg,rgba(208,238,255,.24),rgba(237,249,255,.39) 55%,rgba(232,245,255,.43)),url('/assets/img/tchh-hero-city.webp') center top/cover fixed no-repeat!important;
}
html body.x-subpage.tchh-snow-v1 .x-sub-main,
html body.x-subpage.tchh-snow-v1 .x-sub-content,
html body.x-subpage.tchh-snow-v1 .page-content,
html body.x-subpage.tchh-snow-v1 .register-account-page,
html body.x-subpage.tchh-snow-v1 .register-account-grid,
html body.x-subpage.tchh-snow-v1 .member-page,
html body.x-subpage.tchh-snow-v1 .member-hero,
html body.x-subpage.tchh-snow-v1 .register-hero{background:transparent!important;background-image:none!important;box-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-hero,
html body.x-subpage.tchh-snow-v1 .x-sub-hero .x-sub-hero-bg{
 background:linear-gradient(112deg,rgba(209,236,251,.46),rgba(248,253,255,.50) 58%,rgba(225,244,255,.40)),url('/assets/img/tchh-hero-city.webp') center 40%/cover no-repeat!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .x-sub-hero-bg:before{opacity:.08!important}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .x-sub-hero-bg:after{opacity:.38!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-note,
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-side-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-note,
html body.x-subpage.tchh-snow-v1 .x-sub-content .news-main-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .events-main-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .guide-main-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .faq-main-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .about-main,
html body.x-subpage.tchh-snow-v1 .x-sub-content .news-sidebar-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .events-sidebar-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-main-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .ui-panel,
html body.x-subpage.tchh-snow-v1 .x-sub-content .contact-panel{
 background:rgba(247,252,255,.78)!important;background-image:none!important;
 border:1.5px solid rgba(111,172,209,.77)!important;
 box-shadow:0 16px 38px rgba(21,84,133,.16),inset 0 1px rgba(255,255,255,.90)!important;
 -webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-card form,
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-form-grid,
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box form{
 background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-help,
html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-captcha,
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-form-box,
html body.x-subpage.tchh-snow-v1 .x-sub-content .member-note,
html body.x-subpage.tchh-snow-v1 .x-sub-content .faq-item,
html body.x-subpage.tchh-snow-v1 .x-sub-content .guide-mini-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .about-card,
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-row-v2{
 background:rgba(230,246,255,.79)!important;background-image:none!important;
 border-color:rgba(118,182,215,.64)!important
}
html body.x-subpage.tchh-snow-v1 .tchh-section-band,
html body.x-subpage.tchh-snow-v1 .tchh-sky-portal,
html body.x-subpage.tchh-snow-v1 .tchh-snow-closing{
 background:rgba(250,253,255,.80)!important;
 -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(p,li,label,dd,dt,td,input),html body.x-subpage.tchh-snow-v1 .register-account-grid .register-help{color:#1b4665!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(input,select,textarea){background:rgba(255,255,255,.97)!important}
@media(max-width:850px){
 html body.x-subpage.tchh-snow-v1{background:linear-gradient(rgba(222,243,255,.42),rgba(239,249,255,.53)),url('/assets/img/tchh-hero-city.webp') center top/auto 100% scroll no-repeat!important}
 html body.x-subpage.tchh-snow-v1 .x-sub-content .register-account-grid .register-card,
 html body.x-subpage.tchh-snow-v1 .x-sub-content .member-card{background:rgba(249,253,255,.87)!important}
}

/* TCHH V4.3 • Single-scene layout matching the homepage.
   The scenic image is painted EXACTLY ONCE on body; hero, all overlays and
   decorative pseudo elements are transparent or removed. No blur or washout. */
html body.x-subpage.clc-main-site.tchh-snow-v1{
 background:#d0eafb url('/assets/img/tchh-hero-city.webp') center top/cover fixed no-repeat!important;
 background-image:url('/assets/img/tchh-hero-city.webp')!important;
 background-color:#d0eafb!important;
 color:#214b69!important;
}
html body.x-subpage.clc-main-site.tchh-snow-v1:before,
html body.x-subpage.clc-main-site.tchh-snow-v1:after{
 display:none!important;content:none!important;background:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-main,
html body.x-subpage.tchh-snow-v1 .x-sub-content,
html body.x-subpage.tchh-snow-v1 .page-content,
html body.x-subpage.tchh-snow-v1 .x-sub-hero,
html body.x-subpage.tchh-snow-v1 .x-sub-hero-inner,
html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-hero-copy,
html body.x-subpage.tchh-snow-v1 .register-account-page,
html body.x-subpage.tchh-snow-v1 .member-page,
html body.x-subpage.tchh-snow-v1 .register-account-grid,
html body.x-subpage.tchh-snow-v1 .member-hero{
 background:none!important;background-image:none!important;
 box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-hero{height:auto!important;min-height:0!important;border:0!important;overflow:visible!important;isolation:auto!important}
html body.x-subpage.tchh-snow-v1 .x-sub-hero-bg,
html body.x-subpage.tchh-snow-v1 .x-sub-hero-bg:before,
html body.x-subpage.tchh-snow-v1 .x-sub-hero-bg:after,
html body.x-subpage.tchh-snow-v1 .x-sub-hero:before,
html body.x-subpage.tchh-snow-v1 .x-sub-hero:after{
 display:none!important;content:none!important;background:none!important;opacity:0!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
@media(min-width:851px){
 html body.x-subpage.tchh-snow-v1 .x-sub-hero .x-sub-hero-inner{
  max-width:1300px!important;width:calc(100% - 56px)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 348px!important;
  gap:42px!important;align-items:center!important;
  min-height:220px!important;height:auto!important;padding:24px 0 10px!important
 }
 html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-sky-portal{
  width:348px!important;max-width:100%!important;grid-column:2!important;grid-row:1!important;
  margin:0!important;align-self:center!important;justify-self:end!important
 }
 html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-hero-copy{
  grid-column:1!important;grid-row:1!important;align-self:center!important;
  width:100%!important;max-width:720px!important;padding:0!important;margin:0!important
 }
}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .x-sub-hero-inner>img:first-child{display:none!important}
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy>span{
 display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;
 padding:7px 13px!important;margin:0 0 11px!important;
 color:#104c7d!important;background:#ebf8ff!important;border:2px solid #287fb2!important;
 border-radius:999px!important;box-shadow:0 5px 16px rgba(0,46,80,.13)!important;
 font:850 12px/1.4 "Segoe UI",Arial,sans-serif!important;
 text-shadow:none!important;letter-spacing:.06em!important
}
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy h1{
 display:block!important;width:max-content!important;max-width:100%!important;
 padding:11px 22px!important;margin:0 0 12px!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 background:linear-gradient(120deg,#237eb7,#105388)!important;
 border:2px solid #0b467b!important;border-left:5px solid #dfbb73!important;
 border-radius:11px!important;box-shadow:0 9px 23px rgba(0,46,88,.28)!important;
 text-shadow:none!important;font:900 18px/1.45 "Segoe UI",Arial,sans-serif!important;
 text-transform:uppercase!important
}
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy>p,
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy .tchh-breadcrumb{
 display:table!important;width:max-content!important;max-width:100%!important;
 padding:6px 12px!important;margin:8px 0!important;
 color:#174c72!important;background:rgba(247,252,255,.89)!important;
 border:1px solid rgba(96,159,199,.8)!important;border-radius:9px!important;
 text-shadow:none!important;font:600 13px/1.6 "Segoe UI",Arial,sans-serif!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html body.x-subpage.tchh-snow-v1 .tchh-hero-copy .tchh-breadcrumb *{color:#195581!important;font-size:13px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-sky-portal{
 display:grid!important;grid-template-columns:1fr!important;
 gap:8px!important;padding:0!important;
 background:none!important;background-image:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-sky-portal:before{
 display:block!important;content:"CỬU PHÁI · TÂN KỶ NGUYÊN"!important;
 padding:7px 14px!important;background:rgba(239,248,255,.92)!important;
 border:2px solid #3586b8!important;border-radius:9px!important;
 color:#125386!important;font:850 14px/1.4 "Segoe UI",Arial,sans-serif!important;
 letter-spacing:.04em!important;text-transform:uppercase!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-sky-portal>a{
 min-height:45px!important;margin:0!important;
 padding:9px 15px!important;border:2px solid #0c487c!important;border-radius:10px!important;
 background:linear-gradient(110deg,#2c85bf,#114f85)!important;color:white!important;
 font:850 14px/1.45 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase!important;
 box-shadow:0 5px 16px rgba(16,63,99,.22)!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-sky-portal>a *{
 color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px!important
}
html body.x-subpage.tchh-snow-v1 .tchh-section-band{
 position:relative!important;max-width:1300px!important;width:calc(100% - 56px)!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:15px!important;min-height:0!important;margin:0 auto 12px!important;padding:8px 15px!important;
 background:rgba(244,251,255,.76)!important;border:1.5px solid #6ba9ce!important;
 border-radius:11px!important;box-shadow:0 5px 17px rgba(0,60,110,.17)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html body.x-subpage.tchh-snow-v1 .tchh-section-band strong{
 margin:0!important;max-width:60%!important;padding:7px 13px!important;
 background:linear-gradient(125deg,#2782b8,#0f568a)!important;color:#fff!important;
 -webkit-text-fill-color:#fff!important;font:850 14px/1.4 "Segoe UI",Arial,sans-serif!important
}
html body.x-subpage.tchh-snow-v1 .tchh-section-band span{font:550 13px/1.5 "Segoe UI",Arial,sans-serif!important;color:#1c587f!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content{padding:12px 0 55px!important;min-height:350px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.news-main-panel,.events-main-panel,.guide-main-panel,.faq-main-panel,.about-main,.download-main-panel,.register-card,.member-panel,.member-card,.register-note,.member-note,.news-sidebar-card,.events-sidebar-card,.guide-sidebar-card,.faq-sidebar-card,.about-side-card,.ui-panel,.contact-panel,.register-account-grid .register-card){
 background:rgba(247,252,255,.79)!important;background-image:none!important;
 border:1.5px solid rgba(97,164,209,.8)!important;border-radius:18px!important;
 box-shadow:0 14px 36px rgba(0,65,125,.16)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.register-card form,.register-form-grid,.member-form-box form){background:none!important;background-image:none!important}
html body.x-subpage.tchh-snow-v1 .tchh-snow-closing{
 background:rgba(244,251,255,.80)!important;border:1.5px solid #6ba9ce!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
@media(max-width:850px){
 html body.x-subpage.clc-main-site.tchh-snow-v1{
  background:#d1eafa url('/assets/img/tchh-hero-city.webp') center top/auto 100vh fixed no-repeat!important
 }
 html body.x-subpage.tchh-snow-v1 .x-sub-hero .x-sub-hero-inner{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important;
  min-height:0!important;padding:24px 0 12px!important
 }
 html body.x-subpage.tchh-snow-v1 .x-sub-hero .tchh-sky-portal{width:100%!important;align-self:stretch!important}
 html body.x-subpage.tchh-snow-v1 .tchh-section-band{display:block!important;width:calc(100% - 28px)!important;margin:8px auto!important}
 html body.x-subpage.tchh-snow-v1 .tchh-section-band strong{display:block!important;max-width:100%!important}
}

/* Homepage-like content treatment: reveal the real landscape behind the page. */
html body.x-subpage.tchh-snow-v1 .tchh-section-band{display:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content{padding-top:20px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-hero-card,.download-list-v2,.download-row-v2,.download-side-card,
 .download-side-card,.download-main-panel,.download-quick-actions,.download-note-item,
 .news-featured,.news-list-v2,.news-list-v2>*,.news-sidebar,.news-main-panel,
 .events-main-panel,.events-sidebar-card,.event-featured,.event-list-v2>*,
 .guide-intro-card,.guide-mini-card,.guide-extra-box,
 .faq-item,.about-card,.contact-side-card,.contact-step,.contact-panel,
 .register-card,.register-note,.register-hero-main,.register-hero-badge,.member-panel,.member-card,.member-note,
 .register-account-grid .register-card,.register-account-grid .register-note,
 .account-layout>*,.topup-layout>*,.ui-panel,.security-action-card
 ){
 background:rgba(241,250,255,.68)!important;background-image:none!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 border:1.5px solid rgba(65,139,184,.80)!important;border-radius:17px!important;
 box-shadow:0 10px 30px rgba(10,68,116,.17)!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-hero-card{
 min-height:145px!important;max-width:100%!important;
 padding:22px 27px!important;margin:0 0 18px!important;
 overflow:visible!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-hero-card:before,
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-hero-card:after,
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-page-v2:before,
html body.x-subpage.tchh-snow-v1 .x-sub-content .news-featured:before,
html body.x-subpage.tchh-snow-v1 .x-sub-content .news-main-panel:before,
html body.x-subpage.tchh-snow-v1 .x-sub-content .news-sidebar-card:before{
 display:none!important;content:none!important;background:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-page-v2{
 background:none!important;background-image:none!important;overflow:visible!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-hero-kicker{
 color:#164e79!important;background:rgba(225,245,255,.82)!important;border:1px solid #5697c0!important;
 text-transform:uppercase!important;font:850 14px/1.5 "Segoe UI",Arial,sans-serif!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-hero-card p,.download-hero-card span,.download-hero-card small,.download-hero-sub,
 .download-note-item p,.download-row-v2 p,.news-featured-content p,.news-featured-content span,
 .news-featured p,.news-list-v2 p,.guide-intro-card p,.faq-item p
 ){font:500 13px/1.65 "Segoe UI",Arial,sans-serif!important;color:#194a6a!important;text-shadow:none!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-btn-orange,.download-btn-blue,.download-quick-actions a,.download-row-v2 a,
 a[class*="download-btn"],a[class*="btn"],button,input[type=submit]
 ),html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-btn-orange,.download-btn-blue,.download-quick-actions a,.download-row-v2 a,
 a[class*="download-btn"],a[class*="btn"],button,input[type=submit]
 ) :is(span,b,strong,small,i){
 color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-list-v2{padding:15px!important}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-note-item,.download-row-v2,.news-list-v2>*,.guide-mini-card,.faq-item
 ){background:rgba(239,249,255,.66)!important}
@media(max-width:850px){
 html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-hero-card,.register-card,.member-card,.news-main-panel,.events-main-panel
 ){background:rgba(246,252,255,.79)!important}
}


/* V4.3.1 — remove leftover solid amber/gray subpage modules. */
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(
 .download-update-section,.download-update-empty,.download-help-box,
 .download-note-grid,.download-section-title,.download-layout-v2 .download-side-card,
 .download-layout-v2 .download-side-card .config-list,.download-layout-v2 .download-side-card .config-list li,
 .news-sidebar-card,.news-sidebar-card .news-category-list,
 .events-sidebar-card,.event-list-v2>*,.guide-intro-grid>*,
 .faq-list-v2>*,.contact-side-card
){
 background:rgba(230,246,255,.73)!important;
 background-image:none!important;
 border-color:rgba(78,149,195,.75)!important;
 color:#1a5176!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:0 5px 16px rgba(20,99,149,.11)!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-update-section{
 padding:16px!important;margin:14px 0!important;
 border:1.5px solid #78b4d5!important;border-radius:15px!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-update-section :is(.download-list-v2,.download-update-empty){
 padding:14px!important;margin:5px 0!important;min-height:40px!important;
 background:rgba(241,251,255,.70)!important;color:#19517a!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-layout-v2 .download-side-card{
 padding:16px!important;margin-bottom:12px!important;border-radius:14px!important;
 background:rgba(237,249,255,.72)!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-layout-v2 .download-side-card .config-list li{
 background:rgba(249,253,255,.72)!important;color:#1a5175!important;
 font:500 13px/1.55 "Segoe UI",Arial,sans-serif!important;
 border:1px solid rgba(82,151,194,.33)!important;
 border-radius:8px!important;padding:10px 12px!important;margin:7px 0!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-layout-v2 .download-side-card .config-list li:before{
 color:#2687bd!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-note-item,
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-help-box{
 background:rgba(234,247,255,.72)!important;border:1px solid #93c4e2!important;color:#21577d!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-note-item :is(b,span),
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-help-box :is(strong,p,span),
html body.x-subpage.tchh-snow-v1 .x-sub-content .download-update-empty{
 color:#19527b!important;font-size:13px!important;text-shadow:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.download-fire-btn,.download-btn-orange,.download-btn-blue),
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.download-fire-btn,.download-btn-orange,.download-btn-blue) *{
 background:linear-gradient(120deg,#2b86bd,#145389)!important;
 border-color:#104d81!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 text-shadow:none!important
}
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.news-sidebar-card,.events-sidebar-card,.guide-sidebar-card) :is(p,small,span,li),
html body.x-subpage.tchh-snow-v1 .x-sub-content :is(.download-section-title,.download-layout-v2,.download-help-box) :is(p,small,span,li){
 color:#19557c!important;font-size:13px!important;text-shadow:none!important
}
