.page-khuyen-mai{color:#1F2D3D;background-color:#F4F7FB;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6}.page-khuyen-mai__hero-section{background:linear-gradient(135deg,#F4F7FB 0%,#E8F0FE 100%);padding:10px 16px 32px}.page-khuyen-mai__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto 24px}.page-khuyen-mai__hero-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.15)}.page-khuyen-mai__hero-content{max-width:1200px;margin:0 auto;text-align:center}.page-khuyen-mai__hero-title{color:#1F2D3D;font-weight:700;line-height:1.3;letter-spacing:-0.02em;max-width:720px;margin:0 auto 16px}.page-khuyen-mai__hero-description{color:#3A4A5A;max-width:720px;margin:0 auto 24px}.page-khuyen-mai__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.page-khuyen-mai__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;text-align:center;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;border:none;cursor:pointer;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.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.35)}.page-khuyen-mai__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(47,107,255,0.45)}.page-khuyen-mai__btn--secondary{background:#ffffff;color:#2F6BFF;border:2px solid #2F6BFF}.page-khuyen-mai__btn--secondary:hover{background:#F4F7FB}.page-khuyen-mai__promo-section,.page-khuyen-mai__bonus-section,.page-khuyen-mai__step-section,.page-khuyen-mai__note-section,.page-khuyen-mai__faq-section{max-width:1200px;margin:0 auto;padding:48px 16px}.page-khuyen-mai__section-title{color:#1F2D3D;font-weight:700;text-align:center;margin-bottom:8px}.page-khuyen-mai__section-desc{color:#3A4A5A;text-align:center;margin-bottom:32px}.page-khuyen-mai__promo-grid,.page-khuyen-mai__bonus-grid,.page-khuyen-mai__step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}.page-khuyen-mai__promo-card,.page-khuyen-mai__bonus-item,.page-khuyen-mai__step-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(165,196,255,0.2);transition:box-shadow 0.3s ease;display:flex;flex-direction:column}.page-khuyen-mai__promo-card:hover{box-shadow:0 8px 24px rgba(165,196,255,0.4)}.page-khuyen-mai__promo-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:16px}.page-khuyen-mai__promo-title,.page-khuyen-mai__bonus-title,.page-khuyen-mai__step-title{color:#1F2D3D;font-weight:700;margin-bottom:12px}.page-khuyen-mai__promo-desc,.page-khuyen-mai__step-desc{color:#3A4A5A;margin-bottom:16px;flex-grow:1}.page-khuyen-mai__bonus-list,.page-khuyen-mai__note-list{list-style:none;padding:0;margin:0 0 24px}.page-khuyen-mai__bonus-list li,.page-khuyen-mai__note-list li{position:relative;padding-left:24px;margin-bottom:10px;color:#3A4A5A}.page-khuyen-mai__bonus-list li::before,.page-khuyen-mai__note-list li::before{content:"\2726";position:absolute;left:0;top:2px;color:#2F6BFF}.page-khuyen-mai__promo-banner{max-width:1200px;margin:0 auto;padding:0 16px 48px}.page-khuyen-mai__promo-banner-content{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(47,107,255,0.2);display:flex;flex-direction:column}.page-khuyen-mai__promo-banner-image{width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;display:block}.page-khuyen-mai__promo-banner-text{background:#FFFFFF;padding:24px;text-align:center;border:1px solid #D6E2FF;border-top:none;border-radius:0 0 16px 16px}.page-khuyen-mai__promo-banner-title{color:#2F6BFF;font-weight:700;margin-bottom:8px}.page-khuyen-mai__promo-banner-desc{color:#3A4A5A;margin-bottom:16px}.page-khuyen-mai__step-number{display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;font-weight:700;border-radius:50%;margin-bottom:16px}.page-khuyen-mai__note-section{padding-top:0}.page-khuyen-mai__note-card{background:#FFFFFF;border:1px solid #D6E2FF;border-left:4px solid #2F6BFF;border-radius:12px;padding:24px}.page-khuyen-mai__note-title{color:#1F2D3D;font-weight:700;margin-bottom:16px}.page-khuyen-mai__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;margin-bottom:12px;padding:16px 24px;transition:border-color 0.3s ease}.page-khuyen-mai__faq-item[open]{border-color:#2F6BFF}.page-khuyen-mai__faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-weight:600;color:#1F2D3D}.page-khuyen-mai__faq-question::-webkit-details-marker{display:none}.page-khuyen-mai__faq-icon{font-size:24px;line-height:1;color:#2F6BFF;flex-shrink:0;margin-left:12px}.page-khuyen-mai__faq-answer{color:#3A4A5A;margin:16px 0 0;padding-top:16px;border-top:1px solid #D6E2FF}.page-khuyen-mai__guide-section{max-width:1000px;margin:0 auto;padding:16px 16px 48px}.page-khuyen-mai__guide-title{text-align:center;color:#2F6BFF}.page-khuyen-mai__guide-figure{margin:16px 0}.page-khuyen-mai__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover}.page-khuyen-mai__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:16px auto}.page-khuyen-mai__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px}.page-khuyen-mai__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}.page-khuyen-mai__logo-cta{padding:10px 22px;border-radius:999px;background:#2F6BFF;color:#fff;font-weight:700;text-decoration:none}.page-khuyen-mai__logo-item:nth-child(5){grid-column:2}.page-khuyen-mai__logo-item:nth-child(6){grid-column:3}@media (max-width:1024px){.page-khuyen-mai__promo-grid,.page-khuyen-mai__bonus-grid,.page-khuyen-mai__step-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-khuyen-mai__hero-section{padding:10px 12px 24px}.page-khuyen-mai__hero-image{aspect-ratio:2/1}.page-khuyen-mai__hero-content{text-align:left}.page-khuyen-mai__hero-description{font-size:0.95rem}.page-khuyen-mai__promo-section,.page-khuyen-mai__bonus-section,.page-khuyen-mai__step-section,.page-khuyen-mai__note-section,.page-khuyen-mai__faq-section{padding:32px 12px}.page-khuyen-mai__promo-grid,.page-khuyen-mai__bonus-grid,.page-khuyen-mai__step-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-khuyen-mai__promo-card,.page-khuyen-mai__bonus-item,.page-khuyen-mai__step-item{padding:16px}.page-khuyen-mai__hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.page-khuyen-mai__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-khuyen-mai__promo-banner-content{flex-direction:column}.page-khuyen-mai__promo-banner-image{aspect-ratio:16/9}.page-khuyen-mai__promo-banner-text{padding:16px}.page-khuyen-mai img{max-width:100% !important;height:auto !important}.page-khuyen-mai__logo-grid{grid-template-columns:repeat(2,1fr)}.page-khuyen-mai__logo-item:nth-child(5),.page-khuyen-mai__logo-item:nth-child(6){grid-column:auto}}@media (max-width:480px){.page-khuyen-mai__promo-grid,.page-khuyen-mai__bonus-grid,.page-khuyen-mai__step-grid{grid-template-columns:1fr}.page-khuyen-mai__promo-banner-text h3{font-size:1.05rem}}