.page-khuyen-mai{background:var(--deep-navy,#08162B);color:var(--text-main,#F3F8FF);font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden} .page-khuyen-mai *,.page-khuyen-mai *::before,.page-khuyen-mai *::after{box-sizing:border-box;margin:0;padding:0} a{color:inherit;text-decoration:none;transition:color .2s ease} img{max-width:100%;height:auto;border:0;vertical-align:middle} .page-khuyen-mai__hero{padding:10px 0 0;margin:0 auto;max-width:1200px;display:flex;flex-direction:column;width:100%} .page-khuyen-mai__hero-image-wrap{flex-shrink:0;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(14,59,130,.25)} .page-khuyen-mai__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block} .page-khuyen-mai__hero-content{padding:28px 8px 24px;text-align:center;max-width:900px;margin:0 auto} .page-khuyen-mai__hero-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.35;letter-spacing:.3px;color:var(--text-main,#F3F8FF);margin-bottom:14px} .page-khuyen-mai__hero-desc{font-size:clamp(.95rem,1.2vw,1.1rem);color:var(--text-secondary,#AFC4E8);max-width:80ch;margin:0 auto 24px} .page-khuyen-mai__btn{display:inline-block;padding:14px 36px;border-radius:999px;font-weight:700;font-size:1rem;text-align:center;max-width:100%;white-space:normal;word-break:break-word;box-sizing:border-box;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease} .page-khuyen-mai__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;box-shadow:0 4px 14px rgba(79,168,255,.3)} .page-khuyen-mai__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(79,168,255,.45)} .page-khuyen-mai__btn--secondary{background:linear-gradient(180deg,#F2C14E,#C9971D);color:#08162B;box-shadow:0 4px 14px rgba(242,193,78,.25)} .page-khuyen-mai__btn--secondary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(242,193,78,.35)} .page-khuyen-mai__btn--ghost{background:transparent;color:var(--text-main,#F3F8FF);border:2px solid var(--border,#244D84)} .page-khuyen-mai__btn--ghost:hover{border-color:var(--glow,#4FA8FF);color:var(--glow,#4FA8FF);transform:translateY(-2px)} .page-khuyen-mai__promo-section,.page-khuyen-mai__how-section,.page-khuyen-mai__terms-section,.page-khuyen-mai__faq-section,.page-khuyen-mai__support-section{padding:48px 16px;max-width:1200px;margin:0 auto;width:100%} .page-khuyen-mai__section-head{text-align:center;margin-bottom:36px} .page-khuyen-mai__section-title{font-size:clamp(1.5rem,2vw,2rem);font-weight:800;color:var(--text-main,#F3F8FF);letter-spacing:.5px;margin-bottom:12px} .page-khuyen-mai__section-sub{font-size:1rem;color:var(--text-secondary,#AFC4E8);max-width:60ch;margin:0 auto} .page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px} .page-khuyen-mai__promo-card{background:var(--card-bg,#10233F);border:1px solid var(--border,#244D84);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s} .page-khuyen-mai__promo-card:hover{border-color:var(--glow,#4FA8FF);box-shadow:0 8px 24px rgba(79,168,255,.15)} .page-khuyen-mai__promo-image-wrap{position:relative;overflow:hidden;flex-shrink:0} .page-khuyen-mai__promo-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block} .page-khuyen-mai__promo-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1} .page-khuyen-mai__promo-tag{display:inline-block;background:linear-gradient(90deg,#2B73F6,#4FA8FF);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:5px 12px;border-radius:999px;align-self:flex-start} .page-khuyen-mai__promo-title{font-size:1.2rem;font-weight:700;line-height:1.4} .page-khuyen-mai__promo-title a:hover{color:var(--glow,#4FA8FF)} .page-khuyen-mai__promo-desc{color:var(--text-secondary,#AFC4E8);font-size:.95rem;flex:1} .page-khuyen-mai__promo-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--divider,#1B3357);padding-top:12px;font-size:.85rem;color:var(--text-secondary,#AFC4E8)} .page-khuyen-mai__promo-code{background:rgba(79,168,255,.12);color:var(--glow,#4FA8FF);padding:4px 10px;border-radius:6px;font-weight:600;letter-spacing:.3px} .page-khuyen-mai__promo-date{color:var(--gold,#F2C14E)} .page-khuyen-mai__how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-khuyen-mai__how-step{background:var(--card-bg,#10233F);border:1px solid var(--border,#244D84);border-radius:16px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px} .page-khuyen-mai__how-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1D5FD1,#4FA8FF);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px;box-shadow:0 4px 12px rgba(79,168,255,.3)} .page-khuyen-mai__how-step:nth-child(2) .page-khuyen-mai__how-icon{background:linear-gradient(135deg,#1144A6,#2B73F6)} .page-khuyen-mai__how-step:nth-child(3) .page-khuyen-mai__how-icon{background:linear-gradient(135deg,#F2C14E,#C9971D);color:#08162B} .page-khuyen-mai__how-title{font-size:1.15rem;font-weight:700} .page-khuyen-mai__how-title a:hover{color:var(--glow,#4FA8FF)} .page-khuyen-mai__how-desc{color:var(--text-secondary,#AFC4E8);font-size:.9rem} .page-khuyen-mai__terms-content{background:var(--card-bg,#10233F);border:1px solid var(--border,#244D84);border-radius:16px;padding:32px;max-width:900px;margin:0 auto} .page-khuyen-mai__terms-desc{color:var(--text-secondary,#AFC4E8);margin-bottom:18px} .page-khuyen-mai__terms-list{list-style:none;display:flex;flex-direction:column;gap:12px} .page-khuyen-mai__terms-item{position:relative;padding-left:24px;color:var(--text-main,#F3F8FF)} .page-khuyen-mai__terms-item::before{content:'✓';position:absolute;left:0;color:var(--gold,#F2C14E);font-weight:700} .page-khuyen-mai__terms-item strong{color:var(--gold,#F2C14E);font-weight:600} .page-khuyen-mai__faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .page-khuyen-mai__faq-item{background:var(--card-bg,#10233F);border:1px solid var(--border,#244D84);border-radius:12px;overflow:hidden} .page-khuyen-mai__faq-item[open]{border-color:var(--glow,#4FA8FF)} .page-khuyen-mai__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;font-weight:600;color:var(--text-main,#F3F8FF);gap:16px;font-size:1.02rem} .page-khuyen-mai__faq-question::-webkit-details-marker{display:none} .page-khuyen-mai__faq-question:hover{background:rgba(79,168,255,.05)} .page-khuyen-mai__faq-toggle{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--divider,#1B3357);align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-main,#F3F8FF);flex-shrink:0;transition:background .2s} .page-khuyen-mai__faq-item[open] .page-khuyen-mai__faq-toggle{background:var(--glow,#4FA8FF);color:#08162B} .page-khuyen-mai__faq-answer{padding:0 20px 20px;color:var(--text-secondary,#AFC4E8)} .page-khuyen-mai__faq-answer p{margin-bottom:10px} .page-khuyen-mai__faq-answer p:last-child{margin-bottom:0} .page-khuyen-mai__support-content{background:var(--card-bg,#10233F);border:1px solid var(--border,#244D84);border-radius:20px;text-align:center;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;overflow:hidden} .page-khuyen-mai__support-content::before{content:'';position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(79,168,255,.15),transparent 60%);pointer-events:none;border-radius:50%} .page-khuyen-mai__support-title{font-size:1.4rem;font-weight:700;color:var(--gold,#F2C14E)} .page-khuyen-mai__support-desc{color:var(--text-secondary,#AFC4E8);max-width:50ch} .page-khuyen-mai__support-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px;max-width:100%;box-sizing:border-box} @media (max-width:768px){.page-khuyen-mai__hero{padding-top:4px}.page-khuyen-mai__hero-image-wrap{border-radius:12px}.page-khuyen-mai__hero-image{aspect-ratio:2/1}.page-khuyen-mai__hero-content{padding:20px 6px 16px}.page-khuyen-mai__hero-desc{margin-bottom:18px}.page-khuyen-mai__promo-section,.page-khuyen-mai__how-section,.page-khuyen-mai__terms-section,.page-khuyen-mai__faq-section,.page-khuyen-mai__support-section{padding:36px 16px}.page-khuyen-mai__section-head{margin-bottom:28px}.page-khuyen-mai__promo-grid{grid-template-columns:1fr}.page-khuyen-mai__promo-title{font-size:1.1rem}.page-khuyen-mai__promo-body{padding:18px}.page-khuyen-mai__how-grid{grid-template-columns:1fr}.page-khuyen-mai__terms-content{padding:20px}.page-khuyen-mai__faq-question{padding:16px;font-size:.95rem;gap:12px}.page-khuyen-mai__support-content{padding:36px 20px}.page-khuyen-mai__support-actions{width:100%}.page-khuyen-mai__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word}.page-khuyen-mai img{max-width:100%!important;height:auto!important}.page-khuyen-mai{max-width:100%;overflow-x:hidden}}