:root{--primary:#017439;--secondary:#FFFFFF;--cta-bg:#C30808;--cta-text:#FFFF00}.page-index-huong-dan-dat-cuoc{display:block;width:100%;max-width:100%;margin:0;padding:0;color:#333333;background:#FFFFFF;box-sizing:border-box;overflow-x:hidden}.page-index-huong-dan-dat-cuoc *,.page-index-huong-dan-dat-cuoc *::before,.page-index-huong-dan-dat-cuoc *::after{box-sizing:border-box}.page-index-huong-dan-dat-cuoc__hero-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:10px 16px 0}.page-index-huong-dan-dat-cuoc__hero-image{width:100%;max-width:1020px;margin-bottom:20px}.page-index-huong-dan-dat-cuoc__hero-img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-index-huong-dan-dat-cuoc__hero-content{width:100%;max-width:1020px;text-align:center;margin-bottom:30px}.page-index-huong-dan-dat-cuoc__main-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:var(--primary);margin:0 0 12px;line-height:1.3}.page-index-huong-dan-dat-cuoc__hero-desc{font-size:1rem;line-height:1.6;margin:0 0 24px}.page-index-huong-dan-dat-cuoc__hero-cta-group{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:100%;overflow:hidden}.page-index-huong-dan-dat-cuoc__btn-register,.page-index-huong-dan-dat-cuoc__btn-login,.page-index-huong-dan-dat-cuoc__btn-more{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;border-radius:50px;font-weight:700;text-decoration:none;transition:opacity 0.2s;cursor:pointer;white-space:normal;word-wrap:break-word;max-width:100%}.page-index-huong-dan-dat-cuoc__btn-register{background:var(--cta-bg);color:var(--cta-text);border:2px solid var(--cta-bg)}.page-index-huong-dan-dat-cuoc__btn-login{background:var(--cta-bg);color:var(--cta-text);border:2px solid var(--cta-bg)}.page-index-huong-dan-dat-cuoc__btn-register--wide{padding:15px 40px;font-size:1.1rem}.page-index-huong-dan-dat-cuoc__btn-more{background:transparent;color:var(--primary);border:2px solid var(--primary)}.page-index-huong-dan-dat-cuoc__btn-register:hover,.page-index-huong-dan-dat-cuoc__btn-login:hover{opacity:0.85}.page-index-huong-dan-dat-cuoc__btn-more:hover{background:rgba(1,116,57,0.08)}.page-index-huong-dan-dat-cuoc__guide-section{padding:40px 16px}.page-index-huong-dan-dat-cuoc__guide-section--top{background:#f9fdfb}.page-index-huong-dan-dat-cuoc__guide-inner{max-width:1200px;margin:0 auto;padding:0;width:100%}.page-index-huong-dan-dat-cuoc__guide-title{color:var(--primary);text-align:center;margin:0 0 12px;line-height:1.4;font-weight:700}.page-index-huong-dan-dat-cuoc__blog-read{text-align:center;margin:0 0 20px;font-size:1rem;line-height:1.6}.page-index-huong-dan-dat-cuoc__blog-read a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px;word-break:break-word}.page-index-huong-dan-dat-cuoc__guide-note{padding:40px 16px;background:#fff}.page-index-huong-dan-dat-cuoc__guide-text{text-align:center;max-width:900px;margin:0 auto 20px;line-height:1.7}.page-index-huong-dan-dat-cuoc__guide-text a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.page-index-huong-dan-dat-cuoc__guide-figure{width:100%;max-width:800px;margin:20px auto}.page-index-huong-dan-dat-cuoc__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block}.page-index-huong-dan-dat-cuoc__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;width:100%}.page-index-huong-dan-dat-cuoc__guide-step{display:flex;align-items:flex-start;gap:16px;background:#fff;padding:20px;border-radius:12px;border:1px solid #e0e5e2;box-shadow:0 2px 8px rgba(0,0,0,0.04);width:100%;min-width:0}.page-index-huong-dan-dat-cuoc__guide-step-num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.page-index-huong-dan-dat-cuoc__guide-step-box{width:100%;min-width:0}.page-index-huong-dan-dat-cuoc__guide-step-title{font-size:1.05rem;color:#1a1a1a;margin:0 0 8px}.page-index-huong-dan-dat-cuoc__guide-step-desc{font-size:0.95rem;line-height:1.65;margin:0;word-wrap:break-word;overflow-wrap:break-word}.page-index-huong-dan-dat-cuoc__guide-step-desc a{color:var(--primary);font-weight:600;text-decoration:underline}.page-index-huong-dan-dat-cuoc__guide-blog{padding:48px 16px;background:#f9fdfb}.page-index-huong-dan-dat-cuoc__blog-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}.page-index-huong-dan-dat-cuoc__blog-card{overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e0e5e2;transition:transform 0.25s;width:100%;min-width:0}.page-index-huong-dan-dat-cuoc__blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.page-index-huong-dan-dat-cuoc__blog-card-img{overflow:hidden}.page-index-huong-dan-dat-cuoc__blog-card-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform 0.3s}.page-index-huong-dan-dat-cuoc__blog-card:hover .page-index-huong-dan-dat-cuoc__blog-card-img img{transform:scale(1.03)}.page-index-huong-dan-dat-cuoc__blog-card-content{padding:16px;width:100%;min-width:0}.page-index-huong-dan-dat-cuoc__blog-card-cat{color:var(--primary);font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px;display:inline-block;padding:4px 12px;border-radius:20px;background:#eaf5f0}.page-index-huong-dan-dat-cuoc__blog-card-title{margin:12px 0 8px;font-size:1.05rem;line-height:1.45;word-wrap:break-word;overflow-wrap:break-word}.page-index-huong-dan-dat-cuoc__blog-card-title a{color:#1a1a1a;text-decoration:none;font-weight:700;transition:color 0.2s}.page-index-huong-dan-dat-cuoc__blog-card-title a:hover{color:var(--primary)}.page-index-huong-dan-dat-cuoc__blog-card-date{font-size:0.85rem;color:#666;margin:0}.page-index-huong-dan-dat-cuoc__guide-faq{padding:48px 16px;background:#fff}.page-index-huong-dan-dat-cuoc__faq-title{color:var(--primary);text-align:center;margin:0 0 24px;font-size:1.5rem}.page-index-huong-dan-dat-cuoc__faq-item{border:1px solid #e0e5e2;border-radius:10px;padding:0;margin-bottom:12px;background:#fff;overflow:hidden}.page-index-huong-dan-dat-cuoc__faq-item summary{display:flex;align-items:center;justify-content:space-between;align-items:flex-start;padding:18px 20px;cursor:pointer;font-weight:600;font-size:1rem;color:#1a1a1a;list-style:none;gap:12px}.page-index-huong-dan-dat-cuoc__faq-item summary::-webkit-details-marker{display:none}.page-index-huong-dan-dat-cuoc__faq-question{flex:1;font-weight:600}.page-index-huong-dan-dat-cuoc__faq-icon{flex-shrink:0;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.3s,background 0.2s}.page-index-huong-dan-dat-cuoc__faq-item[open] .page-index-huong-dan-dat-cuoc__faq-icon{transform:rotate(45deg)}.page-index-huong-dan-dat-cuoc__faq-item[open] summary{background:#f9fdfb}.page-index-huong-dan-dat-cuoc__faq-answer{padding:0 20px 20px;line-height:1.7;margin:0}.page-index-huong-dan-dat-cuoc__faq-answer a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.page-index-huong-dan-dat-cuoc__guide-cta{padding:48px 16px;background:linear-gradient(135deg,#017439 0%,#00a55c 100%)}.page-index-huong-dan-dat-cuoc__cta-inner{max-width:700px;margin:0 auto;text-align:center;width:100%}.page-index-huong-dan-dat-cuoc__cta-title{color:#fff;text-align:center;margin:0 0 16px;line-height:1.3}.page-index-huong-dan-dat-cuoc__cta-text{color:#fff;text-align:center;margin:0 0 24px;font-size:1rem;line-height:1.7}.page-index-huong-dan-dat-cuoc__guide-cta-group{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:100%;overflow:hidden}.page-index-huong-dan-dat-cuoc__guide-cta-group .page-index-huong-dan-dat-cuoc__btn-register,.page-index-huong-dan-dat-cuoc__guide-cta-group .page-index-huong-dan-dat-cuoc__btn-login{border:2px solid #fff}.page-index-huong-dan-dat-cuoc__guide-cta-group a:hover{opacity:0.9}.page-index-huong-dan-dat-cuoc__cta-contrast-note{display:none}.page-index-huong-dan-dat-cuoc img{max-width:100%;height:auto}@media(max-width:1024px){.page-index-huong-dan-dat-cuoc__guide-steps{grid-template-columns:repeat(2,1fr)}.page-index-huong-dan-dat-cuoc__blog-grid{grid-template-columns:repeat(2,1fr)}.page-index-huong-dan-dat-cuoc__hero-section{max-width:100%}.page-index-huong-dan-dat-cuoc__hero-content{max-width:100%}}@media(max-width:768px){.page-index-huong-dan-dat-cuoc{overflow-x:hidden;max-width:100%}.page-index-huong-dan-dat-cuoc__hero-section{padding:8px 12px 0}.page-index-huong-dan-dat-cuoc__hero-image{max-width:100%;margin-bottom:12px}.page-index-huong-dan-dat-cuoc__hero-img{width:100%;height:auto;aspect-ratio:16/9}.page-index-huong-dan-dat-cuoc__main-title{font-size:clamp(1.2rem,6vw,1.6rem)}.page-index-huong-dan-dat-cuoc__hero-desc{font-size:0.95rem}.page-index-huong-dan-dat-cuoc__hero-cta-group,.page-index-huong-dan-dat-cuoc__guide-cta-group{flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:hidden;gap:8px}.page-index-huong-dan-dat-cuoc__btn-register,.page-index-huong-dan-dat-cuoc__btn-login,.page-index-huong-dan-dat-cuoc__btn-more{width:auto;min-width:0;max-width:100%;padding:12px 18px;white-space:normal;word-wrap:break-word}.page-index-huong-dan-dat-cuoc__guide-steps,.page-index-huong-dan-dat-cuoc__blog-grid{grid-template-columns:1fr;width:100%;gap:16px}.page-index-huong-dan-dat-cuoc__guide-step{padding:16px;width:100%;min-width:0}.page-index-huong-dan-dat-cuoc__guide-step-desc{font-size:0.9rem}.page-index-huong-dan-dat-cuoc__blog-card{margin-bottom:8px}.page-index-huong-dan-dat-cuoc__blog-card-title{font-size:1rem}.page-index-huong-dan-dat-cuoc__guide-figure{max-width:100%}.page-index-huong-dan-dat-cuoc__guide-figure img{max-width:100%;height:auto}.page-index-huong-dan-dat-cuoc__guide-faq{padding:36px 12px}.page-index-huong-dan-dat-cuoc__cta-title{font-size:1.3rem}.page-index-huong-dan-dat-cuoc__blog-card-title a,.page-index-huong-dan-dat-cuoc__blog-read a,.page-index-huong-dan-dat-cuoc__faq-answer a{word-break:break-word}.page-index-huong-dan-dat-cuoc img{max-width:100%!important;height:auto!important}}