.page-the-thao{color:#F3F8FF;background:#08162B;position:relative;overflow:hidden}.page-the-thao__hero{display:flex;flex-direction:column;align-items:center;padding:10px 0 0}.page-the-thao__hero-image{width:100%;max-width:1400px;margin:0 auto}.page-the-thao__hero-image img{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}.page-the-thao__hero-content{width:100%;max-width:980px;text-align:center;padding:32px 20px 24px;background:transparent}.page-the-thao__hero-title{font-size:clamp(1.2rem, 2vw + 0.5rem, 1.8rem);color:#F3F8FF;font-weight:700;line-height:1.4;letter-spacing:0.2px;max-width:900px;margin:0 auto 16px}.page-the-thao__hero-desc{margin:0 auto 20px;font-size:1rem;line-height:1.7;color:#AFC4E8;max-width:720px}.page-the-thao__hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden}.page-the-thao__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border:0;border-radius:8px;padding:14px 28px;text-align:center;transition:opacity .25s;font-size:0.95rem;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;cursor:pointer}.page-the-thao__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff}.page-the-thao__btn--secondary{background:transparent;color:#F2C14E;border:2px solid #F2C14E}.page-the-thao__btn--gold{background:linear-gradient(180deg,#F2C14E 0%,#D49B3F 100%);color:#08162B}.page-the-thao__btn:hover,.page-the-thao__btn:focus{opacity:0.92}.page-the-thao__intro,.page-the-thao__features,.page-the-thao__tips{max-width:1200px;margin:0 auto;padding:40px 24px}.page-the-thao__intro{display:flex;align-items:flex-start;gap:32px}.page-the-thao__intro-text{flex:1.2}.page-the-thao__intro-text h2,.page-the-thao__section-title,.page-the-thao__guide-title,.page-the-thao__faq-title{color:#F3F8FF;font-size:1.6rem;font-weight:700;line-height:1.3;margin:0 0 18px}.page-the-thao__intro-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}.page-the-thao__intro-list li{flex:1 1 calc(50% - 12px);color:#AFC4E8;line-height:1.6;padding:8px;background:rgba(16,35,63,0.5);border-radius:12px}.page-the-thao__intro-list strong{color:#F3F8FF}.page-the-thao__intro-image{flex:0 0 48%}.page-the-thao__intro-image img,.page-the-thao__tip-card img,.page-the-thao__sport-image img,.page-the-thao__guide-item img,.page-the-thao__app-image img{width:100%;max-width:100%;height:auto;border-radius:16px;display:block;object-fit:cover}.page-the-thao__sports-inner{max-width:1200px;margin:0 auto;padding:24px}.page-the-thao__sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.page-the-thao__sport-card{background:#10233F;border:1px solid #244D84;border-radius:16px;overflow:hidden;padding:0}.page-the-thao__sport-card .page-the-thao__sport-body{padding:24px}.page-the-thao__sport-card h3{color:#F3F8FF;font-size:1.2rem;margin:0 0 12px}.page-the-thao__sport-card p,.page-the-thao__tip-card p,.page-the-thao__guide-content p{color:#AFC4E8;line-height:1.65}.page-the-thao__sport-card .page-the-thao__btn,.page-the-thao__guide-content .page-the-thao__btn{margin-top:16px}.page-the-thao__features-inner{max-width:1200px;margin:0 auto}.page-the-thao__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.page-the-thao__feature-item,.page-the-thao__tip-card{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:20px;text-align:center}.page-the-thao__feature-item img,.page-the-thao__feature-item{display:block}.page-the-thao__feature-item h3,.page-the-thao__tip-card h3{color:#F3F8FF;margin:14px 0 10px}.page-the-thao__feature-item p,.page-the-thao__tip-card p{color:#AFC4E8;line-height:1.6}.page-the-thao__promo{margin-top:20px;padding:0 24px}.page-the-thao__promo-banner{max-width:1200px;margin:0 auto;background:linear-gradient(120deg,#113B7A 0%,#1D5FD1 100%);text-align:center;padding:40px;border-radius:16px}.page-the-thao__promo-title{color:#F3F8FF;margin-bottom:18px;font-size:1.6rem}.page-the-thao__guide-inner,.page-the-thao__faq-inner{max-width:1000px;margin:0 auto;padding:24px}.page-the-thao__guide-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.page-the-thao__guide-item{display:flex;align-items:center;gap:24px;background:#10233F;border:1px solid #244D84;padding:16px;border-radius:16px;flex-direction:row}.page-the-thao__guide-item img{flex:1;max-width:50%;height:auto}.page-the-thao__guide-content{flex:1;text-align:left}.page-the-thao__guide-content h3{color:#F3F8FF;margin:0 0 10px}.page-the-thao__guide-content p{margin:0 0 16px}.page-the-thao__guide-item--reverse{flex-direction:row-reverse}.page-the-thao__tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.page-the-thao__tip-card{text-align:left}.page-the-thao__tip-card p{margin-bottom:0}.page-the-thao__app{margin:40px auto;padding:0 24px}.page-the-thao__app-banner{max-width:1200px;margin:0 auto;background:#10233F;border:1px solid #244D84;border-radius:16px;display:flex;align-items:center;gap:24px;padding:20px}.page-the-thao__app-content{flex:1}.page-the-thao__app-title{color:#F3F8FF;font-size:1.4rem;margin:0 0 10px}.page-the-thao__app-desc{color:#AFC4E8;line-height:1.6;margin-bottom:18px}.page-the-thao__app-image{flex:0 0 40%}.page-the-thao__faq{background:rgba(16,35,63,0.5);margin-top:30px;padding:40px 24px}.page-the-thao__faq-item{border:1px solid #244D84;border-radius:8px;padding:14px 18px;margin-bottom:12px;background:#10233F}.page-the-thao__faq-question{color:#F3F8FF;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}.page-the-thao__faq-question::-webkit-details-marker{display:none}.page-the-thao__faq-toggle{color:#F2C14E;font-size:1.3rem;background:#244D84;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;line-height:1}.page-the-thao__faq-answer{color:#AFC4E8;line-height:1.7;padding-top:14px;margin-top:12px;border-top:1px solid var(--divider, #1B3357)}.page-the-thao__link{color:#F2C14E;font-weight:600;text-decoration:underline;word-break:break-word}.page-the-thao__link:hover,.page-the-thao__link:focus{opacity:0.9}.page-the-thao__section-title{text-align:center;margin-bottom:24px}.page-the-thao__faq-title,.page-the-thao__guide-title{text-align:center}.page-the-thao__promo-banner .page-the-thao__btn--gold{display:inline-flex}.page-the-thao__sport-card .page-the-thao__sport-body{display:flex;flex-direction:column;align-items:flex-start;height:100%}.page-the-thao__intro-text{width:100%}.page-the-thao__intro-image{width:48%;flex-basis:48%}@media (max-width:1024px){.page-the-thao__intro{flex-direction:column}.page-the-thao__intro-image{width:100%}.page-the-thao__app-image{flex-basis:45%}.page-the-thao__app-banner{flex-wrap:wrap}.page-the-thao__app-content,.page-the-thao__app-image{flex:1 1 100%;text-align:center}.page-the-thao__app-image img{max-width:500px;margin:0 auto}}@media (max-width:768px){.page-the-thao{padding-top:0;margin-top:0;max-width:100%;overflow-x:hidden}.page-the-thao__hero{padding-top:10px}.page-the-thao__hero-image img{max-width:100% !important;height:auto !important}.page-the-thao__hero-actions{flex-wrap:wrap;flex-direction:column;align-items:stretch}.page-the-thao__btn{width:100%;margin-top:8px}.page-the-thao__intro,.page-the-thao__features,.page-the-thao__tips,.page-the-thao__guide-inner,.page-the-thao__promo{padding-left:16px;padding-right:16px;padding-top:24px;padding-bottom:24px}.page-the-thao__sports-grid,.page-the-thao__features-grid,.page-the-thao__tips-grid{grid-template-columns:1fr;gap:16px}.page-the-thao__sports-inner{padding:0}.page-the-thao__guide-item,.page-the-thao__guide-item--reverse{flex-direction:column;align-items:stretch}.page-the-thao__guide-item img{width:100%;max-width:100%;height:auto}.page-the-thao__intro-list li{flex:1 1 100%}.page-the-thao__promo-banner{padding:28px 16px}.page-the-thao__contact{grid-template-columns:1fr}.page-the-thao__faq{padding:24px 16px}.page-the-thao__faq-item{padding:12px}.page-the-thao__faq-question{flex-wrap:wrap}.page-the-thao__app-banner{flex-direction:column}.page-the-thao__section-title{font-size:1.25rem}.page-the-thao__hero-content{padding:16px 12px}.page-the-thao__intro-text,.page-the-thao__intro-image{width:100%;flex:0 0 auto}.page-the-thao img{max-width:100% !important;height:auto !important}}