.page-the-thao__hero-section{display:flex;flex-direction:column;align-items:center;background:#fff;padding:10px 16px 0}
.page-the-thao__hero-image{width:100%;max-width:1200px;overflow:hidden;border-radius:8px}
.page-the-thao__hero-image img{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover}
.page-the-thao__hero-content{width:100%;max-width:1200px;text-align:center;padding:30px 10px 24px}
.page-the-thao__hero-content h1{color:#017439;font-weight:800;line-height:1.3;letter-spacing:.1px;max-width:960px;margin:0 auto 12px}
.page-the-thao__hero-content p{color:#333;max-width:860px;margin:0 auto 24px;font-size:1.05rem;line-height:1.7}
.page-the-thao__cta-btn{display:inline-block;background:#017439;color:#fff!important;padding:14px 38px;border-radius:999px;font-weight:800;font-size:1.05rem;text-decoration:none;transition:opacity .25s ease}
.page-the-thao__cta-btn:hover{opacity:.88}
.page-the-thao__intro-section,.page-the-thao__step-section,.page-the-thao__games-section,.page-the-thao__download-section,.page-the-thao__security-section,.page-the-thao__faq-section{max-width:1200px;margin:0 auto;padding:56px 16px 16px}
.page-the-thao__intro-section h2,.page-the-thao__step-section h2,.page-the-thao__games-section h2,.page-the-thao__download-section h2,.page-the-thao__security-section h2,.page-the-thao__faq-section h2{color:#017439;font-weight:800;margin-bottom:16px;text-align:center}
.page-the-thao__intro-section p,.page-the-thao__step-section>p,.page-the-thao__games-section p,.page-the-thao__security-section p{color:#333;line-height:1.8}
.page-the-thao__discovery-section{background:#f2f8f4;padding:46px 16px}
.page-the-thao__discovery-section{display:flex;flex-direction:row;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.page-the-thao__discovery-text{flex:1 1 480px;min-width:280px;max-width:640px}
.page-the-thao__discovery-text h2{color:#017439;font-weight:800;margin-bottom:14px}
.page-the-thao__discovery-text p{color:#333;line-height:1.7}
.page-the-thao__sport-list{list-style:none;padding:0;margin:20px 0 0}
.page-the-thao__sport-list li{padding:10px 18px;margin:8px 0;background:#fff;border-left:4px solid #017439;border-radius:0 10px 10px 0;line-height:1.5;color:#222;box-shadow:0 4px 14px rgba(1,116,57,.08)}
.page-the-thao__sport-list strong{color:#017439}
.page-the-thao__discovery-media{flex:0 1 500px}
.page-the-thao__discovery-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.page-the-thao__step-list{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;margin:24px 0}
.page-the-thao__step-card{flex:1 1 260px;background:#f8fdfa;border:1px solid #d9eee2;border-radius:16px;padding:24px 18px;transition:transform .25s ease}
.page-the-thao__step-card:hover{transform:translateY(-4px)}
.page-the-thao__step-card h3{display:flex;align-items:center;gap:12px;color:#222;font-size:1.1rem;font-weight:800;margin-bottom:10px}
.page-the-thao__step-number{width:36px;height:36px;border-radius:50%;background:#017439;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-right:8px}
.page-the-thao__step-card p{color:#444;line-height:1.65;font-size:.95rem;margin:0}
.page-the-thao__bonus-section{display:flex;flex-direction:row;gap:26px;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:46px 16px}
.page-the-thao__bonus-content{flex:1 1 480px;min-width:280px;max-width:640px;order:1}
.page-the-thao__bonus-content h2{color:#017439;font-weight:800;margin-bottom:14px}
.page-the-thao__bonus-content p{color:#333;line-height:1.7}
.page-the-thao__bonus-media{flex:0 1 500px;order:2}
.page-the-thao__bonus-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.page-the-thao__blog-section{max-width:1200px;margin:0 auto;padding:50px 16px 12px}
.page-the-thao__blog-section h2{color:#017439;font-weight:800;margin-bottom:14px;text-align:center}
.page-the-thao__blog-section>p{color:#333;text-align:center;max-width:980px;margin:0 auto 28px;line-height:1.7}
.page-the-thao__blog-list{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-bottom:30px}
.page-the-thao__blog-card{width:340px;max-width:100%;background:#fff;border:1px solid #e6eee9;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.page-the-thao__blog-card img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-the-thao__blog-card h3{color:#17211b;font-size:1.15rem;font-weight:800;margin:16px 16px 8px;line-height:1.4}
.page-the-thao__blog-card p{color:#4a5a51;font-size:.9rem;line-height:1.7;padding:0 16px;margin:0 0 14px}
.page-the-thao__blog-btn{display:inline-flex;align-items:center;margin:auto 16px 16px;color:#017439;font-weight:700;font-size:1rem;text-decoration:none;transition:color .2s}
.page-the-thao__blog-btn:hover{color:#0ab35e}
.page-the-thao__download-section{background:linear-gradient(135deg,#017439 0%,#004f27 100%);border-radius:18px;margin:28px auto;color:#fff;text-align:center}
.page-the-thao__download-content{padding:44px 20px}
.page-the-thao__download-content h2{color:#fff;font-weight:800;letter-spacing:.3px;margin-bottom:10px}
.page-the-thao__download-content p{color:rgba(255,255,255,.95);max-width:800px;margin:0 auto 22px;line-height:1.7}
.page-the-thao__download-content .page-the-thao__cta-btn{background:#ffcf4d;color:#173b2a!important}
.page-the-thao__download-content .page-the-thao__cta-btn:hover{opacity:.9}
.page-the-thao__faq-item{border-bottom:1px solid #e4ede7}
.page-the-thao__faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 6px;cursor:pointer;color:#222;font-weight:600;outline:none}
.page-the-thao__faq-item summary::-webkit-details-marker{display:none}
.page-the-thao__faq-content{padding:0 8px 14px;line-height:1.7;color:#444;max-width:1100px}
.page-the-thao__faq-toggle{display:inline-flex;align-items:center;justify-content:center;background:#017439;color:#fff;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:1.25rem;flex:0 0 auto}
.page-the-thao__faq-item[open] .page-the-thao__faq-toggle{background:#c30808}
@media (max-width:1024px){
.page-the-thao__hero-section{padding:9px 14px 0}
.page-the-thao__blog-card{width:300px}
.page-the-thao__discovery-media,.page-the-thao__bonus-media{flex:1 1 100%}
}
@media (max-width:768px){
.page-the-thao__hero-section{padding:8px 10px 0}
.page-the-thao__hero-image img{aspect-ratio:2/1}
.page-the-thao__hero-content{padding-top:22px}
.page-the-thao__hero-content h1{font-size:clamp(1.4rem,4.6vw,2.2rem)}
.page-the-thao__intro-section,.page-the-thao__step-section,.page-the-thao__games-section,.page-the-thao__download-section,.page-the-thao__security-section,.page-the-thao__faq-section{padding:38px 14px 10px}
.page-the-thao__discovery-section,.page-the-thao__bonus-section{flex-direction:column;padding:30px 14px}
.page-the-thao__discovery-media,.page-the-thao__bonus-media{width:100%}
.page-the-thao__step-list{flex-direction:column}
.page-the-thao__step-card h3{white-space:normal;word-wrap:break-word}
.page-the-thao__blog-list{gap:18px;padding:0 4px}
.page-the-thao__blog-card{width:100%}
.page-the-thao__blog-card h3,.page-the-thao__blog-card p{padding-left:14px;padding-right:14px}
.page-the-thao__blog-btn{margin-bottom:18px}
.page-the-thao__download-content{padding:28px 14px}
.page-the-thao img{max-width:100%!important;height:auto!important}
.page-the-thao__cta-btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-the-thao__hero-content,.page-the-thao__intro-section,.page-the-thao__discovery-section,.page-the-thao__step-section,.page-the-thao__bonus-section,.page-the-thao__games-section,.page-the-thao__blog-section,.page-the-thao__download-section,.page-the-thao__security-section,.page-the-thao__faq-section,.page-the-thao__blog-list,.page-the-thao__step-list,.page-the-thao__download-content{max-width:100%;overflow-x:hidden;box-sizing:border-box}
}