.page-index-khuyen-mai-chao-thanh-vien__hero-section{background:var(--bg,#0D0E12);padding-top:10px;padding-bottom:0;display:flex;flex-direction:column;max-width:100%;overflow:hidden}.page-index-khuyen-mai-chao-thanh-vien__hero-image{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}.page-index-khuyen-mai-chao-thanh-vien__hero-img{width:100%;height:auto;aspect-ratio:16/6;object-fit:cover;border-radius:16px;display:block}.page-index-khuyen-mai-chao-thanh-vien__hero-content{max-width:1200px;margin:0 auto;padding:16px 16px 24px;text-align:center;width:100%}.page-index-khuyen-mai-chao-thanh-vien__hero-title{font-size:clamp(1.8rem,5vw,2.9rem);font-weight:800;line-height:1.2;color:#FFF3E6;margin:0 0 12px;font-family:inherit}.page-index-khuyen-mai-chao-thanh-vien__hero-desc{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:#E8D8C8;max-width:820px;margin:0 auto 24px}.page-index-khuyen-mai-chao-thanh-vien__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:100%;overflow:hidden}.page-index-khuyen-mai-chao-thanh-vien__btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;border:2px solid transparent;transition:all .3s ease;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-index-khuyen-mai-chao-thanh-vien__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12}.page-index-khuyen-mai-chao-thanh-vien__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,176,77,.3)}.page-index-khuyen-mai-chao-thanh-vien__btn--outline{border-color:#FF8C1A;color:#FFB04D;background:transparent}.page-index-khuyen-mai-chao-thanh-vien__btn--outline:hover,.page-index-khuyen-mai-chao-thanh-vien__btn--cta:hover{background:rgba(255,140,26,.08)}.page-index-khuyen-mai-chao-thanh-vien__bonus-section{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:40px 16px}.page-index-khuyen-mai-chao-thanh-vien__bonus-card{background:var(--card-bg,#17191F);border:1px solid #A84F0C;border-radius:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.page-index-khuyen-mai-chao-thanh-vien__bonus-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(255,140,26,.2)}.page-index-khuyen-mai-chao-thanh-vien__bonus-icon{font-size:2.2rem;margin-bottom:16px}.page-index-khuyen-mai-chao-thanh-vien__bonus-title{font-size:1.25rem;font-weight:700;color:#FFF3E6;margin-bottom:10px}.page-index-khuyen-mai-chao-thanh-vien__bonus-desc,.page-index-khuyen-mai-chao-thanh-vien__promo-text p{font-size:.95rem;line-height:1.6;color:#D0C0B0}.page-index-khuyen-mai-chao-thanh-vien__promo-details{padding:50px 0;max-width:1200px;margin:0 auto}.page-index-khuyen-mai-chao-thanh-vien__container{max-width:1400px;margin:0 auto;padding:48px 16px}.page-index-khuyen-mai-chao-thanh-vien__section-title,.page-index-khuyen-mai-chao-thanh-vien__guide-title,.page-index-khuyen-mai-chao-thanh-vien__terms-title,.page-index-khuyen-mai-chao-thanh-vien__faq-title{font-size:1.4rem;font-weight:800;color:#FFF3E6;text-align:center}.page-index-khuyen-mai-chao-thanh-vien__promo-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.page-index-khuyen-mai-chao-thanh-vien__promo-text p{font-size:1rem}.page-index-khuyen-mai-chao-thanh-vien__promo-text p+p{margin-top:14px}.page-index-khuyen-mai-chao-thanh-vien__promo-cta{margin-top:28px}.page-index-khuyen-mai-chao-thanh-vien__promo-image img,.page-index-khuyen-mai-chao-thanh-vien__guide-figure img{margin-top:20px;width:100%;max-width:800px;height:auto;aspect-ratio:4/3;object-fit:cover}.page-index-khuyen-mai-chao-thanh-vien__promo-details,.page-index-khuyen-mai-chao-thanh-vien__guide-section,.page-index-khuyen-mai-chao-thanh-vien__faq-section{background:#0D0E12}.page-index-khuyen-mai-chao-thanh-vien__promo-details,.page-index-khuyen-mai-chao-thanh-vien__guide-inner,.page-index-khuyen-mai-chao-thanh-vien__terms-inner,.page-index-khuyen-mai-chao-thanh-vien__faq-container{padding:48px 20px}.page-index-khuyen-mai-chao-thanh-vien__guide-intro{max-width:720px;margin:0 auto 32px;text-align:center;color:#C4B5A5;font-size:.95rem;line-height:1.8}.page-index-khuyen-mai-chao-thanh-vien__guide-steps{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-left:1.2rem;color:#C4B5A5;line-height:1.8}.page-index-khuyen-mai-chao-thanh-vien__guide-figure{max-width:760px;margin:32px auto 0;text-align:center}.page-index-khuyen-mai-chao-thanh-vien__guide-figure img{border-radius:16px;width:100%;max-width:800px}.page-index-khuyen-mai-chao-thanh-vien__guide-figure figcaption{color:#C4B5A5;font-size:.9rem}.page-index-khuyen-mai-chao-thanh-vien__terms-section{background:#0D0E12}.page-index-khuyen-mai-chao-thanh-vien__terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:28px;max-width:900px;margin-left:auto;margin-right:auto}.page-index-khuyen-mai-chao-thanh-vien__term-item{display:flex;align-items:flex-start;gap:16px;background:#17191F;border:1px solid rgba(255,140,26,.2);border-radius:12px;padding:24px 20px}.page-index-khuyen-mai-chao-thanh-vien__term-number{font-size:1.6rem;font-weight:900;color:#D96800;line-height:1.2;min-width:52px;text-align:center}.page-index-khuyen-mai-chao-thanh-vien__term-desc{color:#D0C0B0;font-size:1rem;margin:0}.page-index-khuyen-mai-chao-thanh-vien__faq-list{display:grid;gap:12px;max-width:800px;margin:32px auto 0}.page-index-khuyen-mai-chao-thanh-vien__faq-item{background:#17191F;padding:20px;border-radius:12px;border:1px solid #A84F0C}.page-index-khuyen-mai-chao-thanh-vien__faq-question{color:#FFF3E6;font-weight:600;line-height:1.4;cursor:pointer;list-style:none;width:100%;box-sizing:border-box}.page-index-khuyen-mai-chao-thanh-vien__faq-question::-webkit-details-marker{display:none}.page-index-khuyen-mai-chao-thanh-vien__faq-question{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.page-index-khuyen-mai-chao-thanh-vien__faq-toggle{font-size:1.6rem;font-weight:400;color:#D96800;line-height:1;transition:transform .3s}.page-index-khuyen-mai-chao-thanh-vien__faq-item[open] .page-index-khuyen-mai-chao-thanh-vien__faq-toggle{transform:rotate(45deg)}.page-index-khuyen-mai-chao-thanh-vien__faq-answer{color:#C4B5A5;line-height:1.6;font-size:.95rem}@media(max-width:768px){.page-index-khuyen-mai-chao-thanh-vien__container{padding-top:10px}.page-index-khuyen-mai-chao-thanh-vien__hero-img{aspect-ratio:16/9}.page-index-khuyen-mai-chao-thanh-vien__hero-title{font-size:clamp(1.5rem,7vw,2rem)}.page-index-khuyen-mai-chao-thanh-vien__hero-desc{margin-bottom:18px;font-size:.95rem}.page-index-khuyen-mai-chao-thanh-vien__hero-actions{gap:12px}.page-index-khuyen-mai-chao-thanh-vien__hero-actions .page-index-khuyen-mai-chao-thanh-vien__btn{display:inline-block;margin-bottom:10px}.page-index-khuyen-mai-chao-thanh-vien__hero-section{padding-top:10px}.page-index-khuyen-mai-chao-thanh-vien__hero-actions,.page-index-khuyen-mai-chao-thanh-vien__bonus-section,.page-index-khuyen-mai-chao-thanh-vien__promo-content{grid-template-columns:1fr;padding:24px 16px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-index-khuyen-mai-chao-thanh-vien__bonus-section{gap:20px}.page-index-khuyen-mai-chao-thanh-vien__promo-content>div,.page-index-khuyen-mai-chao-thanh-vien__btn{width:100%;max-width:100%;box-sizing:border-box}.page-index-khuyen-mai-chao-thanh-vien__promo-content{gap:24px;margin-top:24px}.page-index-khuyen-mai-chao-thanh-vien__promo-image{order:2}.page-index-khuyen-mai-chao-thanh-vien__guide-inner{padding:32px 16px}.page-index-khuyen-mai-chao-thanh-vien__guide-title,.page-index-khuyen-mai-chao-thanh-vien__terms-title,.page-index-khuyen-mai-chao-thanh-vien__faq-title{font-size:1.25rem}.page-index-khuyen-mai-chao-thanh-vien__guide-steps{padding-left:1.8rem}.page-index-khuyen-mai-chao-thanh-vien__terms-grid{grid-template-columns:1fr;padding:0 16px}.page-index-khuyen-mai-chao-thanh-vien__terms-inner,.page-index-khuyen-mai-chao-thanh-vien__faq-container{padding:32px 0}.page-index-khuyen-mai-chao-thanh-vien__term-item{padding:18px 16px}.page-index-khuyen-mai-chao-thanh-vien__term-number{min-width:40px;font-size:1.4rem}.page-index-khuyen-mai-chao-thanh-vien__faq-list{grid-template-columns:1fr;padding:0 16px}.page-index-khuyen-mai-chao-thanh-vien__faq-item{padding:16px 14px}.page-index-khuyen-mai-chao-thanh-vien__bonus-card{padding:20px}.page-index-khuyen-mai-chao-thanh-vien__promo-image img,.page-index-khuyen-mai-chao-thanh-vien__guide-figure img,.page-index-khuyen-mai-chao-thanh-vien img{max-width:100%;height:auto}.page-index-khuyen-mai-chao-thanh-vien__hero-image,.page-index-khuyen-mai-chao-thanh-vien__promo-text,.page-index-khuyen-mai-chao-thanh-vien__promo-actions,.page-index-khuyen-mai-chao-thanh-vien__faq-question,.page-index-khuyen-mai-chao-thanh-vien__faq-answer{width:100%;max-width:100%;box-sizing:border-box;padding-left:0;padding-right:0}.page-index-khuyen-mai-chao-thanh-vien__hero-image img{width:100%!important;height:auto}.page-index-khuyen-mai-chao-thanh-vien__guide-figure{margin-top:20px}}