/* ===== Hero ===== */
.page-index-huong-dan-tham-gia__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px 18px;box-sizing:border-box}
.page-index-huong-dan-tham-gia__hero-image-wrap{display:block;width:100%}
.page-index-huong-dan-tham-gia__hero-image{width:100%;height:auto;aspect-ratio:1024/400;object-fit:cover;display:block;border-radius:18px}
.page-index-huong-dan-tham-gia__hero-content{text-align:center;padding:0 4px;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box}
.page-index-huong-dan-tham-gia__main-title{color:#F2FFF6;font-weight:800;line-height:1.35;letter-spacing:0;max-width:900px;margin:25px auto 10px}
.page-index-huong-dan-tham-gia__hero-decs{color:#A7D9B8;font-size:1.05rem;max-width:760px;margin:0 auto;line-height:1.7}
.page-index-huong-dan-tham-gia__cta-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 10px;width:100%;box-sizing:border-box}
.page-index-huong-dan-tham-gia__cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 34px;border-radius:999px;color:#08160F;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-index-huong-dan-tham-gia__cta-btn--primary{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);box-shadow:0 4px 18px rgba(87,227,141,.35)}
.page-index-huong-dan-tham-gia__cta-btn--secondary{background:#F2C14E;box-shadow:0 4px 18px rgba(242,193,78,.25)}
.page-index-huong-dan-tham-gia__cta-btn:hover{transform:translateY(-2px)}
/* ===== Trust ===== */
.page-index-huong-dan-tham-gia__trust-section{max-width:1200px;margin:0 auto;padding:0 16px 20px;box-sizing:border-box}
.page-index-huong-dan-tham-gia__trust-inner{background:#11271B;border:1px solid #1E3A2A;border-radius:20px;padding:22px 18px;box-shadow:0 0 15px rgba(87,227,141,.08)}
.page-index-huong-dan-tham-gia__trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px}
.page-index-huong-dan-tham-gia__trust-item{text-align:center;padding:6px 4px}
.page-index-huong-dan-tham-gia__trust-class{display:block;color:#F2C14E;font-weight:800;font-size:1.1rem;letter-spacing:.2px;text-transform:uppercase;margin-bottom:6px}
.page-index-huong-dan-tham-gia__trust-text{color:#A7D9B8;font-size:.95rem;line-height:1.5}
/* ===== Logo grid ===== */
.page-index-huong-dan-tham-gia__logo-section{max-width:1200px;margin:8px auto 0;padding:18px 16px 16px;text-align:center;box-sizing:border-box}
.page-index-huong-dan-tham-gia__section-title{color:#F2FFF6;font-weight:800;margin:0 0 8px}
.page-index-huong-dan-tham-gia__section-desc{color:#A7D9B8;font-size:1.05rem;max-width:850px;margin:0 auto 30px;line-height:1.7}
.page-index-huong-dan-tham-gia__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px;justify-items:center;align-items:start;padding:0 8px}
.page-index-huong-dan-tham-gia__logo-item{display:flex;flex-direction:column;align-items:center;gap:14px;background:#11271B;border:1px solid #1E3A2A;border-radius:16px;padding:18px 12px 20px;width:100%;max-width:280px;box-sizing:border-box;transition:box-shadow .2s ease}
.page-index-huong-dan-tham-gia__logo-item:nth-child(5){grid-column:2}
.page-index-huong-dan-tham-gia__logo-item:nth-child(6){grid-column:3}
.page-index-huong-dan-tham-gia__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;object-position:center;display:block;background:#fff;border-radius:8px;padding:4px;border:1px solid #2E7A4E}
.page-index-huong-dan-tham-gia__logo-cta{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#08160F;padding:9px 22px;font-size:.95rem;border-radius:999px;text-decoration:none;font-weight:700;display:inline-block;transition:box-shadow .2s}
.page-index-huong-dan-tham-gia__logo-cta:hover{box-shadow:0 0 14px rgba(87,227,141,.45)}
/* ===== Guide ===== */
.page-index-huong-dan-tham-gia__guide-section{max-width:1000px;margin:16px auto 0;padding:18px 16px 44px;box-sizing:border-box}
.page-index-huong-dan-tham-gia__guide-title{color:#F2FFF6;text-align:center;font-weight:800;margin:0 0 8px}
.page-index-huong-dan-tham-gia__guide-desc{color:#A7D9B8;text-align:center;font-size:1.1rem;max-width:850px;margin:0 auto 34px;line-height:1.7}
.page-index-huong-dan-tham-gia__guide-item{background:#11271B;border:1px solid #1E3A2A;border-radius:20px;padding:18px 18px 22px;overflow:hidden;box-sizing:border-box;box-shadow:0 0 8px rgba(87,227,141,.05)}
.page-index-huong-dan-tham-gia__guide-item + .page-index-huong-dan-tham-gia__guide-item{margin-top:24px}
.page-index-huong-dan-tham-gia__guide-media{margin:0 0 12px}
.page-index-huong-dan-tham-gia__guide-image{width:100%;max-width:100%;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:12px;border:1px solid #2E7A4E}
.page-index-huong-dan-tham-gia__guide-body{margin-top:2px}
.page-index-huong-dan-tham-gia__guide-title-small{color:#F2C14E;font-weight:800;font-size:1.2rem;margin:0 0 10px}
.page-index-huong-dan-tham-gia__guide-text{color:#E6F2EA;font-size:1.04rem;line-height:1.8;margin:0}
.page-index-huong-dan-tham-gia__guide-text strong,.page-index-huong-dan-tham-gia__guide-text em{color:#57E38D;font-style:normal}
.page-index-huong-dan-tham-gia__guide-foot{margin-top:30px;background:#11271B;border:1px solid #2E7A4E;border-left:5px solid #57E38D;border-radius:14px;padding:20px 18px;box-sizing:border-box}
.page-index-huong-dan-tham-gia__guide-title-guide{color:#F2C14E;font-weight:800;font-size:1.26rem;margin:0 0 14px}
.page-index-huong-dan-tham-gia__guide-list{margin:0;padding-left:22px;color:#E6F2EA;display:grid;gap:10px}
.page-index-huong-dan-tham-gia__guide-list-item{line-height:1.7}
.page-index-huong-dan-tham-gia__guide-note{color:#A7D9B8;font-size:.98rem;margin:16px 0 0}
/* ===== FAQ ===== */
.page-index-huong-dan-tham-gia__faq-section{margin-top:28px}
.page-index-huong-dan-tham-gia__faq-title{color:#F2FFF6;font-size:1.45rem;margin:0 0 14px}
.page-index-huong-dan-tham-gia__faq-item{background:#11271B;border:1px solid #1E3A2A;border-radius:14px;padding:16px 18px;margin-bottom:12px;box-sizing:border-box}
.page-index-huong-dan-tham-gia__faq-item summary{cursor:pointer;list-style:none;color:#F2FFF6;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1.05rem}
.page-index-huong-dan-tham-gia__faq-item summary::-webkit-details-marker{display:none}
.page-index-huong-dan-tham-gia__faq-toggle{background:#57E38D;color:#08160F;min-width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;line-height:1}
.page-index-huong-dan-tham-gia__faq-desc{color:#A7D9B8;margin:12px 0 0;line-height:1.8}
/* ===== 1024 ===== */
@media (max-width:1024px){
.page-index-huong-dan-tham-gia__logo-grid{grid-template-columns:repeat(3,1fr);gap:28px 18px}
.page-index-huong-dan-tham-gia__logo-item:nth-child(5),.page-index-huong-dan-tham-gia__logo-item:nth-child(6){grid-column:auto}
.page-index-huong-dan-tham-gia__hero-section,.page-index-huong-dan-tham-gia__trust-section,.page-index-huong-dan-tham-gia__logo-section,.page-index-huong-dan-tham-gia__guide-section{padding-left:14px;padding-right:14px}
}
/* ===== 768 ===== */
@media (max-width:768px){
.page-index-huong-dan-tham-gia__hero-section{padding-top:10px}
.page-index-huong-dan-tham-gia__hero-image{aspect-ratio:2/1}
.page-index-huong-dan-tham-gia__hero-content{padding:0}
.page-index-huong-dan-tham-gia__main-title{font-size:1.6rem;margin-top:18px;line-height:1.4}
.page-index-huong-dan-tham-gia__hero-decs{font-size:.95rem}
.page-index-huong-dan-tham-gia__cta-group{flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-index-huong-dan-tham-gia__cta-btn{width:auto;max-width:100%;min-width:0}
.page-index-huong-dan-tham-gia__trust-list{grid-template-columns:repeat(2,1fr)}
.page-index-huong-dan-tham-gia__logo-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px;padding:0}
.page-index-huong-dan-tham-gia__logo-section{padding-top:12px}
.page-index-huong-dan-tham-gia__section-title{font-size:1.4rem}
.page-index-huong-dan-tham-gia__section-desc{font-size:.92rem;line-height:1.65}
.page-index-huong-dan-tham-gia__guide-title{font-size:1.6rem}
.page-index-huong-dan-tham-gia__guide-desc{font-size:.98rem}
.page-index-huong-dan-tham-gia__guide-item{padding:14px 12px 16px}
.page-index-huong-dan-tham-gia__guide-title-small{font-size:1.1rem}
.page-index-huong-dan-tham-gia__guide-text{font-size:.98rem}
.page-index-huong-dan-tham-gia__faq-item summary{flex-wrap:wrap}.page-index-huong-dan-tham-gia__faq-toggle{flex-shrink:0}
.page-index-huong-dan-tham-gia img{max-width:100%!important;height:auto!important}
.page-index-huong-dan-tham-gia{overflow-x:hidden}
}