.page-the-thao{ background:#08160F; color:#F2FFF6; padding:0 0 40px 0; line-height:1.6; }
.page-the-thao__container{max-width:1200px;margin:0 auto;padding:0 16px;}
.page-the-thao__hero{padding-top:10px;}
.page-the-thao__hero-image-wrapper{width:100%;margin:0 auto;}
.page-the-thao__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:1200/500;object-fit:cover;display:block;margin:0 auto;border-radius:12px;}
.page-the-thao__hero-content{text-align:center;padding:24px 16px 16px;max-width:900px;margin:0 auto;}
.page-the-thao__hero-title{font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:#F2FFF6;margin:0 0 12px;text-wrap:balance;}
.page-the-thao__hero-subtitle{font-size:1.1rem;color:#A7D9B8;max-width:700px;margin:0 auto 24px;line-height:1.7;}
.page-the-thao__hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.page-the-thao__btn{display:inline-block;padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none;transition:transform 0.2s ease;max-width:100%;box-sizing:border-box;}
.page-the-thao__btn--primary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#F2FFF6;border:1px solid #2E7A4E;}
.page-the-thao__btn--secondary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#F2FFF6;border:1px solid #2E7A4E;}
.page-the-thao__btn:hover{transform:translateY(-2px);}
.page-the-thao__logo-section{padding:40px 0 20px;border-top:1px solid #1E3A2A;margin-top:16px;}
.page-the-thao__section-title{text-align:center;font-size:1.8rem;color:#F2FFF6;font-weight:800;margin-bottom:28px;}
.page-the-thao__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px;justify-items:center;align-items:center;}
.page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;text-align:center;}
.page-the-thao__logo-image{width:100%;max-width:250px;aspect-ratio:400/200;object-fit:contain;display:block;}
.page-the-thao__logo-cta{display:inline-block;padding:8px 24px;border-radius:999px;background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#F2FFF6;font-weight:600;text-decoration:none;border:1px solid #2E7A4E;}
.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:24px 0 40px;border-top:1px solid #1E3A2A;margin-top:16px;}
.page-the-thao__guide-title{text-align:center;font-size:1.8rem;color:#F2FFF6;font-weight:800;margin-bottom:28px;}
.page-the-thao__guide-steps{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;}
.page-the-thao__guide-item{background:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:24px;flex:1 1 220px;}
.page-the-thao__guide-step-title{color:#F2C14E;font-size:1.2rem;margin-bottom:8px;}
.page-the-thao__guide-item p{color:#F2FFF6;margin:0;line-height:1.7;}
.page-the-thao__guide-figures{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:24px;}
.page-the-thao__guide-figure{flex:1 1 400px;margin:0;}
.page-the-thao__guide-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;border-radius:12px;border:1px solid #2E7A4E;}
.page-the-thao__guide-quote{flex:1 1 300px;background:#11271B;border-left:4px solid #F2C14E;padding:20px;margin:0;  color:#A7D9B8;font-style:italic;border-radius:8px;}
.page-the-thao__guide-quote cite{display:block;font-style:normal;margin-top:8px;color:#F2FFF6;font-size:0.95rem;}
.page-the-thao__faq-item{background:#11271B;border:1px solid #2E7A4E;border-radius:10px;margin-bottom:12px;padding:0 16px;overflow:hidden;}
.page-the-thao__faq-question{list-style:none;cursor:pointer;font-weight:700;color:#F2FFF6;padding:16px 0;display:flex;justify-content:space-between;align-items:center;}
.page-the-thao__faq-question::-webkit-details-marker{display:none;}
.page-the-thao__faq-toggle{font-size:1.4rem;color:#F2C14E;}
.page-the-thao__faq-answer{padding:0 0 16px;margin:0;color:#A7D9B8;line-height:1.7;}
.page-the-thao__guide-cta{text-align:center;margin-top:28px;}
.page-the-thao__tips-section{padding:24px 0 40px;border-top:1px solid #1E3A2A;}
.page-the-thao__tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;}
.page-the-thao__tip-card{background:#11271B;border:1px solid #2E7A4E;border-radius:12px;overflow:hidden;}
.page-the-thao__tip-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;}
.page-the-thao__tip-title{font-size:1.2rem;color:#F2FFF6;padding:16px 16px 8px;margin:0;}
.page-the-thao__tip-card p{padding:0 16px 16px;margin:0;color:#A7D9B8;line-height:1.7;}
@media (max-width:1024px){
  .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{padding-top:0;margin-top:0;}
  .page-the-thao__hero-image{aspect-ratio:600/350;}
  .page-the-thao__hero-title{font-size:1.6rem;}
  .page-the-thao__hero-subtitle{font-size:1rem;}
  .page-the-thao__hero-buttons{flex-direction:column;align-items:center;}
  .page-the-thao__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;padding:14px 20px;}
  .page-the-thao__logo-grid{grid-template-columns:repeat(2,1fr);}
  .page-the-thao__logo-item:nth-child(5),.page-the-thao__logo-item:nth-child(6){grid-column:auto;}
  .page-the-thao__section-title{font-size:1.5rem;}
  .page-the-thao__guide-steps{flex-direction:column;}
  .page-the-thao__guide-figures{flex-direction:column;}
  .page-the-thao__guide-figure{width:100%;}
  .page-the-thao__tips-grid{grid-template-columns:1fr;}
  .page-the-thao img{max-width:100%!important;height:auto!important;}
  .page-the-thao{max-width:100%;overflow-x:hidden;}
}