.page-khuyen-mai{background-color:#0A0A0A;color:#FFF6D6;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.65;overflow-x:hidden}.page-khuyen-mai__hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 16px 32px;margin:0 auto;max-width:1440px}.page-khuyen-mai__hero-image-wrapper{width:100%;max-width:1440px}.page-khuyen-mai__hero-image{display:block;width:100%;height:auto;aspect-ratio:1200/350;object-fit:cover;border-radius:16px;box-shadow:0 8px 30px rgba(255,211,107,0.08)}.page-khuyen-mai__hero-content{max-width:900px;text-align:center;padding:28px 16px 8px}.page-khuyen-mai__hero-title{color:#FFF6D6;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:800;line-height:1.3;letter-spacing:0.01em;margin:0 0 16px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.page-khuyen-mai__hero-description{color:#D0DDE7;font-size:clamp(0.95rem,1.5vw,1.05rem);max-width:760px;margin:0 auto 22px}.page-khuyen-mai__cta-button,.page-khuyen-mai__promo-button,.page-khuyen-mai__social-cta{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;font-weight:800;padding:12px 30px;border-radius:999px;text-decoration:none;display:inline-block;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 15px rgba(221,161,29,0.35)}.page-khuyen-mai__cta-button:hover,.page-khuyen-mai__promo-button:hover,.page-khuyen-mai__social-cta:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(221,161,29,0.5)}.page-khuyen-mai__social-section{background:#111111;border-top:1px solid #3A2A12;border-bottom:1px solid #3A2A12;padding:40px 16px}.page-khuyen-mai__social-inner{max-width:900px;margin:0 auto;text-align:center}.page-khuyen-mai__social-title{color:#FFD36B;font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0 0 12px}.page-khuyen-mai__social-intro{color:#D0DDE7;max-width:620px;margin:0 auto 18px}.page-khuyen-mai__social-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.page-khuyen-mai__social-item a{color:#FFD36B;text-decoration:none;padding:8px 20px;border:1px solid #3A2A12;border-radius:30px;transition:all 0.3s ease;display:inline-block}.page-khuyen-mai__social-item a:hover{background:#FFD86A;color:#0A0A0A}.page-khuyen-mai__promo-list-section{padding:56px 16px}.page-khuyen-mai__promo-list-inner{max-width:1200px;margin:0 auto}.page-khuyen-mai__section-tag{display:inline-block;color:#FFD36B;font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:8px;border:1px solid #3A2A12;padding:4px 14px;border-radius:20px}.page-khuyen-mai__section-title{color:#FFF6D6;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;line-height:1.25;margin:0 0 12px}.page-khuyen-mai__section-desc{color:#D0DDE7;max-width:720px;margin:0 0 36px}.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.page-khuyen-mai__promo-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column}.page-khuyen-mai__promo-card:hover{transform:translateY(-6px);box-shadow:0 10px 26px rgba(255,211,107,0.07)}.page-khuyen-mai__promo-card-image-wrap{width:100%;overflow:hidden}.page-khuyen-mai__promo-card-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;transition:transform 0.5s ease}.page-khuyen-mai__promo-card:hover .page-khuyen-mai__promo-card-image{transform:scale(1.04)}.page-khuyen-mai__promo-card-body{padding:24px 22px 26px}.page-khuyen-mai__promo-label{display:inline-block;background:#FFD36B;color:#111111;font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding:4px 12px;border-radius:20px;margin-bottom:12px}.page-khuyen-mai__promo-card-title{color:#FFD36B;font-size:1.08rem;font-weight:700;line-height:1.4;margin:0 0 12px}.page-khuyen-mai__promo-card-text{color:#D0DDE7;font-size:0.92rem;margin-bottom:14px}.page-khuyen-mai__promo-list{margin:0 0 20px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:7px}.page-khuyen-mai__promo-list li{color:#B0B9C4;font-size:0.85rem;padding-left:20px;position:relative}.page-khuyen-mai__promo-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#FFD36B;border-radius:50%}.page-khuyen-mai__promo-button{font-size:0.85rem;padding:10px 24px;text-align:center}@media (max-width:1024px){.page-khuyen-mai__promo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-khuyen-mai__promo-grid{grid-template-columns:1fr}.page-khuyen-mai img{max-width:100%!important;height:auto!important}.page-khuyen-mai__hero-image{aspect-ratio:2/1}.page-khuyen-mai__cta-button,.page-khuyen-mai__promo-button,.page-khuyen-mai__social-cta{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 28px;font-size:0.95rem}.page-khuyen-mai__button-group{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-khuyen-mai__social-list{flex-direction:column;align-items:center;gap:8px}.page-khuyen-mai__social-item a{width:100%;max-width:300px;text-align:center;display:block}}.page-khuyen-mai__guide-section{padding:56px 16px}.page-khuyen-mai__guide-inner{max-width:1100px;margin:0 auto}.page-khuyen-mai__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:32px}.page-khuyen-mai__guide-step{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:32px 20px 28px;text-align:center;transition:transform 0.3s ease}.page-khuyen-mai__guide-step:hover{transform:translateY(-4px)}.page-khuyen-mai__guide-step-icon{width:58px;height:58px;line-height:58px;text-align:center;font-size:1.5rem;font-weight:800;color:#111111;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);border-radius:50%;margin:0 auto 18px;box-shadow:0 5px 18px rgba(221,161,29,0.3)}.page-khuyen-mai__guide-step-title{color:#FFD36B;font-size:1.05rem;font-weight:700;margin-bottom:10px}.page-khuyen-mai__guide-step-text{color:#D0DDE7;font-size:0.88rem;line-height:1.6;margin-bottom:18px}.page-khuyen-mai__link-button{color:#FFD36B;text-decoration:none;font-weight:600;font-size:0.85rem;border-bottom:1px solid #FFD36B;padding-bottom:2px;display:inline-block}.page-khuyen-mai__link-button:hover{color:#FFF6D6;border-color:#FFF6D6}@media (max-width:768px){.page-khuyen-mai__guide-steps{grid-template-columns:1fr}.page-khuyen-mai__guide-figure{width:100%;max-width:100%}}.page-khuyen-mai__advantages-section{padding:56px 16px}.page-khuyen-mai__advantages-inner{max-width:1100px;margin:0 auto}.page-khuyen-mai__advantages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.page-khuyen-mai__advantage-item{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:26px}.page-khuyen-mai__advantage-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin-bottom:16px;display:block}.page-khuyen-mai__advantage-title{color:#FFD36B;font-size:1.1rem;font-weight:600;margin:0 0 8px}.page-khuyen-mai__advantage-text{color:#D0DDE7;font-size:0.9rem;margin:0}@media (max-width:768px){.page-khuyen-mai__advantages-grid{grid-template-columns:1fr}.page-khuyen-mai__advantage-image{max-width:100%!important;height:auto!important}}.page-khuyen-mai__terms-section{padding:32px 16px 50px}.page-khuyen-mai__terms-container{max-width:900px;margin:0 auto}.page-khuyen-mai__terms-title{color:#FFD36B;font-size:1.4rem;text-align:center;margin:0 0 28px}.page-khuyen-mai__terms-item{border:1px solid #3A2A12;border-radius:12px;margin-bottom:12px;background:#111111;overflow:hidden}.page-khuyen-mai__terms-toggle{display:block;width:100%;background:none;border:none;color:#FFD36B;font-size:1rem;font-weight:600;padding:15px 48px 15px 20px;text-align:left;cursor:pointer;position:relative}.page-khuyen-mai__terms-toggle::after{content:'';position:absolute;right:20px;top:50%;width:10px;height:10px;border-right:2px solid #FFD36B;border-bottom:2px solid #FFD36B;transform:translateY(-70%) rotate(45deg);transition:transform 0.3s ease}.page-khuyen-mai__terms-item.is-open .page-khuyen-mai__terms-toggle::after{transform:translateY(-30%) rotate(-135deg)}.page-khuyen-mai__terms-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease}.page-khuyen-mai__terms-item.is-open .page-khuyen-mai__terms-content{max-height:300px}.page-khuyen-mai__terms-content p{padding:0 20px 16px;color:#D0DDE7;font-size:0.88rem;margin:0}@media (max-width:768px){.page-khuyen-mai__terms-content p,.page-khuyen-mai__terms-toggle{max-width:100%}}