.page-khuyen-mai{color:#333333;background:#FFFFFF}.page-khuyen-mai__hero-section{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#017439 0%,#004d26 100%);padding-top:10px;padding-bottom:20px}.page-khuyen-mai__hero-image{width:100%;max-width:1200px;padding:0 16px}.page-khuyen-mai__hero-img{width:100%;height:auto;aspect-ratio:1920/560;object-fit:cover;display:block;border-radius:12px 12px 0 0}.page-khuyen-mai__hero-content{max-width:1200px;width:100%;text-align:center;padding:20px 16px}.page-khuyen-mai__hero-title{color:#FFFFFF;font-weight:800;line-height:1.3;letter-spacing:0.5px;margin:0 0 16px;max-width:900px;margin-left:auto;margin-right:auto}.page-khuyen-mai__hero-description{color:#FFFFFF;font-size:16px;line-height:1.7;max-width:800px;margin:0 auto 24px;opacity:0.92}.page-khuyen-mai__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-khuyen-mai__register-btn,.page-khuyen-mai__login-btn{display:inline-block;padding:14px 36px;border-radius:50px;font-weight:700;text-decoration:none;transition:opacity 0.3s,transform 0.2s;text-align:center}.page-khuyen-mai__register-btn{background:#C30808;color:#FFFF00;font-size:18px}.page-khuyen-mai__login-btn{background:#C30808;color:#FFFF00;font-size:18px}.page-khuyen-mai__register-btn:hover,.page-khuyen-mai__login-btn:hover{opacity:0.9;transform:translateY(-2px)}.page-khuyen-mai__promo-grid-section{padding:40px 16px}.page-khuyen-mai__section-title{text-align:center;color:#017439;font-size:28px;font-weight:800;margin-bottom:32px}.page-khuyen-mai__promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.page-khuyen-mai__promo-card{background:#FFFFFF;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:box-shadow 0.3s,transform 0.2s}.page-khuyen-mai__promo-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.1);transform:translateY(-4px)}.page-khuyen-mai__promo-image{width:100%;height:auto;object-fit:contain}.page-khuyen-mai__promo-title{padding:16px 16px 0;font-size:18px;font-weight:700;color:#017439}.page-khuyen-mai__promo-description{padding:12px 16px;font-size:14px;line-height:1.6;color:#555;flex-grow:1}.page-khuyen-mai__promo-link,.page-khuyen-mai__guide-cta{display:inline-block;margin:0 16px 16px;padding:10px 24px;background:#C30808;color:#FFFF00;text-decoration:none;border-radius:6px;font-weight:700;text-align:center}.page-khuyen-mai__promo-link:hover,.page-khuyen-mai__guide-cta:hover{background:#A00606}.page-khuyen-mai__guide-section{padding:20px 16px 60px}.page-khuyen-mai__grid-title{text-align:center;color:#017439;font-size:28px;font-weight:800;margin-bottom:8px}.page-khuyen-mai__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-khuyen-mai__guide-item{background:#FFFFFF;border:1px solid #e8e8e8;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center}.page-khuyen-mai__guide-image{width:100%;height:auto;object-fit:contain}.page-khuyen-mai__guide-title{font-size:20px;font-weight:700;color:#017439;margin:16px 0 12px}.page-khuyen-mai__guide-text{font-size:15px;line-height:1.7;color:#555;margin-bottom:16px;padding:0 8px}.page-khuyen-mai__guide-cta{margin-top:auto}.page-khuyen-mai__guide-cta:hover{background:#A00606}.page-khuyen-mai__promo-card:nth-child(5){grid-column:auto}.page-khuyen-mai__guide-item:nth-child(3){grid-column:auto}.page-khuyen-mai__guide-item:nth-child(4){grid-column:auto}.page-khuyen-mai__hero-actions a{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-khuyen-mai__guide-cta,.page-khuyen-mai__promo-link{max-width:100%;box-sizing:border-box}.page-khuyen-mai__promo-card,.page-khuyen-mai__guide-item{width:100%;box-sizing:border-box}.page-khuyen-mai img{max-width:100%;height:auto}@media (max-width:1024px){.page-khuyen-mai__promo-grid{grid-template-columns:repeat(2,1fr)}.page-khuyen-mai__guide-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-khuyen-mai__hero-section{flex-direction:column}.page-khuyen-mai__hero-content{padding:24px 16px}.page-khuyen-mai__hero-title{font-size:22px}.page-khuyen-mai__hero-description{font-size:14px}.page-khuyen-mai__hero-actions{flex-direction:column;gap:12px;padding:0 12px}.page-khuyen-mai__register-btn,.page-khuyen-mai__login-btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;padding:14px 12px;font-size:16px}.page-khuyen-mai img{max-width:100%!important;height:auto!important}.page-khuyen-mai__promo-grid{grid-template-columns:1fr}.page-khuyen-mai__guide-grid{grid-template-columns:1fr}.page-khuyen-mai__promo-title{font-size:17px}.page-khuyen-mai__section-title,.page-khuyen-mai__grid-title{font-size:24px}.page-khuyen-mai__promo-card,.page-khuyen-mai__guide-item{overflow:hidden}.page-khuyen-mai__promo-link,.page-khuyen-mai__guide-cta{width:100%;max-width:100%;box-sizing:border-box;text-align:center;padding:12px 20px;font-size:14px}.page-khuyen-mai__promo-grid,.page-khuyen-mai__guide-grid,.page-khuyen-mai__hero-actions{max-width:100%;overflow:hidden}.page-khuyen-mai{max-width:100%;overflow-x:hidden}}