.page-the-thao{background:#0A0A0A;color:#FFF6D6;}
.page-the-thao__hero-section{padding-top:10px;padding-bottom:20px;}
.page-the-thao__hero-image-wrap{margin-bottom:20px;}
.page-the-thao__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px;margin:0 auto;box-shadow:0 4px 24px rgba(242,193,78,0.15);}
.page-the-thao__hero-content{max-width:1100px;margin:0 auto;padding:0 16px;text-align:center;}
.page-the-thao__hero-content h1{font-weight:700;line-height:1.2;letter-spacing:0.5px;margin:0 0 16px;color:#FFD36B;max-width:800px;margin-left:auto;margin-right:auto;}
.page-the-thao__hero-content p{font-size:1.125rem;line-height:1.7;color:#FFF6D6;margin:0 auto 24px;max-width:800px;padding-bottom:20px;border-bottom:1px solid #3A2A12;}
.page-the-thao__hero-cta{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;}
.page-the-thao__btn{display:inline-block;padding:12px 32px;border-radius:40px;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#0A0A0A;font-weight:700;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 4px 14px rgba(255,211,107,0.2);border:none;cursor:pointer;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-the-thao__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,211,107,0.4);}
.page-the-thao__btn--primary{color:#0A0A0A;}
.page-the-thao__partners-section{padding:30px 16px;}
.page-the-thao__partners-inner{max-width:1200px;margin:0 auto;}
.page-the-thao__section-subtitle{text-align:center;color:#FFD36B;font-size:1.6rem;padding-bottom:15px;margin-bottom:10px;}
.page-the-thao__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;margin-top:16px;}
.page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;background-color:#111111;border:1px solid #3A2A12;border-radius:10px;padding:15px;transition:box-shadow 0.3s ease;width:100%;}
.page-the-thao__logo-item:hover{box-shadow:0 8px 20px rgba(242,193,78,0.1);}
.page-the-thao__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;border-radius:8px;}
.page-the-thao__logo-cta{padding:10px 22px;border-radius:999px;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#0A0A0A;font-weight:600;text-decoration:none;transition:opacity 0.2s ease;font-size:0.95rem;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-the-thao__logo-cta:hover{opacity:0.9;}
.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{padding:20px 16px 50px;}
.page-the-thao__guide-inner{max-width:1000px;margin:0 auto;}
.page-the-thao__section-title{text-align:center;color:#FFD36B;font-size:2rem;margin-bottom:10px;}
.page-the-thao__section-desc{text-align:center;color:#FFF6D6;max-width:800px;margin:0 auto 30px;line-height:1.7;}
.page-the-thao__guide-item{display:flex;flex-direction:row;align-items:center;gap:30px;margin-bottom:50px;background:#111111;border:1px solid #3A2A12;border-radius:12px;padding:25px;}
.page-the-thao__guide-item--reverse{flex-direction:row-reverse;}
.page-the-thao__guide-figure{flex:1;margin:0;min-width:0;}
.page-the-thao__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block;}
.page-the-thao__guide-content{flex:1;min-width:0;}
.page-the-thao__guide-content h3{color:#FFD36B;font-size:1.5rem;margin-bottom:16px;}
.page-the-thao__guide-content p{color:#FFF6D6;line-height:1.7;margin-bottom:24px;}
@media (max-width:1024px){
.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;}
}
@media (max-width:768px){
.page-the-thao__hero-section{padding-top:10px;}
.page-the-thao__hero-image{aspect-ratio:16/10;max-height:300px;}
.page-the-thao__hero-content h1{font-weight:700;}
.page-the-thao__section-title{font-size:1.6rem;}
.page-the-thao__logo-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
.page-the-thao__logo-item:nth-child(5),.page-the-thao__logo-item:nth-child(6){grid-column:auto;}
.page-the-thao__logo-item{max-width:100%;}
.page-the-thao__guide-item, .page-the-thao__guide-item--reverse{flex-direction:column;gap:20px;padding:20px;}
.page-the-thao__guide-figure{width:100%;}
.page-the-thao__guide-figure img,.page-the-thao__guide-content img{max-width:100%;}
.page-the-thao img{max-width:100% !important;height:auto !important;}
.page-the-thao__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-the-thao{overflow-x:hidden;}
.page-the-thao__guide-content h3{font-size:1.3rem;}
}