.page-khuyen-mai-vip{color:#333333;background:#ffffff;font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}.page-khuyen-mai-vip__hero-section{display:flex;flex-direction:column;gap:24px;padding:10px 20px 40px;max-width:1200px;margin:0 auto;align-items:center}.page-khuyen-mai-vip__hero-image{width:100%;max-width:1200px}.page-khuyen-mai-vip__hero-img{width:100%;height:auto;aspect-ratio:1200/350;object-fit:cover;border-radius:12px;display:block}.page-khuyen-mai-vip__hero-content{width:100%;max-width:960px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.page-khuyen-mai-vip__main-title{font-weight:700;line-height:1.2;letter-spacing:-0.01em;color:#017439;margin:0;max-width:800px}.page-khuyen-mai-vip__hero-description{font-size:1rem;color:#444444;max-width:720px;margin:0;line-height:1.6}.page-khuyen-mai-vip__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.page-khuyen-mai-vip__btn{padding:14px 32px;font-size:1rem;line-height:1.4;border-radius:8px;border:none;cursor:pointer;font-weight:700;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:opacity .2s,transform .2s;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-khuyen-mai-vip__btn:active{transform:scale(.97)}.page-khuyen-mai-vip__btn:hover{opacity:.9}.page-khuyen-mai-vip__btn--primary{background:#017439;color:#ffffff}.page-khuyen-mai-vip__btn--secondary{border:2px solid #C30808;color:#C30808;background:transparent}.page-khuyen-mai-vip__benefits-section,.page-khuyen-mai-vip__steps-section,.page-khuyen-mai-vip__rewards-section,.page-khuyen-mai-vip__feedback-section,.page-khuyen-mai-vip__faq-section,.page-khuyen-mai-vip__terms-section{padding:48px 20px}.page-khuyen-mai-vip__conditions-section{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:48px 20px;max-width:1200px;margin:0 auto}.page-khuyen-mai-vip__section-title{font-size:2rem;font-weight:700;color:#017439;text-align:center;margin:0 auto 16px}.page-khuyen-mai-vip__benefits-section .page-khuyen-mai-vip__section-title,.page-khuyen-mai-vip__rewards-section .page-khuyen-mai-vip__section-title{text-align:center}.page-khuyen-mai-vip__section-description{text-align:center;max-width:840px;margin:0 auto 32px;color:#333} .page-khuyen-mai-vip__benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1100px;margin:0 auto}.page-khuyen-mai-vip__benefit-card{background:#e8f5e9;padding:28px 24px;border-radius:12px;text-align:center;border-top:4px solid #017439}.page-khuyen-mai-vip__benefit-icon{font-size:2.4rem;margin-bottom:12px}.page-khuyen-mai-vip__benefit-title{font-size:1.2rem;font-weight:700;color:#017439;margin:0 0 10px}.page-khuyen-mai-vip__benefit-desc{font-size:.95rem;color:#333;margin:0}
.page-khuyen-mai-vip__conditions-content{flex:1;min-width:260px}.page-khuyen-mai-vip__conditions-content .page-khuyen-mai-vip__section-title,.page-khuyen-mai-vip__conditions-content .page-khuyen-mai-vip__section-description{text-align:left}.page-khuyen-mai-vip__conditions-list{list-style:none;padding:0;display:grid;gap:10px;margin:0 0 16px}.page-khuyen-mai-vip__conditions-list li{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23017439"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') left center / 20px no-repeat;padding-left:32px;line-height:1.5}.page-khuyen-mai-vip__conditions-note{color:#555;font-size:.9rem;font-style:italic}.page-khuyen-mai-vip__conditions-image{flex:1;min-width:260px;display:flex;justify-content:center}.page-khuyen-mai-vip__conditions-img,.page-khuyen-mai-vip__guide-img{width:100%;max-width:400px;height:auto;border-radius:12px}
.page-khuyen-mai-vip__steps-section{background:#017439;color:#fff}.page-khuyen-mai-vip__steps-section .page-khuyen-mai-vip__section-title{color:#FFFF00}.page-khuyen-mai-vip__steps-section .page-khuyen-mai-vip__section-description{color:#e0f2e1}.page-khuyen-mai-vip__steps-list{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.page-khuyen-mai-vip__step-item{border:1px solid rgba(255,255,255,.3);padding:24px;border-radius:12px;position:relative;background:rgba(255,255,255,.05)}.page-khuyen-mai-vip__step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#FFFF00;color:#017439;font-weight:800;font-size:1.2rem;margin-bottom:16px}.page-khuyen-mai-vip__step-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 10px}.page-khuyen-mai-vip__step-desc{font-size:.95rem;color:#dceadf}.page-khuyen-mai-vip__guide-image{max-width:800px;margin:32px auto 0;text-align:center;padding:0 10px}
.page-khuyen-mai-vip__rewards-table-wrapper{margin:0 auto;overflow-x:auto;max-width:960px}.page-khuyen-mai-vip__rewards-table{border-collapse:collapse;width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.page-khuyen-mai-vip__rewards-table th,.page-khuyen-mai-vip__rewards-table td{border:1px solid #e0e0e0;padding:12px 16px;text-align:left}.page-khuyen-mai-vip__rewards-table thead th{background:#017439;color:#fff;font-weight:600}.page-khuyen-mai-vip__rewards-table tbody tr:nth-child(even){background:#f9fbf9}.page-khuyen-mai-vip__rewards-table tbody td:first-child{font-weight:700;color:#333}.page-khuyen-mai-vip__rewards-table a{color:#017439}.page-khuyen-mai-vip__rewards-section .page-khuyen-mai-vip__btn{margin:24px auto 0;display:flex;justify-content:center;width:max-content}
.page-khuyen-mai-vip__feedback-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.page-khuyen-mai-vip__feedback-card{background:#f5f5f5;padding:24px;border-radius:12px}.page-khuyen-mai-vip__feedback-stars{color:#f39c12;font-size:1.2rem;letter-spacing:2px}.page-khuyen-mai-vip__feedback-text{font-size:.95rem;color:#333;font-style:italic}.page-khuyen-mai-vip__feedback-author{display:block;margin-top:12px;color:#017439;font-weight:700;font-style:normal;text-align:right}
.page-khuyen-mai-vip__faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}.page-khuyen-mai-vip__faq-item{background:#fff;border:1px solid #d4d4d4;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.page-khuyen-mai-vip__faq-item:hover,.page-khuyen-mai-vip__faq-item[open]{box-shadow:0 4px 12px rgba(0,0,0,.08)}.page-khuyen-mai-vip__faq-item[open]{border-color:#017439}.page-khuyen-mai-vip__faq-question{cursor:pointer;font-weight:700;color:#017439;padding:14px 16px;list-style:none}.page-khuyen-mai-vip__faq-question::-webkit-details-marker{display:none}.page-khuyen-mai-vip__faq-question{display:flex;justify-content:space-between;align-items:center;gap:8px}.page-khuyen-mai-vip__faq-question::after{content:'+';color:#017439;font-weight:700}.page-khuyen-mai-vip__faq-item[open] .page-khuyen-mai-vip__faq-question::after{content:'−'}.page-khuyen-mai-vip__faq-answer{padding:0 16px 16px;color:#333;line-height:1.7;margin-bottom:0}
.page-khuyen-mai-vip__terms-content{max-width:860px;margin:0 auto;display:grid;gap:20px}.page-khuyen-mai-vip__terms-content p{color:#555}.page-khuyen-mai-vip__terms-content a{width:max-content;margin:0}
@media (max-width:768px){.page-khuyen-mai-vip__hero-section,.page-khuyen-mai-vip__conditions-section,.page-khuyen-mai-vip__benefits-section,.page-khuyen-mai-vip__steps-section,.page-khuyen-mai-vip__rewards-section,.page-khuyen-mai-vip__feedback-section,.page-khuyen-mai-vip__faq-section,.page-khuyen-mai-vip__terms-section{padding:32px 16px}.page-khuyen-mai-vip__hero-section{gap:16px}.page-khuyen-mai-vip__hero-actions{flex-direction:column;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-khuyen-mai-vip__btn{width:100%;max-width:100%;box-sizing:border-box}.page-khuyen-mai-vip .page-khuyen-mai-vip__conditions-img,.page-khuyen-mai-vip .page-khuyen-mai-vip__guide-img,.page-khuyen-mai-vip .page-khuyen-mai-vip__hero-img{max-width:100% !important;height:auto !important}.page-khuyen-mai-vip__hero-img{aspect-ratio:auto}.page-khuyen-mai-vip__section-title{font-size:1.6rem}.page-khuyen-mai-vip__conditions-content{order:1}.page-khuyen-mai-vip__conditions-image{order:0;max-width:100%}.page-khuyen-mai-vip__conditions-img,.page-khuyen-mai-vip__guide-img{max-width:400px}.page-khuyen-mai-vip__rewards-table-wrapper{overflow-x:auto}.page-khuyen-mai-vip{overflow-x:hidden}.page-khuyen-mai-vip .page-khuyen-mai-vip__benefits-grid,.page-khuyen-mai-vip .page-khuyen-mai-vip__steps-list,.page-khuyen-mai-vip .page-khuyen-mai-vip__feedback-grid{grid-template-columns:1fr}.page-khuyen-mai-vip__btn{width:100%}}