.page-the-thao{color:#333333;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background:#F4F7FB;max-width:100%;overflow-x:hidden}
.page-the-thao__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:10px;padding-bottom:20px;background:linear-gradient(180deg,#EAF1FF 0%,#F4F7FB 100%)}
.page-the-thao__hero-image-wrapper{width:100%;max-width:1200px;padding:0 16px}
.page-the-thao__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.page-the-thao__hero-content{width:100%;max-width:1200px;text-align:center;padding:24px 16px 8px}
.page-the-thao__hero-title{font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:#1F2D3D;max-width:900px;margin:0 auto 12px}
.page-the-thao__hero-description{font-size:1.1rem;color:#1F2D3D;max-width:850px;margin:0 auto 24px}
.page-the-thao__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.page-the-thao__btn{display:inline-block;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;font-weight:700;font-size:1rem;padding:14px 32px;border-radius:999px;text-decoration:none;text-align:center;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 6px 12px rgba(47,107,255,0.3)}
.page-the-thao__btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(47,107,255,0.35)}
.page-the-thao__btn--secondary{background:#FFFFFF;color:#2F6BFF;border:2px solid #2F6BFF;box-shadow:none}
.page-the-thao__btn--secondary:hover{background:#EAF1FF}
.page-the-thao__logo-section{padding:40px 16px}
.page-the-thao__section-header{text-align:center;margin-bottom:40px}
.page-the-thao__section-title{font-size:2rem;font-weight:800;color:#1F2D3D;margin-bottom:12px}
.page-the-thao__section-intro{max-width:750px;margin:0 auto;color:#1F2D3D}
.page-the-thao__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 24px;justify-items:center;max-width:1200px;margin:0 auto}
.page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;text-decoration:none;background:#FFFFFF;padding:20px;border-radius:12px;border:1px solid #D6E2FF;transition:box-shadow 0.2s}
.page-the-thao__logo-item:hover{box-shadow:0 8px 20px rgba(165,196,255,0.4)}
.page-the-thao__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}
.page-the-thao__logo-name{font-weight:700;color:#1F2D3D;text-decoration:none}
.page-the-thao__logo-item:nth-child(5){grid-column:2}
.page-the-thao__logo-item:nth-child(6){grid-column:3}
.page-the-thao__guide-section{background:#FFFFFF;padding:32px 0 48px}
.page-the-thao__guide-inner{max-width:1000px;margin:0 auto;padding:0 16px}
.page-the-thao__guide-title{text-align:center;color:#1F2D3D;font-size:2rem;margin-bottom:12px}
.page-the-thao__guide-description{text-align:center;max-width:800px;margin:0 auto 32px;color:#1F2D3D}
.page-the-thao__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.page-the-thao__guide-step-card{background:#FFFFFF;border:1px solid #D6E2FF;border-left:4px solid #2F6BFF;border-radius:8px;padding:24px}
.page-the-thao__guide-step-title{font-size:1.25rem;color:#1F2D3D;margin-bottom:12px}
.page-the-thao__guide-step-card p{font-size:0.95rem;margin-bottom:16px}
.page-the-thao__guide-articles{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-bottom:48px}
.page-the-thao__guide-figure{margin:0;background:#F4F7FB;border-radius:12px;overflow:hidden}
.page-the-thao__guide-figure img{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-the-thao__guide-figure figcaption{font-size:0.9rem;padding:8px 12px;color:#1F2D3D;text-align:center}
.page-the-thao__guide-article-list{display:flex;flex-direction:column;justify-content:center}
.page-the-thao__guide-article-title{font-size:1.5rem;margin-bottom:16px}
.page-the-thao__guide-article-list ul{margin-bottom:24px}
.page-the-thao__guide-article-list li{margin-bottom:8px}
.page-the-thao__faq-section{margin-top:48px}
.page-the-thao__faq-title{font-size:1.5rem;text-align:center;margin-bottom:24px}
.page-the-thao__faq-item{background:#F4F7FB;border:1px solid #D6E2FF;border-radius:8px;padding:16px;margin-bottom:16px}
.page-the-thao__faq-question{cursor:pointer;font-weight:600;color:#1F2D3D}
.page-the-thao__faq-answer{padding-left:24px}
@media (max-width: 1024px){
.page-the-thao__guide-steps{grid-template-columns:1fr 1fr}
.page-the-thao__guide-articles{grid-template-columns:1fr}
.page-the-thao__logo-grid{grid-template-columns:repeat(3,1fr)}
.page-the-thao__logo-item:nth-child(5),.page-the-thao__logo-item:nth-child(6){grid-column:auto}
}
@media (max-width: 768px){
.page-the-thao__hero-section{padding-top:8px}
.page-the-thao__hero-image{aspect-ratio:16/10}
.page-the-thao__hero-image-wrapper{padding:0 8px}
.page-the-thao__hero-content{padding:16px 8px 4px}
.page-the-thao__hero-actions{flex-direction:column;width:100%;align-items:center}
.page-the-thao__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-the-thao__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.page-the-thao__logo-item:nth-child(5),.page-the-thao__logo-item:nth-child(6){grid-column:auto}
.page-the-thao__guide-steps{grid-template-columns:1fr;gap:16px}
.page-the-thao__guide-articles{grid-template-columns:1fr}
.page-the-thao__guide-article-list{padding:0 8px}
.page-the-thao img{max-width:100%!important;height:auto!important}
.page-the-thao{max-width:100%;overflow-x:hidden}
}