.page-khuyen-mai{color:#333333}.page-khuyen-mai__hero-section{display:flex;flex-direction:column;align-items:center;background:#f0f8ff;padding:10px 16px 20px}.page-khuyen-mai__hero-image-wrapper{width:100%;max-width:1200px}.page-khuyen-mai__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:12px}.page-khuyen-mai__hero-content{width:100%;max-width:1200px;text-align:center;padding:16px 0 0}.page-khuyen-mai__hero-title{font-size:clamp(1.3rem, 2.5vw, 2rem);font-weight:800;line-height:1.3;color:#0b74b9;margin:0 0 12px;margin-top:0}.page-khuyen-mai__hero-description{font-size:1rem;line-height:1.6;color:#333333;max-width:800px;margin:0 auto 18px}.page-khuyen-mai__hero-actions{display:flex;justify-content:center;flex-wrap:wrap}.page-khuyen-mai__btn{display:inline-block;padding:12px 28px;border-radius:999px;text-decoration:none;font-weight:700;transition:opacity .2s;text-align:center}.page-khuyen-mai__btn--primary{background:#26A9E0;color:#ffffff}.page-khuyen-mai__btn--primary:hover{opacity:.85;color:#ffffff}.page-khuyen-mai__promo-grid-section{padding:48px 16px;max-width:1200px;margin:0 auto}.page-khuyen-mai__section-title{font-size:1.75rem;font-weight:800;text-align:center;color:#0b74b9;margin:0 0 8px;line-height:1.3}.page-khuyen-mai__section-subtitle{font-size:1rem;text-align:center;color:#555555;margin:0 0 36px}.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.page-khuyen-mai__promo-card{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid #e6f2f9;transition:transform .2s, box-shadow .2s;display:flex;flex-direction:column}.page-khuyen-mai__promo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}.page-khuyen-mai__promo-image{width:100%;height:auto;aspect-ratio:600/400;object-fit:cover;display:block;background:#26A9E0}.page-khuyen-mai__promo-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.page-khuyen-mai__promo-card-title{font-size:1.125rem;font-weight:700;color:#0b74b9;margin:0 0 10px;line-height:1.4}.page-khuyen-mai__promo-card-desc{font-size:.9rem;line-height:1.6;color:#555555;flex:1;margin:0 0 16px}.page-khuyen-mai__promo-card-btn{display:inline-block;background:#EA7C07;color:#ffffff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;font-size:.9rem;transition:opacity .2s;width:100%}.page-khuyen-mai__promo-card-btn:hover{opacity:.85;color:#ffffff}.page-khuyen-mai__steps-section{padding:48px 16px;max-width:1200px;margin:0 auto}.page-khuyen-mai__steps-wrapper{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.page-khuyen-mai__step-item{background:#ffffff;border:1px solid #e6f2f9;border-radius:16px;padding:28px;flex:1;min-width:0;max-width:320px;text-align:center;transition:box-shadow .2s}.page-khuyen-mai__step-item:hover{box-shadow:0 8px 24px rgba(0,0,0,0.1)}.page-khuyen-mai__step-number{font-size:2.5rem;font-weight:800;color:#26A9E0;margin:0 0 8px}.page-khuyen-mai__step-title{font-size:1.125rem;font-weight:700;color:#0b74b9;margin:0 0 12px}.page-khuyen-mai__step-desc{font-size:.9rem;line-height:1.6;color:#555555;margin:0 0 16px}.page-khuyen-mai__step-link{color:#EA7C07;font-weight:600;text-decoration:none}.page-khuyen-mai__step-link:hover{text-decoration:underline}.page-khuyen-mai__guest-bonus-section{background:linear-gradient(135deg, #e3f5fc 0%, #c5eaf7 100%);padding:48px 16px}.page-khuyen-mai__guest-bonus-content{max-width:1200px;margin:0 auto;text-align:center}.page-khuyen-mai__guest-bonus-title{color:#0b74b9;font-size:1.5rem;font-weight:800;margin:0 0 16px}.page-khuyen-mai__guest-bonus-desc{font-size:1rem;line-height:1.6;color:#333333;max-width:800px;margin:0 auto 24px}.page-khuyen-mai__guest-bonus-list{margin:0 0 24px}.page-khuyen-mai__guest-bonus-item{font-size:1.25rem;font-weight:700;color:#333333;margin:0 0 12px}.page-khuyen-mai__guest-bonus-actions{display:flex;justify-content:center;flex-wrap:wrap}.page-khuyen-mai__terms-section{padding:48px 16px;max-width:1000px;margin:0 auto}.page-khuyen-mai__terms-title{font-size:1.5rem;font-weight:800;text-align:center;color:#0b74b9;margin:0 0 24px}.page-khuyen-mai__terms-subtitle{color:#0b74b9;font-size:1.125rem;font-weight:700;margin:24px 0 8px}.page-khuyen-mai__terms-text{font-size:1rem;line-height:1.7;color:#333333;margin:0}.page-khuyen-mai__terms-content{background:#ffffff;border:1px solid #e6f2f9;border-radius:16px;padding:32px}.page-khuyen-mai__terms-content strong{color:#0b74b9}.page-khuyen-mai__guest-bonus-actions .page-khuyen-mai__btn--primary{background:#EA7C07}.page-khuyen-mai__guest-bonus-content strong{color:#EA7C07}.page-khuyen-mai__hero-actions .page-khuyen-mai__btn--primary{background:#0477db}.page-khuyen-mai__hero-actions .page-khuyen-mai__btn--primary:hover{background:#0b74b9}@media (max-width:1024px){.page-khuyen-mai__promo-grid{grid-template-columns:repeat(2,1fr)}.page-khuyen-mai__steps-wrapper{gap:16px}}@media (max-width:768px){.page-khuyen-mai__hero-section{padding:8px 12px 16px}.page-khuyen-mai__hero-image-wrapper{padding:0}.page-khuyen-mai__hero-title{margin-top:12px}.page-khuyen-mai__promo-grid-section{padding:32px 16px}.page-khuyen-mai__promo-grid{grid-template-columns:1fr;gap:20px}.page-khuyen-mai__section-title{font-size:1.5rem}.page-khuyen-mai__steps-section{padding:32px 16px}.page-khuyen-mai__steps-wrapper{flex-direction:column;align-items:center}.page-khuyen-mai__step-item{max-width:100%;padding:24px;margin-bottom:16px}.page-khuyen-mai__step-item:last-child{margin-bottom:0}.page-khuyen-mai__guest-bonus-section{padding:32px 16px}.page-khuyen-mai__guest-bonus-title{font-size:1.3rem}.page-khuyen-mai__guest-bonus-desc{font-size:.95rem}.page-khuyen-mai__terms-section{padding:32px 12px}.page-khuyen-mai__terms-content{padding:24px 16px}.page-khuyen-mai .page-khuyen-mai__promo-image{max-width:100%;height:auto}.page-khuyen-mai .page-khuyen-mai__hero-image{max-width:100%!important;height:auto!important}.page-khuyen-mai .page-khuyen-mai__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}}@media (max-width:480px){.page-khuyen-mai__hero-title{font-size:1.2rem}.page-khuyen-mai__hero-description{font-size:.9rem}.page-khuyen-mai__section-title{font-size:1.3rem}.page-khuyen-mai__promo-grid{gap:16px}.page-khuyen-mai__hero-actions .page-khuyen-mai__btn{width:100%;max-width:100%;display:block}.page-khuyen-mai__promo-card-btn{width:100%;max-width:100%;display:block;box-sizing:border-box}.page-khuyen-mai__guest-bonus-actions .page-khuyen-mai__btn{width:100%;max-width:100%;display:block}.page-khuyen-mai__btn{width:100%;max-width:100%;box-sizing:border-box}}