.page-khuyen-mai{background-color:#F4F7FB;color:#1F2D3D;font-family:'Segoe UI',Roboto,Arial,sans-serif}.page-khuyen-mai__promo-banner{background:linear-gradient(135deg,#2F6BFF 0%,#6FA3FF 100%);padding:10px 16px 24px}.page-khuyen-mai__promo-banner-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.page-khuyen-mai__promo-image-wrap{width:100%;max-width:1020px}.page-khuyen-mai__promo-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px;box-shadow:0 8px 24px rgba(47,107,255,0.35)}.page-khuyen-mai__promo-content{width:100%;max-width:800px;text-align:center;padding:8px 0}.page-khuyen-mai__promo-title{color:#FFFFFF;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;line-height:1.35;margin:0 0 12px 0;letter-spacing:0.02em}.page-khuyen-mai__promo-desc{color:#E6EDFF;font-size:1rem;line-height:1.7;margin:0 0 20px 0;max-width:720px;margin-left:auto;margin-right:auto}.page-khuyen-mai__promo-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.page-khuyen-mai__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer;border:none;line-height:1.2;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box}.page-khuyen-mai__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;box-shadow:0 4px 16px rgba(255,255,255,0.2)}.page-khuyen-mai__btn--secondary{background:#FFFFFF;color:#2F6BFF;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.page-khuyen-mai__btn--primary:hover,.page-khuyen-mai__btn--secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px 16px;max-width:1200px;margin:0 auto}.page-khuyen-mai__promo-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(47,107,255,0.08);display:flex;flex-direction:column;transition:transform 0.2s ease,box-shadow 0.2s ease}.page-khuyen-mai__promo-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(47,107,255,0.15)}.page-khuyen-mai__promo-card-image-wrap{width:100%;overflow:hidden}.page-khuyen-mai__promo-card-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-khuyen-mai__promo-card-body{padding:20px 20px 24px;display:flex;flex-direction:column;flex:1}.page-khuyen-mai__promo-card-title{color:#1F2D3D;font-size:1.1rem;font-weight:800;margin:0 0 10px 0;line-height:1.4}.page-khuyen-mai__promo-card-desc{color:#1F2D3D;font-size:0.95rem;line-height:1.6;margin:0 0 16px 0;flex:1}.page-khuyen-mai__promo-card-btn{align-self:flex-start}.page-khuyen-mai__guide-section{background:#FFFFFF;padding:48px 16px}.page-khuyen-mai__guide-inner{max-width:1000px;margin:0 auto}.page-khuyen-mai__guide-title{color:#2F6BFF;text-align:center;font-size:1.6rem;font-weight:800;margin:0 0 12px 0}.page-khuyen-mai__guide-subtitle{color:#1F2D3D;text-align:center;font-size:1rem;line-height:1.6;margin:0 0 32px 0;max-width:600px;margin-left:auto;margin-right:auto}.page-khuyen-mai__guide-steps{display:flex;flex-direction:column;gap:32px}.page-khuyen-mai__guide-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.page-khuyen-mai__guide-step-number{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px rgba(47,107,255,0.3)}.page-khuyen-mai__guide-step-title{color:#1F2D3D;font-size:1.15rem;font-weight:700;margin:8px 0 0 0}.page-khuyen-mai__guide-step-desc{color:#1F2D3D;font-size:0.95rem;line-height:1.6;max-width:520px;margin:0 0 8px 0}.page-khuyen-mai__guide-step-image{width:100%;max-width:800px}.page-khuyen-mai__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.08)}.page-khuyen-mai__guide-cta{text-align:center;margin-top:40px}.page-khuyen-mai__faq-section{background:#F4F7FB;padding:48px 16px}.page-khuyen-mai__faq-inner{max-width:860px;margin:0 auto}.page-khuyen-mai__faq-title{color:#1F2D3D;text-align:center;font-size:1.5rem;font-weight:800;margin:0 0 32px 0}.page-khuyen-mai__faq-list{display:flex;flex-direction:column;gap:12px}.page-khuyen-mai__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(47,107,255,0.05)}.page-khuyen-mai__faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font-weight:600;color:#1F2D3D;font-size:1rem;line-height:1.5}.page-khuyen-mai__faq-question::-webkit-details-marker{display:none}.page-khuyen-mai__faq-toggle{font-size:1.4rem;font-weight:700;color:#2F6BFF;min-width:28px;text-align:center;line-height:1}.page-khuyen-mai__faq-answer{padding:0 20px 20px;color:#1F2D3D;font-size:0.95rem;line-height:1.7}.page-khuyen-mai__faq-answer p{margin:0}.page-khuyen-mai__faq-item[open] .page-khuyen-mai__faq-toggle{color:#2F6BFF}@media (max-width:1024px){.page-khuyen-mai__promo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-khuyen-mai__guide-steps{flex-direction:column}}@media (max-width:768px){.page-khuyen-mai__promo-banner{padding:10px 12px 20px}.page-khuyen-mai__promo-image{border-radius:12px;aspect-ratio:2/1}.page-khuyen-mai__promo-title{font-size:1.25rem;line-height:1.4}.page-khuyen-mai__promo-desc{font-size:0.9rem}.page-khuyen-mai__promo-actions{flex-direction:column;width:100%;max-width:100%}.page-khuyen-mai__btn{width:100%;max-width:100%;padding:12px 20px}.page-khuyen-mai__promo-grid{grid-template-columns:1fr;padding:24px 12px;gap:16px}.page-khuyen-mai__guide-section{padding:32px 12px}.page-khuyen-mai__guide-title{font-size:1.3rem}.page-khuyen-mai__guide-step-title{font-size:1.05rem}.page-khuyen-mai__faq-section{padding:32px 12px}.page-khuyen-mai__faq-title{font-size:1.3rem}.page-khuyen-mai__faq-question{padding:14px 16px;font-size:0.9rem}.page-khuyen-mai__faq-answer{padding:0 16px 16px;font-size:0.88rem}.page-khuyen-mai img{max-width:100%!important;height:auto!important}}