.page-index-the-thao-chi-tiet{background:#F4F7FB;color:#1F2D3D;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.7;overflow-x:hidden;width:100%;box-sizing:border-box;padding:0}.page-index-the-thao-chi-tiet__hero{display:flex;flex-direction:column;align-items:center;padding:10px 16px 0;width:100%;max-width:100%;box-sizing:border-box;margin:0 auto}.page-index-the-thao-chi-tiet__hero-image{width:100%;max-width:1200px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(47,107,255,0.12)}.page-index-the-thao-chi-tiet__hero-image img{display:block;width:100%;height:auto;aspect-ratio:17/7;object-fit:cover}.page-index-the-thao-chi-tiet__hero-content{max-width:1200px;width:100%;margin:22px auto 0;text-align:center;padding:0 4px}.page-index-the-thao-chi-tiet__hero-title{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:800;line-height:1.35;color:#1F2D3D;letter-spacing:-0.01em;margin:0 0 10px;text-align:center}.page-index-the-thao-chi-tiet__hero-description{font-size:clamp(0.9rem,1.2vw,1rem);line-height:1.6;color:#40566e;max-width:860px;margin:0 auto 18px;padding:0 10px;text-align:center}.page-index-the-thao-chi-tiet__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.page-index-the-thao-chi-tiet__btn{display:inline-block;padding:13px 34px;border-radius:40px;font-weight:700;font-size:0.95rem;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;text-align:center;line-height:1.2}.page-index-the-thao-chi-tiet__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;box-shadow:0 8px 18px rgba(47,107,255,0.25)}.page-index-the-thao-chi-tiet__btn--primary:hover{box-shadow:0 12px 24px rgba(47,107,255,0.35);transform:translateY(-2px)}.page-index-the-thao-chi-tiet__btn--secondary{background:#ffffff;color:#2F6BFF;border:2px solid #2F6BFF;box-shadow:0 6px 14px rgba(47,107,255,0.10)}.page-index-the-thao-chi-tiet__btn--secondary:hover{background:#eef3ff}.page-index-the-thao-chi-tiet__intro{max-width:1200px;width:100%;margin:32px auto 0;padding:30px 24px;background:#FFFFFF;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.04);box-sizing:border-box}.page-index-the-thao-chi-tiet__section-title{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:800;color:#1F2D3D;margin:0 0 14px;text-align:left;line-height:1.3}.page-index-the-thao-chi-tiet__intro-text{margin:0 0 10px}.page-index-the-thao-chi-tiet__game-list{max-width:1200px;width:100%;margin:32px auto 0;padding:30px 24px;box-sizing:border-box}.page-index-the-thao-chi-tiet__game-list-desc{text-align:center;color:#40566e;max-width:600px;margin:0 auto 28px}.page-index-the-thao-chi-tiet__game-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:20px auto 0}.page-index-the-thao-chi-tiet__game-card{background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,0.05);transition:transform 0.3s, box-shadow 0.3s;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.page-index-the-thao-chi-tiet__game-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(47,107,255,0.10)}.page-index-the-thao-chi-tiet__game-image{width:100%;aspect-ratio:3/2;overflow:hidden}.page-index-the-thao-chi-tiet__game-image img{width:100%;height:100%;object-fit:cover;display:block}.page-index-the-thao-chi-tiet__game-title{font-size:1.15rem;font-weight:700;color:#1F2D3D;margin:0;padding:16px 16px 6px}.page-index-the-thao-chi-tiet__game-desc{font-size:0.9rem;color:#40566e;padding:0 16px 16px;margin:0;flex-grow:1}.page-index-the-thao-chi-tiet__game-card .page-index-the-thao-chi-tiet__btn{margin:0 16px 16px;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box;width:auto;align-self:flex-start}.page-index-the-thao-chi-tiet__howto{max-width:1200px;width:100%;margin:32px auto 0;padding:30px 24px;background:#FFFFFF;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.04);box-sizing:border-box}.page-index-the-thao-chi-tiet__howto-desc{color:#40566e;margin-top:0}.page-index-the-thao-chi-tiet__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px auto;text-align:center}.page-index-the-thao-chi-tiet__step{background:#F8FAFD;border-radius:12px;padding:24px 16px;border:1px solid #D6E2FF}.page-index-the-thao-chi-tiet__step-number{display:inline-block;width:40px;height:40px;background:#2F6BFF;color:#ffffff;font-weight:800;border-radius:50%;line-height:40px;margin-bottom:12px;font-size:1.1rem}.page-index-the-thao-chi-tiet__step-title{font-size:1.05rem;font-weight:700;margin:0 0 8px;color:#1F2D3D}.page-index-the-thao-chi-tiet__step-text{font-size:0.88rem;color:#40566e;margin:0}.page-index-the-thao-chi-tiet__howto-cta{text-align:center;margin-top:8px}.page-index-the-thao-chi-tiet__faq{max-width:1200px;width:100%;margin:32px auto;padding:30px 24px;box-sizing:border-box}.page-index-the-thao-chi-tiet__faq-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.page-index-the-thao-chi-tiet__faq-item{background:#ffffff;border:1px solid #D6E2FF;border-radius:14px;overflow:hidden;transition:border-color 0.25s;list-style:none}.page-index-the-thao-chi-tiet__faq-item[open]{border-color:#2F6BFF}.page-index-the-thao-chi-tiet__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:700;color:#1F2D3D;cursor:pointer;font-size:1rem}.page-index-the-thao-chi-tiet__faq-question::-webkit-details-marker{display:none}.page-index-the-thao-chi-tiet__faq-question:hover{background:#f6f9ff}.page-index-the-thao-chi-tiet__faq-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eef3ff;color:#2F6BFF;font-weight:800;font-size:1rem;line-height:1;flex-shrink:0}.page-index-the-thao-chi-tiet__faq-answer{padding:0 20px 18px;color:#40566e;font-size:0.95rem}.page-index-the-thao-chi-tiet__faq-answer p{margin:0}.page-index-the-thao-chi-tiet a{transition:background 0.25s, color 0.25s}.page-index-the-thao-chi-tiet .page-index-the-thao-chi-tiet__game-list,.page-index-the-thao-chi-tiet .page-index-the-thao-chi-tiet__intro,.page-index-the-thao-chi-tiet .page-index-the-thao-chi-tiet__howto,.page-index-the-thao-chi-tiet .page-index-the-thao-chi-tiet__faq{max-width:100%;overflow-wrap:break-word}.page-index-the-thao-chi-tiet img{max-width:100%;height:auto}.page-index-the-thao-chi-tiet__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;display:inline-block}.page-index-the-thao-chi-tiet__hero-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-index-the-thao-chi-tiet__game-options{width:100%}@media (max-width:768px){.page-index-the-thao-chi-tiet__hero{padding-top:6px}.page-index-the-thao-chi-tiet__hero-image img{aspect-ratio:2/1}.page-index-the-thao-chi-tiet__hero-content{margin-top:16px}.page-index-the-thao-chi-tiet__hero-title{font-size:clamp(1rem,2vw,1.3rem);margin-bottom:8px}.page-index-the-thao-chi-tiet__hero-description{font-size:0.88rem;line-height:1.5;margin-bottom:12px}.page-index-the-thao-chi-tiet__hero-actions{gap:10px}.page-index-the-thao-chi-tiet__game-list,.page-index-the-thao-chi-tiet__intro,.page-index-the-thao-chi-tiet__howto,.page-index-the-thao-chi-tiet__faq{padding:18px 12px;margin-top:18px}.page-index-the-thao-chi-tiet__section-title{margin-bottom:10px}.page-index-the-thao-chi-tiet__game-options{grid-template-columns:1fr;gap:16px}.page-index-the-thao-chi-tiet__steps{grid-template-columns:1fr;gap:14px}.page-index-the-thao-chi-tiet img{max-width:100%!important;height:auto!important}.page-index-the-thao-chi-tiet__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:auto}.page-index-the-thao-chi-tiet__hero-actions{flex-direction:column;align-items:center}.page-index-the-thao-chi-tiet__hero-actions .page-index-the-thao-chi-tiet__btn{width:100%;text-align:center}.page-index-the-thao-chi-tiet__game-card .page-index-the-thao-chi-tiet__btn{width:auto;align-self:flex-start;margin-left:16px;margin-right:16px}}