/* TCHH homepage V3 • retain hero art, use new blue CTA system. */
html body.tchh-landing{font-family:'Segoe UI',Arial,sans-serif;font-size:13px}
html body.tchh-landing :is(.content-shell,.main-grid,.main-grid .ornate-panel){position:relative}
html body.tchh-landing .content-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(239,250,255,.88),rgba(237,248,255,.94)),url('../img/tchh-hero-city.webp') center center/cover no-repeat;opacity:.78;z-index:0}
html body.tchh-landing .content-shell>*{position:relative;z-index:1}
html body.tchh-landing .hero-ctas{width:min(100%,670px)!important;max-width:670px!important;display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:23px!important;align-items:stretch!important;justify-content:center!important;margin:25px auto 0!important;padding:0 12px!important}
html body.tchh-landing .hero-ctas>.gold-btn{width:100%!important;min-width:0!important;min-height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:11px 23px!important;background:linear-gradient(140deg,#2789c8,#14528e)!important;border:3px solid #0d487e!important;border-radius:16px!important;box-shadow:0 6px 0 rgba(6,52,95,.25),0 15px 26px rgba(15,72,119,.25)!important;color:#fff!important;text-shadow:0 1px rgba(0,0,0,.16)!important;transition:transform .2s,filter .2s!important}
html body.tchh-landing .hero-ctas>.gold-btn:hover{transform:translateY(-3px)!important;filter:brightness(1.12)!important}
html body.tchh-landing .hero-ctas>.gold-btn :is(strong,.action-icon){color:white!important;text-shadow:none!important;font-family:'Segoe UI',Arial,sans-serif!important}
html body.tchh-landing .hero-ctas>.gold-btn strong{font-size:18px!important;text-transform:uppercase!important;letter-spacing:.035em!important;font-weight:900!important}
html body.tchh-landing .hero-ctas>.gold-btn small{font-size:13px!important;font-weight:500!important;letter-spacing:0!important;color:#e7f6ff!important}
html body.tchh-landing .hero-ctas>.gold-btn .action-icon{font-size:25px!important}
html body.tchh-landing .top-nav :is(.nav-link,.nav-button){font-family:'Segoe UI',Arial,sans-serif!important;font-size:14px!important;text-transform:uppercase!important;font-weight:850!important;color:#fff!important}
html body.tchh-landing .top-nav .nav-link:is(:hover,.selected){background:#1a69a5!important;border-color:#165286!important;color:#fff!important}
html body.tchh-landing :is(.panel-heading,.section-heading,.section-title,h2){font-family:'Segoe UI',Arial,sans-serif!important;font-size:18px!important;font-weight:900!important;text-transform:uppercase!important;line-height:1.45!important;letter-spacing:.03em!important;color:white!important;background:linear-gradient(115deg,#2988c2,#104d87)!important;border:2px solid #0f4578!important;border-left:6px solid #d2ac65!important;border-radius:11px!important;padding:11px 17px!important;text-shadow:none!important}
html body.tchh-landing :is(h3,.card-title,.small-heading,.sub-title){font-family:'Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:850!important;text-transform:uppercase!important;line-height:1.45!important;color:#fff!important;background:linear-gradient(120deg,#358cbd,#19598e)!important;border:2px solid #175786!important;border-radius:9px!important;padding:7px 12px!important;text-shadow:none!important}
html body.tchh-landing :is(p,li,label,small,td,dd,dt,.news-text,.event-description,.news-caption,.notice){font-family:'Segoe UI',Arial,sans-serif!important;font-size:13px!important;line-height:1.65!important;font-weight:400!important}
html body.tchh-landing :is(.submit-btn,.login-shortcuts a,.detail-btn,.quick-btn){font-family:'Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:850!important;text-transform:uppercase!important;background:linear-gradient(140deg,#2b84bd,#14538c)!important;border:2px solid #0d477d!important;color:#fff!important;border-radius:11px!important;text-shadow:none!important}
html body.tchh-landing :is(.submit-btn,.detail-btn){font-size:18px!important}
@media(max-width:550px){html body.tchh-landing .hero-ctas{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 10px!important}html body.tchh-landing .hero-ctas>.gold-btn{min-height:68px!important;padding:8px!important}html body.tchh-landing .hero-ctas>.gold-btn .action-icon{display:none!important}html body.tchh-landing .hero-ctas>.gold-btn strong{font-size:16px!important}html body.tchh-landing .hero-ctas>.gold-btn small{font-size:12px!important}}
/* Homepage polish: 18/14/13, ocean blue buttons and a subtle Đại Lý scene behind content. */
html body.tchh-landing .content-shell{background:linear-gradient(rgba(237,249,255,.83),rgba(240,250,255,.87)),url('../img/tchh-hero-city.webp') center 25%/cover no-repeat!important}
html body.tchh-landing .content-shell:before{background:linear-gradient(rgba(244,251,255,.78),rgba(244,251,255,.83)),url('../img/tchh-hero-city.webp') center center/cover no-repeat!important;opacity:.8!important}
html body.tchh-landing .hero-ctas{display:grid!important;grid-template-columns:repeat(2,minmax(200px,1fr))!important;max-width:680px!important;gap:22px!important;justify-content:center!important;align-items:stretch!important;margin-left:auto!important;margin-right:auto!important}
html body.tchh-landing .hero-ctas .gold-btn{width:100%!important;font:850 18px/1.3 "Segoe UI",Arial,sans-serif!important;color:white!important;background:linear-gradient(140deg,#318ac5,#0d4e87)!important;border:3px solid #0b477e!important;text-transform:uppercase!important;border-radius:15px!important;padding:12px 17px!important;min-height:70px!important}
html body.tchh-landing .hero-ctas .gold-btn :is(strong,.action-icon){color:white!important;font-size:18px!important;font-weight:900!important}
html body.tchh-landing .hero-ctas .gold-btn small{color:#e9f7ff!important;font-size:13px!important;font-weight:450!important;text-transform:none!important}
html body.tchh-landing :is(h1,h2,.panel-heading,.section-heading,.section-title){color:white!important;background:linear-gradient(135deg,#2587be,#0c4d82)!important;border:2px solid #0b477e!important;border-left:5px solid #d8b66c!important;font-size:18px!important;font-weight:900!important;text-transform:uppercase!important;line-height:1.45!important}
html body.tchh-landing :is(h3,h4,.card-title,.sub-title){color:white!important;background:linear-gradient(145deg,#358fc4,#145589)!important;border:2px solid #175180!important;font-size:14px!important;font-weight:850!important;text-transform:uppercase!important}
html body.tchh-landing :is(p,li,label,small,td,.news-text,.event-description,.notice,.register-hint){font-family:"Segoe UI",Arial,sans-serif!important;font-size:13px!important;line-height:1.6!important;font-weight:450!important}
html body.tchh-landing :is(.submit-btn,.login-shortcuts a,.detail-btn,.quick-btn){font-family:"Segoe UI",Arial,sans-serif!important;color:white!important;background:linear-gradient(140deg,#2a87bf,#0e538d)!important;border:2px solid #0b477e!important;border-radius:10px!important;text-transform:uppercase!important;font-weight:850!important;font-size:14px!important}
html body.tchh-landing .login-panel .submit-btn{font-size:18px!important;color:white!important}
html body.tchh-landing .game-form .home-recaptcha{display:flex!important;align-items:flex-start!important;justify-content:center!important;min-height:72px!important;max-width:100%!important;padding:6px 3px 0!important;margin:10px 0 6px!important;background:#e8f6ff!important;border:1px solid #80bfdf!important;border-radius:9px!important;overflow:visible!important}
html body.tchh-landing .game-form .home-recaptcha>.g-recaptcha{transform:scale(.77);transform-origin:top center!important;width:304px;max-width:none}
html body.tchh-landing .login-panel .field{background:#122e50!important;border-color:#4773a1!important;color:white!important}
html body.tchh-landing .login-panel .field input{font-family:"Segoe UI",Arial,sans-serif!important;font-size:13px!important;color:white!important}
html body.tchh-landing .main-grid .ornate-panel{border:2px solid #3686bc!important;box-shadow:0 14px 30px rgba(22,92,147,.19)!important}
html body.tchh-landing .hero-ctas>.red-btn{display:none!important}
@media(max-width:600px){html body.tchh-landing .hero-ctas{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0 6px!important}html body.tchh-landing .hero-ctas>.gold-btn{padding:9px!important;min-height:67px!important}html body.tchh-landing .game-form .home-recaptcha>.g-recaptcha{transform:scale(.64)!important}html body.tchh-landing .game-form .home-recaptcha{min-height:62px!important}}