.page-index-kham-pha-no-hu{background:#08162B; color:#F3F8FF}
.page-index-kham-pha-no-hu__hero{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#08162B 0%,#10233F 100%);padding-top:10px;padding-bottom:24px}
.page-index-kham-pha-no-hu__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}
.page-index-kham-pha-no-hu__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px;border:1px solid #244D84;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.page-index-kham-pha-no-hu__hero-content{max-width:1100px;width:100%;margin:0 auto;padding:24px 16px 0;text-align:center}
.page-index-kham-pha-no-hu__hero-title{font-weight:800;line-height:1.25;color:#F3F8FF;margin:0 0 12px;letter-spacing:.2px}
.page-index-kham-pha-no-hu__hero-desc{color:#AFC4E8;max-width:760px;margin:0 auto 20px;line-height:1.6;font-size:1.05rem}
.page-index-kham-pha-no-hu__btn-group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}
.page-index-kham-pha-no-hu__btn-primary{display:inline-block;padding:12px 32px;background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#FFFFFF;font-weight:700;border-radius:999px;border:1px solid #4FA8FF;text-decoration:none;font-size:1rem;line-height:1.2;text-align:center;transition:transform .2s ease, box-shadow .2s ease;box-shadow:0 6px 20px rgba(79,168,255,.35)}
.page-index-kham-pha-no-hu__btn-outline{display:inline-block;padding:12px 32px;background:transparent;color:#F3F8FF;font-weight:600;border-radius:999px;border:1px solid #4FA8FF;text-decoration:none;font-size:1rem;line-height:1.2;text-align:center;transition:all .2s ease}
.page-index-kham-pha-no-hu__btn-outline:hover{background:rgba(79,168,255,.15)}
.page-index-kham-pha-no-hu__logos-inner{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index-kham-pha-no-hu__logos-title{color:#F3F8FF;font-size:1.8rem;font-weight:700;text-align:center;margin:0}
.page-index-kham-pha-no-hu__logos-slogan{color:#AFC4E8;text-align:center;max-width:660px;margin:8px auto 32px}
.page-index-kham-pha-no-hu__logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;justify-items:center}
.page-index-kham-pha-no-hu__logos-item{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:280px;width:100%;padding:14px;background:#10233F;border-radius:18px;border:1px solid #244D84;transition:transform .3s ease}
.page-index-kham-pha-no-hu__logos-item:hover{transform:translateY(-6px)}
.page-index-kham-pha-no-hu__logos-img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;filter:none}
.page-index-kham-pha-no-hu__logos-link{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;border-radius:999px;padding:8px 28px;font-weight:600;text-decoration:none;font-size:.9rem;border:1px solid #4FA8FF;text-align:center;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-index-kham-pha-no-hu__logos-item:nth-last-child(2),.page-index-kham-pha-no-hu__logos-item:last-child{grid-column:auto}
@media(min-width:1024px){
  .page-index-kham-pha-no-hu__logos-item:nth-last-child(2){grid-column:2}
  .page-index-kham-pha-no-hu__logos-item:last-child{grid-column:3}
}
.page-index-kham-pha-no-hu__logos-item:nth-child(5),.page-index-kham-pha-no-hu__logos-item:nth-child(6){grid-column:auto}
@media(min-width:1025px) and (max-width:1200px){
  .page-index-kham-pha-no-hu__logos-item:nth-child(5){grid-column:2}
  .page-index-kham-pha-no-hu__logos-item:nth-child(6){grid-column:3}
}
.page-index-kham-pha-no-hu__guide{padding:16px 0 0;background:linear-gradient(180deg,#08162B,#0A1C33)}
.page-index-kham-pha-no-hu__guide-inner{max-width:900px;margin:0 auto;padding-top:0;padding-left:16px;padding-right:16px;padding-bottom:48px}
.page-index-kham-pha-no-hu__guide-title{text-align:center;font-size:1.7rem;color:#F2C14E;font-weight:700;margin:0 0 8px}
.page-index-kham-pha-no-hu__guide-sub{text-align:center;color:#AFC4E8;max-width:700px;margin:0 auto 28px;line-height:1.6}
.page-index-kham-pha-no-hu__guide-step{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-bottom:30px;background:#10233F;border:1px solid #244D84;padding:16px;border-radius:18px}
.page-index-kham-pha-no-hu__guide-step--reverse{flex-direction:row-reverse}
.page-index-kham-pha-no-hu__guide-figure{flex:1 1 280px;margin:0;min-width:0}
.page-index-kham-pha-no-hu__guide-figure img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:12px;border:1px solid #1B3357}
.page-index-kham-pha-no-hu__guide-content{flex:1 1 280px;min-width:0}
.page-index-kham-pha-no-hu__guide-h3{color:#F3F8FF;font-size:1.25rem;margin:0 0 6px}
.page-index-kham-pha-no-hu__guide-content p{color:#AFC4E8;line-height:1.6;margin:0 0 12px}
.page-index-kham-pha-no-hu__guide-link{display:inline-block;color:#4FA8FF;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}
.page-index-kham-pha-no-hu__guide-link:hover{border-bottom-color:#4FA8FF}
.page-index-kham-pha-no-hu__guide-cta{max-width:760px;margin:20px auto 0;text-align:center;background:#10233F;padding:32px 24px;border-radius:24px;border:1px solid #244D84;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.page-index-kham-pha-no-hu__guide-cta h3{color:#F2C14E;font-size:1.4rem;margin:0 0 8px}
.page-index-kham-pha-no-hu__guide-cta p{color:#AFC4E8;margin:0 auto 20px;max-width:600px;line-height:1.6}
@media (max-width:768px){
  .page-index-kham-pha-no-hu{overflow-x:hidden}
  .page-index-kham-pha-no-hu__hero{aspect-ratio:auto;padding-top:10px}
  .page-index-kham-pha-no-hu__hero-image{aspect-ratio:2/1}
  .page-index-kham-pha-no-hu__hero-content h1{font-size:1.5rem}
  .page-index-kham-pha-no-hu__btn-group{width:100%;max-width:100%;overflow:hidden;flex-direction:column;box-sizing:border-box}
  .page-index-kham-pha-no-hu__btn-primary,.page-index-kham-pha-no-hu__btn-outline{max-width:100%;width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding-left:16px;padding-right:16px}
  .page-index-kham-pha-no-hu__logos-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}
  .page-index-kham-pha-no-hu__logos-item:nth-child(5),.page-index-kham-pha-no-hu__logos-item:nth-child(6){grid-column:auto}
  .page-index-kham-pha-no-hu__logos-title{font-size:1.3rem}
  .page-index-kham-pha-no-hu__guide-step,.page-index-kham-pha-no-hu__guide-step--reverse{flex-direction:column;flex-wrap:wrap}
  .page-index-kham-pha-no-hu__guide-figure img{max-width:100% !important;height:auto!important;width:100%}
  .page-index-kham-pha-no-hu__guide-cta{padding:24px 16px}
  .page-index-kham-pha-no-hu img{max-width:100%;height:auto}
  .page-index-kham-pha-no-hu__logos-link{max-width:100%;box-sizing:border-box;padding:8px 16px;white-space:normal;word-wrap:break-word}
  .page-index-kham-pha-no-hu__logos-item{padding:10px}
}