/* Thiên Long Tuyết Lang Hồ - typography and color polish v5 */
:root{
  --tlh-bg:#020817;
  --tlh-bg-2:#04142d;
  --tlh-panel:#071b38;
  --tlh-panel-2:#0a2447;
  --tlh-blue:#1598ee;
  --tlh-blue-2:#55c7ff;
  --tlh-cyan:#9fe4ff;
  --tlh-text:#eefaff;
  --tlh-muted:#bdd8e8;
  --tlh-line:rgba(119,205,255,.28);
  --tlh-line-strong:rgba(151,224,255,.58);
}
html,body,button,input,select,textarea{
  font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body.x-subpage{
  font-size:15px!important;
  line-height:1.62!important;
  letter-spacing:0!important;
}
body.x-subpage .x-nav a{
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
}
body.x-subpage .x-sub-content h1,
body.x-subpage .x-sub-content h2,
body.x-subpage .x-sub-content h3,
body.x-subpage .x-sub-content h4{
  font-family:"Segoe UI Variable Display","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.25!important;
  text-transform:none!important;
}
body.x-subpage .x-sub-content p,
body.x-subpage .x-sub-content li,
body.x-subpage .x-sub-content td,
body.x-subpage .x-sub-content label{
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:500!important;
}
body.x-subpage .x-sub-content strong,
body.x-subpage .x-sub-content b{
  font-weight:700!important;
}

/* Guide page: fully remove legacy orange/gold styling */
body.x-subpage .guide-page-v3{
  gap:20px!important;
}
body.x-subpage .guide-main-panel,
body.x-subpage .guide-sidebar-card{
  border-color:rgba(111,202,255,.28)!important;
  background:linear-gradient(180deg,rgba(8,32,68,.97),rgba(3,16,39,.99))!important;
  box-shadow:0 16px 42px rgba(0,4,18,.28)!important;
}
body.x-subpage .guide-main-panel::before,
body.x-subpage .guide-sidebar-card::before{
  border-color:rgba(111,202,255,.12)!important;
}
body.x-subpage .guide-main-panel::after,
body.x-subpage .guide-card-v3::before,
body.x-subpage .guide-detail-section::before{
  background:linear-gradient(180deg,#69d8ff,#168fe7,#0a5dac)!important;
}
body.x-subpage .guide-hero,
body.x-subpage .guide-intro-card,
body.x-subpage .guide-check-item,
body.x-subpage .guide-card-v3,
body.x-subpage .guide-extra-box,
body.x-subpage .guide-note-box,
body.x-subpage .guide-detail-section{
  border-color:rgba(111,202,255,.25)!important;
  background:linear-gradient(180deg,rgba(7,29,61,.88),rgba(3,15,37,.9))!important;
}
body.x-subpage .guide-kicker,
body.x-subpage .guide-section-title,
body.x-subpage .guide-hero h2,
body.x-subpage .guide-intro-card h3,
body.x-subpage .guide-card-v3 h3,
body.x-subpage .guide-extra-box h3,
body.x-subpage .guide-sidebar-card h3,
body.x-subpage .guide-note-box strong,
body.x-subpage .guide-detail-section h3,
body.x-subpage .guide-body h2,
body.x-subpage .guide-body h3,
body.x-subpage .guide-body h4{
  color:#eefaff!important;
  text-shadow:none!important;
}
body.x-subpage .guide-kicker{
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}
body.x-subpage .guide-section-title{
  font-size:21px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.x-subpage .guide-hero h2{
  font-size:30px!important;
}
body.x-subpage .guide-intro-card h3,
body.x-subpage .guide-card-v3 h3,
body.x-subpage .guide-extra-box h3,
body.x-subpage .guide-detail-section h3{
  font-size:17px!important;
}
body.x-subpage .guide-hero p,
body.x-subpage .guide-intro-card p,
body.x-subpage .guide-check-item,
body.x-subpage .guide-card-v3,
body.x-subpage .guide-body,
body.x-subpage .guide-extra-box p,
body.x-subpage .guide-note-box p,
body.x-subpage .guide-sidebar-card,
body.x-subpage .guide-detail-section{
  color:#c5ddec!important;
}
body.x-subpage .guide-intro-card b,
body.x-subpage .guide-step-list b,
body.x-subpage .guide-check-item::before,
body.x-subpage .guide-detail-section .step-number,
body.x-subpage .guide-detail-section [class*="number"],
body.x-subpage .guide-detail-section [class*="step"]::before{
  border-color:rgba(150,225,255,.65)!important;
  background:linear-gradient(180deg,#59cfff,#168fe7 58%,#0b68bd)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(12,124,220,.22)!important;
}
body.x-subpage .guide-check-item::before,
body.x-subpage .guide-category-list a::before,
body.x-subpage .guide-quick-list a::before,
body.x-subpage .guide-extra-box li::before{
  color:#72d9ff!important;
  background:none!important;
  box-shadow:none!important;
}
body.x-subpage .guide-category-list a,
body.x-subpage .guide-quick-list a{
  color:#d9edf8!important;
  border-color:rgba(111,202,255,.24)!important;
  background:rgba(3,15,37,.75)!important;
  font-size:13.5px!important;
  font-weight:600!important;
  line-height:1.4!important;
}
body.x-subpage .guide-category-list a:hover,
body.x-subpage .guide-quick-list a:hover{
  color:#fff!important;
  border-color:rgba(111,202,255,.56)!important;
  background:rgba(15,103,190,.27)!important;
}
body.x-subpage .guide-body a,
body.x-subpage .guide-note-box a,
body.x-subpage .guide-extra-box a{
  color:#84dcff!important;
}
body.x-subpage .guide-body a:hover,
body.x-subpage .guide-note-box a:hover,
body.x-subpage .guide-extra-box a:hover{
  color:#dff8ff!important;
}
body.x-subpage .guide-body th{
  color:#e9f9ff!important;
  background:linear-gradient(180deg,#0d447f,#092f5e)!important;
}
body.x-subpage .guide-body td{
  color:#cfe6f2!important;
  border-color:rgba(111,202,255,.2)!important;
}
body.x-subpage .guide-orange-btn,
body.x-subpage .guide-blue-btn{
  border:1px solid rgba(151,224,255,.62)!important;
  background:linear-gradient(180deg,#55ccff 0%,#168fe7 56%,#0a67bb 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(10,117,220,.24)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  border-radius:9px!important;
}
body.x-subpage .guide-orange-btn::after,
body.x-subpage .guide-blue-btn::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)!important;
}
body.x-subpage .guide-note-box{
  border-left:3px solid #1598ee!important;
}

/* Neutralize legacy warm colors across all subpages */
body.x-subpage [style*="#fb8a2e"],
body.x-subpage [style*="#c43a21"],
body.x-subpage [style*="#841b13"]{
  color:inherit!important;
}
body.x-subpage .contact-orange-btn,
body.x-subpage .download-btn-orange,
body.x-subpage .ui-btn,
body.x-subpage .amount-radio input:checked+span,
body.x-subpage .status-dot,
body.x-subpage .number-badge{
  border-color:rgba(151,224,255,.62)!important;
  background:linear-gradient(180deg,#55ccff 0%,#168fe7 56%,#0a67bb 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(10,117,220,.22)!important;
}
body.x-subpage :is(.contact-kicker,.download-hero-kicker,.topup-chip,.account-chip,.tag,.badge){
  color:#eaf9ff!important;
  border-color:rgba(111,202,255,.38)!important;
  background:rgba(14,104,190,.34)!important;
}
body.x-subpage :is(.contact-page-v3,.download-page-v2,.account-page,.topup-page) h2,
body.x-subpage :is(.contact-page-v3,.download-page-v2,.account-page,.topup-page) h3,
body.x-subpage :is(.contact-page-v3,.download-page-v2,.account-page,.topup-page) h4{
  color:#eefaff!important;
  font-weight:700!important;
  text-transform:none!important;
}

/* Support button */
body.x-subpage .tltd-support-toggle{
  min-height:40px!important;
  padding:0 15px!important;
  font-size:12.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

@media(max-width:640px){
  body.x-subpage{font-size:14px!important}
  body.x-subpage .guide-section-title{font-size:19px!important}
  body.x-subpage .guide-hero h2{font-size:26px!important}
  body.x-subpage .guide-intro-card h3,
  body.x-subpage .guide-card-v3 h3,
  body.x-subpage .guide-extra-box h3,
  body.x-subpage .guide-detail-section h3{font-size:16px!important}
}