.page-the-thao{color:#ffffff;background-color:#0A0A0A;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}
.page-the-thao__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px 0;}
.page-the-thao__hero-image{width:100%;margin-bottom:20px;}
.page-the-thao__hero-img{width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;}
.page-the-thao__hero-content{max-width:1020px;margin:0 auto;text-align:center;padding-bottom:24px;}
.page-the-thao__hero-title{color:#FFF6D6;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.3;letter-spacing:-0.5px;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,0.5);}
.page-the-thao__hero-desc{color:#fff6d6;max-width:700px;margin:0 auto 20px;font-size:1rem;opacity:0.9;}
.page-the-thao__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.page-the-thao__btn{display:inline-block;padding:12px 32px;border-radius:50px;font-weight:700;text-decoration:none;text-align:center;border:2px solid #3A2A12;transition:transform 0.2s,box-shadow 0.2s;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-the-thao__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;}
.page-the-thao__btn--secondary{background:transparent;color:#FFF6D6;border-color:#FFD36B;}
.page-the-thao__btn:hover{transform:scale(1.03);box-shadow:0 0 18px rgba(255,211,107,0.4);}
.page-the-thao__btn--primary{box-shadow:0 4px 14px rgba(255,211,107,0.3);}
.page-the-thao__features-section{max-width:1200px;margin:0 auto;padding:48px 16px;}
.page-the-thao__section-title{color:#F2C14E;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;text-align:center;margin-bottom:36px;}
.page-the-thao__section-title strong{color:#FFD36B;}
.page-the-thao__feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.page-the-thao__feature-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:16px;transition:box-shadow 0.3s;}
.page-the-thao__feature-card:hover{box-shadow:0 0 20px rgba(255,211,107,0.15);}
.page-the-thao__feature-img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin-bottom:16px;}
.page-the-thao__feature-title{color:#FFF6D6;font-size:1.15rem;font-weight:700;margin:0 0 8px;}
.page-the-thao__feature-text{color:#ffffff;opacity:0.85;font-size:0.95rem;margin:0;}
.page-the-thao__guide-section{background-color:#111111;padding:48px 16px;}
.page-the-thao__guide-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:28px;}
.page-the-thao__guide-block{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;background:#0f0f0f;border:1px solid #3A2A12;border-radius:12px;padding:20px;}
.page-the-thao__guide-image{flex:1 1 300px;}
.page-the-thao__guide-img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;}
.page-the-thao__guide-content{flex:1 1 300px;display:flex;flex-direction:column;align-items:flex-start;}
.page-the-thao__guide-title{color:#FFF6D6;font-size:1.3rem;font-weight:700;margin:0 0 10px;}
.page-the-thao__guide-text{color:#ffffff;opacity:0.9;margin:0 0 16px;font-size:0.95rem;}
.page-the-thao__guide-content .page-the-thao__btn{margin-top:auto;}
.page-the-thao__faq-item{border:1px solid #3A2A12;border-radius:8px;padding:12px 20px;background:#0f0f0f;}
.page-the-thao__faq-question{color:#F2C14E;font-weight:600;cursor:pointer;list-style:none;}
.page-the-thao__faq-question[data-faq-toggle]{margin-right:8px;}
.page-the-thao__faq-item[open] .page-the-thao__faq-question span{transform:rotate(45deg);}
.page-the-thao__faq-answer{color:#fff;padding-top:12px;margin:0;}
.page-the-thao img{width:auto;max-width:100%;height:auto;}
@media (max-width:768px){
.page-the-thao__hero-section{padding-top:0;}
.page-the-thao__hero-img{aspect-ratio:2/1;max-width:100%;}
.page-the-thao__hero-title{font-size:1rem;line-height:1.4;}
.page-the-thao__hero-desc{font-size:0.85rem;}
.page-the-thao__hero-actions{flex-direction:column;align-items:stretch;}
.page-the-thao__feature-grid{grid-template-columns:1fr;gap:16px;}
.page-the-thao__guide-block{flex-direction:column;}
.page-the-thao__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-the-thao__hero-actions .page-the-thao__btn{width:100%;}
.page-the-thao img{max-width:100% !important;height:auto !important;}
.page-the-thao{overflow-x:hidden;}
}