.page-the-thao{color:#ffffff;background-color:#0D0E12;max-width:100%;} .page-the-thao__hero-section{padding:10px 16px 0 16px;max-width:1200px;margin:0 auto;} .page-the-thao__hero-image-container{width:100%;display:block;} .page-the-thao__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:16px;border:1px solid #A84F0C;box-shadow:0 0 20px rgba(255,176,77,0.15);display:block;} .page-the-thao__hero-content{text-align:center;padding:20px 10px 0 10px;max-width:900px;margin:0 auto;width:100%;} .page-the-thao__main-title{color:#FFF3E6;font-weight:700;line-height:1.2;letter-spacing:0.5px;max-width:800px;margin:0 auto 12px auto;} .page-the-thao__hero-description{color:#FFF3E6;font-size:16px;line-height:1.6;margin:0 auto 20px auto;max-width:750px;} .page-the-thao__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:100%;overflow:hidden;box-sizing:border-box;} .page-the-thao__btn-register,.page-the-thao__btn-download,.page-the-thao__btn-play,.page-the-thao__btn-info{background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);border:none;color:#0D0E12;font-weight:700;font-size:15px;padding:12px 24px;border-radius:999px;cursor:pointer;display:inline-block;text-decoration:none;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;} .page-the-thao__btn-register:hover,.page-the-thao__btn-download:hover{background:linear-gradient(180deg, #FFB04D 0%, #FF8C1A 100%);} .page-the-thao__intro-section{padding:20px 16px 10px 16px;} .page-the-thao__intro-text{max-width:1000px;margin:0 auto;padding:16px;background-color:#17191F;color:#FFF3E6;border-radius:12px;border-left:4px solid #FF8C1A;font-size:16px;line-height:1.8;text-align:center;} .page-the-thao__features-section{max-width:1200px;margin:0 auto;padding:30px 16px;} .page-the-thao__section-title{color:#FFF3E6;text-align:center;font-size:24px;font-weight:700;margin-bottom:30px;} .page-the-thao__features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;} .page-the-thao__feature-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:20px;box-shadow:0 0 10px rgba(255,176,77,0.1);} .page-the-thao__feature-title{color:#FF8C1A;font-size:18px;font-weight:600;margin-bottom:10px;} .page-the-thao__feature-text{color:#FFF3E6;font-size:14px;line-height:1.6;margin-bottom:0;} .page-the-thao__guides-section{max-width:1200px;margin:0 auto;padding:30px 16px;}.page-the-thao__guides-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.page-the-thao__guide-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:15px;} .page-the-thao__guide-image-container{width:100%;} .page-the-thao__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block;} .page-the-thao__guide-content{padding-top:15px;}.page-the-thao__guide-title{color:#FF8C1A;font-size:18px;font-weight:600;margin-bottom:10px;text-align:left;}.page-the-thao__guide-text{color:#FFF3E6;font-size:14px;line-height:1.6;margin-bottom:15px;} .page-the-thao__btn-play,.page-the-thao__btn-info{margin-top:4px;} .page-the-thao__news-section{max-width:1200px;margin:0 auto;padding:40px 16px 20px 16px;} .page-the-thao__news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;} .page-the-thao__news-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;} .page-the-thao__news-image-container{width:100%;} .page-the-thao__news-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;} .page-the-thao__news-content{padding:15px;flex-grow:1;display:flex;flex-direction:column;} .page-the-thao__news-title{font-size:16px;font-weight:600;margin:0 0 8px 0;line-height:1.4;} .page-the-thao__news-title a{color:#FF8C1A;text-decoration:none;} .page-the-thao__news-title a:hover{color:#FFB04D;} .page-the-thao__news-meta{font-size:13px;color:#FFF3E6;opacity:0.7;margin:0 0 8px 0;} .page-the-thao__news-excerpt{color:#FFF3E6;font-size:14px;line-height:1.5;margin:0;} .page-the-thao__divider{height:1px;background:linear-gradient(90deg, transparent, #A84F0C, transparent);margin:30px 0;border:none;} .page-the-thao__brands-section{max-width:1200px;margin:0 auto;padding-top:40px 16px;} .page-the-thao__brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center;margin-top:20px;} .page-the-thao__brand-item{width:100%;max-width:260px;} .page-the-thao__brand-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background-color:#FFFFFF;padding:12px;border-radius:12px;box-sizing:border-box;display:block;} .page-the-thao__faq-section{max-width:1200px;margin:0 auto;padding:40px 16px;} .page-the-thao__faq-container{max-width:800px;margin:0 auto;padding:0 16px;} .page-the-thao__faq-title{color:#FF8C1A;font-weight:700;} .page-the-thao__faq-item{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;margin-bottom:8px;overflow:hidden;} .page-the-thao__faq-question{list-style:none;font-weight:600;cursor:pointer;color:#FFF3E6;font-size:16px;padding:14px 16px;} .page-the-thao__faq-question::-webkit-details-marker{display:none;} .page-the-thao__faq-question:before{content:'+';font-weight:bold;margin-right:8px;color:#FF8C1A;} .page-the-thao__faq-item[open] .page-the-thao__faq-question:before{content:'-';} .page-the-thao__faq-answer{background-color:#0D0E12;border-top:1px solid #A84F0C;padding:14px 16px;color:#FFF3E6;font-size:14px;} @media (min-width: 769px) and (max-width: 1024px) { .page-the-thao__features-grid{grid-template-columns:repeat(2, 1fr);} .page-the-thao__guides-wrapper{grid-template-columns:repeat(2, 1fr);} .page-the-thao__news-grid{grid-template-columns:repeat(2, 1fr);} .page-the-thao__brands-grid{grid-template-columns:repeat(3, 1fr);} } @media (max-width: 768px) { .page-the-thao__hero-section{padding:10px 12px 0 12px;width:100%;max-width:100%;box-sizing:border-box;} .page-the-thao__hero-image{width:100%;height:auto!important;max-width:100%!important;aspect-ratio:2/1;object-fit:cover;} .page-the-thao__hero-content{padding:16px 8px 0 8px;} .page-the-thao__main-title.font-size:1.2rem;} .page-the-thao__hero-description{font-size:14px;line-height:1.5;} .page-the-thao__intro-section,.page-the-thao__features-section,.page-the-thao__guides-section,.page-the-thao__news-section,.page-the-thao__brands-section,.page-the-thao__faq-section {padding-left:12px;padding-right:12px;box-sizing:border-box;width:100%;} .page-the-thao__features-grid{grid-template-columns:1fr;gap:16px;} .page-the-thao__guide-card{padding:12px;margin-bottom:16px;} .page-the-thao__guides-wrapper{grid-template-columns:1fr;gap:16px;} .page-the-thao__guide-image{width:100%;height:auto!important;max-width:100%!important;} .page-the-thao__guide-text{font-size:14px;} .page-the-thao__news-grid{grid-template-columns:1fr;gap:16px;} .page-the-thao__news-image{width:100%;height:auto!important;max-width:100%!important;} .page-the-thao__brands-grid{grid-template-columns:repeat(2, 1fr);gap:12px;} .page-the-thao__brand-item{max-width:100%;} .page-the-thao__btn-register,.page-the-thao__btn-download,.page-the-thao__btn-play,.page-the-thao__btn-info{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:14px;} .page-the-thao img{max-width:100%!important;height:auto!important;}.page-the-thao{max-width:100%;overflow-x:hidden;}.page-the-thao__section-title{font-size:20px;}.page-the-thao__intro-text{padding:12px;font-size:14px;line-height:1.6;} .page-the-thao .page-the-thao__faq-title{font-size:20px;} .page-the-thao__faq-container{padding:0;} } @media (max-width:368px) { .page-the-thao__hero-section{padding-left:8px;padding-right:8px;} .page-the-thao__hero-actions{flex-direction:column;}.page-the-thao__btn-register,.page-the-thao__btn-download{width:100%;text-align:center;} .page-the-thao__feature-card,.page-the-thao__guide-card,.page-the-thao__news-card {padding:12px;} }