.page-khuyen-mai{background:#F4F7FB;color:#1F2D3D;margin:0;padding:0}.page-khuyen-mai__hero-section{display:block;width:100%;background:linear-gradient(180deg,#00247D 0%,#2F6BFF 100%);padding:0 0 30px 0}.page-khuyen-mai__hero-image-wrap{width:100%;max-width:1440px;margin:0 auto}.page-khuyen-mai__hero-image{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;display:block;max-width:1440px}.page-khuyen-mai__hero-content{max-width:1200px;margin:0 auto;padding:20px 16px;text-align:center}.page-khuyen-mai__hero-title{color:#ffffff;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.3;margin:0 0 12px 0}.page-khuyen-mai__hero-desc{color:#E6EDFF;font-size:clamp(0.9rem,1.4vw,1.1rem);line-height:1.6;max-width:900px;margin:0 auto 24px auto}.page-khuyen-mai__hero-cta-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.page-khuyen-mai__btn{display:inline-block;padding:12px 28px;border-radius:50px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;line-height:1.4}.page-khuyen-mai__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;box-shadow:0 4px 14px rgba(47,107,255,0.4)}.page-khuyen-mai__btn--primary:hover{opacity:0.9;transform:translateY(-1px)}.page-khuyen-mai__btn--secondary{background:#ffffff;color:#2F6BFF;outline:2px solid #2F6BFF}.page-khuyen-mai__btn--secondary:hover{background:#E6EDFF}.page-khuyen-mai__promo-section{max-width:1200px;margin:50px auto;padding:0 16px}.page-khuyen-mai__section-title{color:#1F2D3D;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;text-align:center;margin:0 0 8px 0}.page-khuyen-mai__section-subtitle{color:#4A5568;font-size:1rem;text-align:center;margin:0 0 36px 0}.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-khuyen-mai__promo-card{background:#FFFFFF;border-radius:16px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,0.08);display:flex;flex-direction:column;overflow:hidden;border:1px solid #D6E2FF;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-khuyen-mai__promo-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(47,107,255,0.15)}.page-khuyen-mai__promo-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.page-khuyen-mai__promo-content{padding:20px;flex:1;display:flex;flex-direction:column}.page-khuyen-mai__promo-tag{display:inline-block;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;font-size:0.75rem;font-weight:700;padding:4px 12px;border-radius:20px;width:max-content;margin-bottom:12px;text-transform:uppercase}.page-khuyen-mai__promo-title{color:#1F2D3D;font-size:1.15rem;font-weight:700;margin:0 0 8px 0;line-height:1.4}.page-khuyen-mai__promo-desc{color:#4A5568;font-size:0.9rem;line-height:1.6;margin:0 0 12px 0}.page-khuyen-mai__promo-list{list-style:none;padding:0;margin:0 0 18px 0;flex:1}.page-khuyen-mai__promo-item{color:#4A5568;font-size:0.85rem;margin-bottom:6px;padding-left:20px;position:relative}.page-khuyen-mai__promo-item:before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;background:#2F6BFF;border-radius:50%}.page-khuyen-mai__promo-card .page-khuyen-mai__btn{width:100%;margin-top:auto}.page-khuyen-mai__bonus-section{max-width:1200px;margin:50px auto;padding:0 16px}.page-khuyen-mai__bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-khuyen-mai__bonus-card{background:#FFFFFF;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #D6E2FF;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.page-khuyen-mai__bonus-logo{width:100%;max-width:200px;aspect-ratio:2/1;object-fit:contain;display:block;margin:0 auto 16px auto}.page-khuyen-mai__bonus-title{color:#1F2D3D;font-size:1.1rem;font-weight:700;margin:0 0 8px 0}.page-khuyen-mai__bonus-desc{color:#4A5568;font-size:0.85rem;line-height:1.5;margin:0 0 16px 0}.page-khuyen-mai__guide-section{max-width:1200px;margin:50px auto;padding:50px 16px 0 16px;background:#FFFFFF;border-radius:24px}.page-khuyen-mai__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto;padding-bottom:40px}.page-khuyen-mai__guide-step{text-align:center}.page-khuyen-mai__guide-number{width:45px;height:45px;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;font-size:1.2rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px auto}.page-khuyen-mai__guide-figure{margin:0 0 16px 0}.page-khuyen-mai__guide-image{width:100%;max-width:280px;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:12px;margin:0 auto;box-shadow:0 4px 14px rgba(0,0,0,0.08)}.page-khuyen-mai__guide-title{color:#2F6BFF;font-size:1.1rem;font-weight:700;margin:0 0 10px 0}.page-khuyen-mai__guide-desc{color:#4A5568;font-size:0.9rem;line-height:1.6;margin:0 auto;max-width:280px}.page-khuyen-mai__terms-section{max-width:900px;margin:40px auto 60px auto;padding:0 16px}.page-khuyen-mai__terms-content{background:#FFFFFF;border-radius:16px;padding:30px;border:1px solid #D6E2FF}.page-khuyen-mai__terms-title{color:#1F2D3D;font-size:1rem;font-weight:700;margin:0 0 10px 0}.page-khuyen-mai__terms-desc{color:#4A5568;font-size:0.9rem;line-height:1.7;margin:0 0 12px 0}.page-khuyen-mai__terms-desc:last-child{margin-bottom:0}@media(max-width:1024px){.page-khuyen-mai__promo-grid,.page-khuyen-mai__bonus-grid{grid-template-columns:repeat(2,1fr)}.page-khuyen-mai__guide-grid{grid-template-columns:repeat(2,1fr);gap:28px}.page-khuyen-mai__hero-image{aspect-ratio:16/6}}@media(max-width:768px){.page-khuyen-mai img{max-width:100%!important;height:auto!important}.page-khuyen-mai__hero-section{padding-bottom:20px}.page-khuyen-mai__hero-image{aspect-ratio:16/9}.page-khuyen-mai__hero-content{padding:16px}.page-khuyen-mai__hero-cta-group{flex-direction:column;align-items:stretch;gap:10px}.page-khuyen-mai__hero-cta-group .page-khuyen-mai__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%}.page-khuyen-mai__promo-section,.page-khuyen-mai__bonus-section{margin:36px auto;padding:0 12px}.page-khuyen-mai__promo-grid,.page-khuyen-mai__bonus-grid{grid-template-columns:1fr;gap:18px}.page-khuyen-mai__guide-section{margin:36px auto;padding:36px 12px 0 12px;background:#b0b0b0}.page-khuyen-mai__guide-grid{grid-template-columns:1fr;gap:28px;max-width:100%;padding-bottom:20px}.page-khuyen-mai__guide-image{max-width:100%;width:100%}.page-khuyen-mai__terms-content{padding:20px}.page-khuyen-mai__terms-section{margin:32px auto 40px auto}}