.page-the-thao__hero-section{background:#017439;padding:10px 0 0} .page-the-thao__hero-container{max-width:1200px;margin:0 auto;padding:0 16px} .page-the-thao__hero-image-wrapper{width:100%} .page-the-thao__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px} .page-the-thao__hero-content{padding:16px 0 24px;color:#fff} .page-the-thao__hero-title{color:#fff;font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.3;font-weight:800;margin:0 0 12px} .page-the-thao__hero-description{color:#ffffff;font-size:1.1rem;line-height:1.7;max-width:900px;margin:0 0 20px;font-weight:400} .page-the-thao__hero-buttons{display:flex;flex-wrap:wrap;gap:16px;align-items:center} .page-the-thao__button{display:inline-flex;align-items:center;justify-content:center;max-width:260px;width:auto;min-height:48px;padding:12px 32px;border-radius:50px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center} .page-the-thao__button--primary{background:#C30808;color:#FFFF00} .page-the-thao__button--secondary{background:#ffffff;color:#017439;border:2px solid #017439} .page-the-thao__button--link{background:transparent;color:#017439;border:none;text-decoration:underline;padding:8px 0;min-height:auto} .page-the-thao__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)} .page-the-thao__intro-section{background:#FFFFFF} .page-the-thao__intro-container{max-width:1200px;margin:0 auto;padding:48px 16px;text-align:center} .page-the-thao__intro-title{color:#017439;font-size:2rem;line-height:1.4;margin-bottom:16px} .page-the-thao__intro-text{color:#333333;max-width:900px;margin:0 auto;font-size:1.1rem;line-height:1.8;text-align:center} .page-the-thao__intro-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:32px} .page-the-thao__stat-item{padding:20px 28px;background:#f5f5f5;border-radius:12px;text-align:center;min-width:140px} .page-the-thao__stat-item strong{display:block;font-size:2rem;color:#017439} .page-the-thao__stat-item span{display:block;color:#333333;margin-top:8px;font-size:.95rem} .page-the-thao__announcement-section{background:#f5f5f5} .page-the-thao__announcement-container{max-width:1200px;margin:0 auto;padding:48px 16px} .page-the-thao__announcement-title{color:#017439;font-size:2rem;line-height:1.4;margin-bottom:24px} .page-the-thao__announcement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px} .page-the-thao__announcement-item{background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease} .page-the-thao__announcement-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)} .page-the-thao__announcement-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover} .page-the-thao__announcement-title-small{color:#017439;padding:16px 20px 8px;font-size:1.1rem;margin:0;line-height:1.4} .page-the-thao__announcement-excerpt{color:#333333;padding:0 20px;margin:0 0 12px;line-height:1.6} .page-the-thao__announcement-item .page-the-thao__button{margin:0 20px 20px} .page-the-thao__logo-section{background:#FFFFFF;padding:48px 16px} .page-the-thao__logo-container{max-width:1200px;margin:0 auto} .page-the-thao__logo-title{color:#017439;font-size:2rem;line-height:1.4;margin-bottom:32px;text-align:center} .page-the-thao__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;width:100%} .page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;background:#f8f9fa;padding:20px 16px;border:1px solid #e9ecef;border-radius:12px;transition:box-shadow .3s ease} .page-the-thao__logo-item:hover{box-shadow:0 6px 16px rgba(0,0,0,.08)} .page-the-thao__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#fff} .page-the-thao__logo-cta{padding:10px 22px;border-radius:999px;background:#017439;color:#fff;font-weight:700;text-decoration:none;font-size:.95rem;transition:background .2s ease} .page-the-thao__logo-cta:hover{background:#016332} .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} .page-the-thao__guide-container{max-width:1000px;margin:0 auto;padding:16px 16px 48px} .page-the-thao__guide-title{text-align:center;color:#017439;margin-bottom:40px;font-size:2rem;line-height:1.4} .page-the-thao__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px} .page-the-thao__guide-item{background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s ease} .page-the-thao__guide-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)} .page-the-thao__guide-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover} .page-the-thao__guide-content{padding:24px;display:flex;flex-direction:column;flex:1} .page-the-thao__guide-item-title{color:#017439;font-size:1.25rem;margin:0 0 12px;line-height:1.4} .page-the-thao__guide-text{color:#333333;line-height:1.7;margin-bottom:16px} .page-the-thao__guide-content .page-the-thao__button{margin-top:auto;align-self:flex-start} .page-the-thao__faq-item{border-top:1px solid #e6e6e6;margin-top:40px;padding-top:20px} .page-the-thao__faq-question{font-weight:700;color:#017439;cursor:pointer;font-size:1.1rem} .page-the-thao__faq-answer{padding:16px 0 0;color:#333333;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(n){grid-column:auto} .page-the-thao__guide-grid{gap:24px}} @media(max-width:768px){.page-the-thao__hero-section{padding-top:10px}.page-the-thao__hero-image{aspect-ratio:2/1}.page-the-thao__hero-content{padding:20px 8px 24px}.page-the-thao__hero-title{font-size:1.3rem}.page-the-thao__hero-description{font-size:1.05rem}.page-the-thao__hero-buttons{gap:12px;flex-direction:row;flex-wrap:wrap}.page-the-thao__button{max-width:100%;width:100%;padding:12px 24px}.page-the-thao__intro-container{padding:32px 16px}.page-the-thao__intro-title{font-size:1.6rem}.page-the-thao__intro-stats{gap:12px}.page-the-thao__stat-item{padding:16px;min-width:100px}.page-the-thao__stat-item strong{font-size:1.4rem}.page-the-thao__announcement-container{padding:32px 16px}.page-the-thao__announcement-title{font-size:1.6rem}.page-the-thao__announcement-grid{grid-template-columns:1fr}.page-the-thao__logo-section{padding:32px 8px}.page-the-thao__logo-title{font-size:1.6rem;margin-bottom:24px}.page-the-thao__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-the-thao__logo-item{padding:16px 8px}.page-the-thao__logo-item:nth-child(5),.page-the-thao__logo-item:nth-child(6){grid-column:auto}.page-the-thao__logo-image{width:100%;max-width:260px}.page-the-thao__guide-container{padding:8px 12px 32px}.page-the-thao__guide-title{font-size:1.5rem;margin-bottom:28px}.page-the-thao__guide-grid{grid-template-columns:1fr;gap:20px}.page-the-thao__guide-content{padding:16px}.page-the-thao img{max-width:100%;height:auto}.page-the-thao__faq-question{font-size:1rem}.page-the-thao{max-width:100%;overflow-x:hidden}}