.page-the-thao{background-color:#08160F;color:#F2FFF6;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6}.page-the-thao__hero{padding:10px 0 20px;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.page-the-thao__hero-content{width:100%;box-sizing:border-box;padding:20px 20px 0}.page-the-thao__hero-content h1{font-size:clamp(1.4rem, 2.5vw, 2rem);font-weight:800;line-height:1.3;color:#F2FFF6;margin:0 0 12px;max-width:650px;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.page-the-thao__hero-content p{font-size:1rem;color:#A7D9B8;max-width:640px;margin:0}.page-the-thao__hero-image{width:100%;padding:12px 20px 0;box-sizing:border-box}.page-the-thao__main-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border:2px solid #2E7A4E;box-shadow:0 4px 24px rgba(87,227,141,0.15)}.page-the-thao__btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;border-radius:50px;cursor:pointer;transition:all 0.2s ease;box-sizing:border-box}.page-the-thao__btn--primary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;padding:14px 34px;font-size:1.05rem;border:2px solid #57E38D;box-shadow:0 0 20px rgba(87,227,141,0.4)}.page-the-thao__btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(87,227,141,0.7)}.page-the-thao__btn--outline{background:transparent;color:#F2FFF6;padding:10px 26px;font-size:0.9rem;border:1.5px solid #2E7A4E;width:auto}.page-the-thao__btn--outline:hover{border-color:#57E38D;color:#57E38D;background:rgba(87,227,141,0.08)}.page-the-thao__btn--link{background:transparent;color:#57E38D;padding:2px 0;font-size:0.9rem;border-bottom:2px solid transparent;border-radius:0;text-align:left}.page-the-thao__btn--link:hover{border-bottom-color:#57E38D}.page-the-thao__hero-image .page-the-thao__btn--primary{margin-top:16px}.page-the-thao__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 20px;justify-items:center;max-width:1200px;margin:20px auto 10px;padding:0 20px}.page-the-thao__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;background:#11271B;border:2px solid #1E3A2A;border-radius:12px;padding:14px 8px 16px;width:100%;max-width:280px;box-sizing:border-box;transition:border-color 0.2s ease}.page-the-thao__logo-item:hover{border-color:#2AD16F}.page-the-thao__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.page-the-thao__logo-caption{font-size:0.95rem;font-weight:600;color:#F2FFF6}.page-the-thao__logo-item:nth-child(4n+5){grid-column:2}.page-the-thao__logo-item:nth-child(4n+6){grid-column:3}.page-the-thao__guide-container{display:flex;flex-direction:column;gap:28px;max-width:1000px;margin:0 auto;padding:24px 16px 0}.page-the-thao__guide-title{text-align:center;font-size:clamp(1.3rem,2vw,1.9rem);color:#F2FFF6;padding:20px 13% 0;letter-spacing:0.03em}.page-the-thao__guide-item{display:flex;flex-direction:column;background:#11271B;border:2px solid #1E3A2A;border-radius:16px;overflow:hidden}.page-the-thao__guide-figure{margin:0}.page-the-thao__guide-image{width:100%;max-width:100%;height:auto;max-height:400px;object-fit:cover;display:block;border-bottom:2px solid #1E3A2A;margin:0 auto;padding-top:10px}.page-the-thao__guide-text{padding:16px 24px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-the-thao__guide-text h3{color:#57E38D;font-size:1.2rem;line-height:1.4;margin:0}.page-the-thao__guide-text p{color:#F2FFF6;margin:0}.page-the-thao__guide-text .page-the-thao__btn{margin-top:4px}.page-the-thao__guide-text .page-the-thao__btn--link{color:#57E38D}.page-the-thao__guide-text .page-the-thao__btn--link:hover{color:#2AD16F}.page-the-thao__guide-text {color:#F2FFF6}.page-the-thao__guide-text span{color:#F2C14E}.page-the-thao__guide-text strong{color:#57E38D}.page-the-thao__guide-text em{color:#F2C14E}.page-the-thao__guide-text a{color:#57E38D}.page-the-thao__guide-text ol,.page-the-thao__guide-text ul{padding-left:1.3em;margin:8px 0}.page-the-thao__guide-text li{margin-bottom:6px}.page-the-thao__guide-item {max-width:940px;margin-left:auto;margin-right:auto}.page-the-thao__guide-item:first-of-type{margin-top:0}.page-the-thao__guide-item:last-of-type{margin-bottom:0}.page-the-thao__btn--link {align-self:flex-start}@media (max-width:1024px){.page-the-thao__logo-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 16px 0}.page-the-thao__hero-content{padding:16px 16px 0}.page-the-thao__hero-image{padding:12px 16px 0}}@media (max-width:768px){.page-the-thao{max-width:100%;overflow-x:hidden}.page-the-thao__hero{padding-top:4px}.page-the-thao__hero-image{order:1}.page-the-thao__hero-content{order:2}.page-the-thao__main-image{aspect-ratio:2/1}.page-the-thao img{max-width:100%!important;height:auto!important}.page-the-thao__logo-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 12px 0}.page-the-thao__logo-item:nth-child(n){grid-column:auto}.page-the-thao__guide-title{font-size:1.2rem;padding:20px 3% 0}.page-the-thao__guide-figure{padding-top:6px}.page-the-thao__guide-text{padding:12px 16px 24px}.page-the-thao__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-the-thao__btn--primary{font-size:1rem;padding:10px 16px}.page-the-thao__btn--outline{font-size:0.85rem;padding:8px 14px}.page-the-thao__hero-content h1{font-size:1.8rem;line-height:1.4}}