.page-khuyen-mai{background-color:#08162B;color:#F3F8FF;max-width:100%;overflow-x:hidden}.page-khuyen-mai__hero-section{padding-top:10px;display:flex;flex-direction:column;align-items:center;width:100%}.page-khuyen-mai__hero-image-wrap{width:100%;max-width:1020px}.page-khuyen-mai__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;border:1px solid #244D84}.page-khuyen-mai__hero-content{max-width:1020px;width:100%;padding:20px;text-align:center;box-sizing:border-box}.page-khuyen-mai__hero-title{color:#F3F8FF;font-weight:800;line-height:1.3;letter-spacing:0.5px;margin:0;max-width:800px;margin-left:auto;margin-right:auto}.page-khuyen-mai__hero-desc{color:#AFC4E8;font-size:16px;line-height:1.6;margin:16px auto;max-width:800px}.page-khuyen-mai__btn{display:inline-block;padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none;font-size:16px;line-height:1.5;border:1px solid #244D84;transition:all 0.3s ease;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;white-space:normal}.page-khuyen-mai__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;border:none}.page-khuyen-mai__btn--primary:hover{filter:brightness(1.1);transform:scale(1.02)}.page-khuyen-mai__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;justify-items:center;max-width:1200px;margin:16px auto;padding:0 16px;box-sizing:border-box}.page-khuyen-mai__logo-card{background-color:#10233F;border:1px solid #244D84;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;box-sizing:border-box;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-khuyen-mai__logo-card:hover{box-shadow:0 0 15px rgba(79,168,255,0.3)}.page-khuyen-mai__logo-link{display:block;width:100%;text-decoration:none}.page-khuyen-mai__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;background-color:#fff;border-radius:8px;padding:4px;box-sizing:border-box}.page-khuyen-mai__logo-cta{display:inline-block;padding:10px 22px;border-radius:999px;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;font-weight:700;text-decoration:none;font-size:14px;line-height:1.4;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;border:1px solid #2B73F6}.page-khuyen-mai__logo-card:nth-child(5){grid-column:2}.page-khuyen-mai__logo-card:nth-child(6){grid-column:3}.page-khuyen-mai__guide-section{background-color:#08162B;padding:16px}.page-khuyen-mai__guide-inner{max-width:1000px;margin:0 auto;padding:16px 0 48px;box-sizing:border-box}.page-khuyen-mai__guide-title{color:#F2C14E;font-size:24px;font-weight:700;text-align:center;margin-bottom:8px}.page-khuyen-mai__guide-intro{color:#AFC4E8;font-size:16px;line-height:1.6;text-align:center;margin-bottom:24px}.page-khuyen-mai__guide-steps{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.page-khuyen-mai__guide-figure{background-color:#10233F;border:1px solid #244D84;border-radius:12px;padding:16px;margin:0;width:calc(33.33% - 16px);min-width:280px;box-sizing:border-box}.page-khuyen-mai__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:8px}.page-khuyen-mai__guide-caption{color:#AFC4E8;font-size:14px;line-height:1.6;padding-top:12px;text-align:center}.page-khuyen-mai__guide-note{color:#AFC4E8;font-size:14px;line-height:1.6;text-align:center;margin-top:24px;border-top:1px solid #1B3357;padding-top:16px}.page-khuyen-mai__faq-section{background-color:#08162B;padding:16px}.page-khuyen-mai__faq-inner{max-width:900px;margin:0 auto;padding:16px 0 48px;box-sizing:border-box}.page-khuyen-mai__faq-title{color:#F2C14E;font-size:24px;font-weight:700;text-align:center;margin-bottom:24px}.page-khuyen-mai__faq-item{background-color:#10233F;border:1px solid #244D84;border-radius:8px;padding:16px;margin-bottom:16px}.page-khuyen-mai__faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;color:#F3F8FF;font-weight:600;font-size:18px}.page-khuyen-mai__faq-question::-webkit-details-marker{display:none}.page-khuyen-mai__faq-toggle{display:inline-block;width:28px;height:28px;line-height:26px;text-align:center;border-radius:50%;background:#113B7A;color:#F2C14E;font-weight:700;font-size:18px;flex-shrink:0}.page-khuyen-mai__faq-answer{color:#AFC4E8;line-height:1.6;margin-top:12px;font-size:15px}
@media (max-width:1024px){.page-khuyen-mai__logo-grid{grid-template-columns:repeat(2,1fr)}.page-khuyen-mai__logo-card:nth-child(5),.page-khuyen-mai__logo-card:nth-child(6){grid-column:auto}.page-khuyen-mai__guide-figure{width:calc(50% - 12px)}}
@media (max-width:768px){.page-khuyen-mai__hero-section{padding-top:8px}.page-khuyen-mai__hero-image{aspect-ratio:2/1}.page-khuyen-mai__hero-title{font-size:clamp(1.2rem,3.5vw,1.8rem)}.page-khuyen-mai__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-khuyen-mai__logo-card:nth-child(5),.page-khuyen-mai__logo-card:nth-child(6){grid-column:auto}.page-khuyen-mai__guide-figure{width:100%}.page-khuyen-mai img{max-width:100%!important;height:auto!important}.page-khuyen-mai__btn,.page-khuyen-mai__logo-cta{white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box}.page-khuyen-mai__faq-question{font-size:16px}}