.page-khuyen-mai{color:#333333;background:#FFFFFF;font-family:inherit}.page-khuyen-mai__promo-hero{max-width:1200px;margin:0 auto;padding:10px 16px 24px;display:flex;flex-direction:column}.page-khuyen-mai__hero-image{width:100%;border-radius:16px;overflow:hidden}.page-khuyen-mai__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-khuyen-mai__hero-content{width:100%;max-width:1200px;text-align:center;padding:20px 8px 0}.page-khuyen-mai__hero-content h1{color:#017439;font-weight:700;line-height:1.35;letter-spacing:0;margin:0 0 12px;max-width:100%;font-size:clamp(1.4rem, 3vw, 2rem)}.page-khuyen-mai__hero-content p{color:#333333;font-size:1rem;line-height:1.6;max-width:900px;margin:0 auto 20px}.page-khuyen-mai__btn{display:inline-block;min-width:220px;max-width:280px;box-sizing:border-box;padding:12px 28px;border-radius:999px;text-align:center;text-decoration:none;font-weight:700;font-size:1rem;line-height:1.2;white-space:normal;word-wrap:break-word;transition:opacity .3s ease;margin:6px}.page-khuyen-mai__btn:hover{opacity:.9}.page-khuyen-mai__btn--primary{background:#017439;color:#FFFFFF}.page-khuyen-mai__btn--register{background:#C30808;color:#FFFF00}.page-khuyen-mai__btn--login{background:#017439;color:#FFFFFF}.page-khuyen-mai__promo-banner{background:linear-gradient(135deg,#017439 0%,#025a2e 100%);padding:40px 16px;color:#FFFFFF;margin:24px 0 0}.page-khuyen-mai__banner-content{max-width:1200px;margin:0 auto;text-align:center}.page-khuyen-mai__banner-content h2{color:#FFFFFF;font-size:clamp(1.4rem, 3vw, 1.8rem);line-height:1.3;margin:0 0 16px}.page-khuyen-mai__banner-content p{color:#FFFFFF;font-size:1rem;line-height:1.7;max-width:800px;margin:0 auto 20px}.page-khuyen-mai__promo-banner .page-khuyen-mai__btn--primary{background:#C30808;color:#FFFF00}.page-khuyen-mai__promo-list{max-width:1200px;margin:0 auto;padding:48px 16px 24px}.page-khuyen-mai__promo-list>h2{color:#017439;text-align:center;margin:0 0 12px}.page-khuyen-mai__promo-list>p{color:#333333;text-align:center;max-width:900px;margin:0 auto 28px;line-height:1.6}.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-khuyen-mai__promo-card{background:#FFFFFF;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.page-khuyen-mai__promo-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.page-khuyen-mai__promo-card img{width:100%;height:auto;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block}.page-khuyen-mai__promo-card-body{padding:20px}.page-khuyen-mai__promo-card-body h3{color:#017439;font-size:1.15rem;margin:0 0 10px}.page-khuyen-mai__promo-card-body p{color:#333333;font-size:.95rem;line-height:1.6;margin:0 0 16px}.page-khuyen-mai__card-link{display:inline-block;color:#017439;font-weight:700;text-decoration:none}.page-khuyen-mai__card-link:hover{text-decoration:underline}.page-khuyen-mai__promo-guide{background:#f7f7f7;padding:48px 16px}.page-khuyen-mai__promo-guide>h2{color:#017439;text-align:center;margin:0 0 12px}.page-khuyen-mai__promo-guide>p{color:#333333;text-align:center;max-width:900px;margin:0 auto 32px;line-height:1.7}.page-khuyen-mai__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-khuyen-mai__guide-step{background:#FFFFFF;border-radius:12px;padding:24px;border-left:6px solid #017439}.page-khuyen-mai__guide-step h3{color:#017439;font-size:1.05rem;margin:0 0 8px}.page-khuyen-mai__guide-step p{color:#333333;font-size:.95rem;line-height:1.6;margin:0}.page-khuyen-mai__guide-actions{text-align:center;margin-top:28px}.page-khuyen-mai__promo-faq{max-width:900px;margin:0 auto;padding:48px 16px}.page-khuyen-mai__promo-faq>h2{color:#017439;text-align:center;margin:0 0 20px}.page-khuyen-mai__faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:12px;background:#FFFFFF;overflow:hidden}.page-khuyen-mai__faq-item summary{cursor:pointer;padding:16px 20px;font-weight:600;color:#017439;background:#f9fdfb;display:flex;justify-content:space-between;align-items:center;list-style:none}.page-khuyen-mai__faq-item summary::-webkit-details-marker{display:none}.page-khuyen-mai__faq-item summary::after{content:'+';font-size:1.4rem;color:#017439}.page-khuyen-mai__faq-item[open] summary::after{content:'−'}.page-khuyen-mai__faq-content{padding:0 20px 16px;color:#333333;line-height:1.7}@media(max-width:1024px){.page-khuyen-mai__promo-grid,.page-khuyen-mai__guide-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-khuyen-mai { overflow-x: hidden; } .page-khuyen-mai__hero-image img{aspect-ratio:2/1}.page-khuyen-mai__hero-content{padding:16px 4px 0}.page-khuyen-mai__btn{display:block;width:100%;max-width:100%;margin:8px 0}.page-khuyen-mai__promo-banner{padding:28px 12px}.page-khuyen-mai__promo-grid,.page-khuyen-mai__guide-steps{grid-template-columns:1fr}.page-khuyen-mai img{max-width:100%!important;height:auto!important}.page-khuyen-mai__promo-card img,.page-khuyen-mai__hero-image img{width:100%}.page-khuyen-mai__promo-list,.page-khuyen-mai__promo-guide,.page-khuyen-mai__promo-faq{padding-left:12px;padding-right:12px}.page-khuyen-mai__promo-faq{padding-left:4px;padding-right:4px}}