.page-the-thao{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#333;background-color:#fff;line-height:1.6;overflow-x:hidden}
.page-the-thao__hero{display:flex;flex-direction:column;align-items:center;background:#e8f4fd;padding:10px 0 24px;max-width:1200px;margin:0 auto;border-radius:0 0 20px 20px}
.page-the-thao__hero-image-wrapper{width:100%;max-width:1200px;padding:0 12px;box-sizing:border-box}
.page-the-thao__hero-image{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:17/6;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.page-the-thao__hero-content{width:100%;max-width:820px;text-align:center;padding:18px 14px 0;box-sizing:border-box}
.page-the-thao__hero-title{font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#0a4a75;margin:0 0 10px;max-width:720px;font-size:clamp(1.35rem,2.1vw,1.9rem)}
.page-the-thao__hero-description{color:#234;max-width:640px;margin:0 auto 16px;font-size:.96rem}
.page-the-thao__hero-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;box-sizing:border-box}.page-the-thao__button{display:inline-block;background:#26A9E0;border-color:#26A9E0;color:#fff;padding:11px 20px;border-radius:8px;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;border:2px solid transparent;text-align:center;margin:3px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:.92rem}
.page-the-thao__button:hover{background:#1b8dbb;transform:scale(1.03)}
.page-the-thao__button--login{background:#EA7C07;border-color:#EA7C07;color:#fff;padding:11px 24px;font-weight:800;border-radius:50px;font-size:.95rem}
.page-the-thao__button--login:hover{background:#c96405;color:#fff}
.page-the-thao__button--primary{background:#26A9E0;border-color:#26A9E0}
.page-the-thao__button--register{background:#EA7C07;border-color:#EA7C07;border-radius:50px;padding:11px 28px;font-size:.95rem}
.page-the-thao__intro,.page-the-thao__guide-inner,.page-the-thao__matches-inner,.page-the-thao__faq-inner{max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
.page-the-thao__intro{padding-top:24px;padding-bottom:24px}
.page-the-thao__intro-inner{max-width:900px;margin:0 auto;text-align:center}
.page-the-thao__intro-title,.page-the-thao__section-title,.page-the-thao__faq-title,.page-the-thao__promo-title,.page-the-thao__guide-title,.page-the-thao__contact-title{font-weight:800;color:#0a4a75;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}
.page-the-thao__intro-title{font-size:clamp(1.3rem,2vw,1.7rem)}
.page-the-thao__intro-text{color:#2a4258;max-width:800px;margin:0 auto;font-size:1rem}
.page-the-thao-section{padding:32px 16px}
.page-the-thao__section-subtitle{text-align:center;color:#365;margin-top:-6px;font-size:.92rem}
.page-the-thao__features{background:#fff;padding:32px 16px;max-width:1200px;margin:0 auto;box-sizing:border-box}
.page-the-thao__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1140px;margin:0 auto}
.page-the-thao__feature-item{background:#ffffff;border:1px solid #e6f2fa;border-radius:14px;overflow:hidden;transition:box-shadow .25s;box-shadow:0 2px 8px rgba(38,169,224,.08);display:flex}
.page-the-thao__feature-item:hover{box-shadow:0 8px 24px rgba(38,169,224,.18)}
.page-the-thao__feature-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%}
.page-the-thao__feature-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.page-the-thao__feature-content{padding:14px 16px 18px;flex:1}
.page-the-thao__feature-title{font-weight:700;font-size:1.05rem;color:#0d3f61;margin:0 0 6px}
.page-the-thao__feature-excerpt{font-size:.88rem;margin:0 0 10px;color:#3a4a5a}
.page-the-thao__read-more{color:#26A9E0;font-size:.84rem;font-weight:600;text-decoration:none}
.page-the-thao__section-title{padding-top:26px;text-align:center;font-size:clamp(1.25rem,1.6vw,1.55rem)}
.page-the-thao__table-wrapper{overflow-x:auto;border:1px solid #d8ebf7;border-radius:12px;background:#f9fcff;max-width:100%}
.page-the-thao__table{width:100%;border-collapse:collapse;min-width:440px;background:#fff;font-size:.92rem}
.page-the-thao__table th{background:#26A9E0;color:#fff;padding:12px;text-align:center;font-weight:600}.page-the-thao__table td{border-top:1px solid #eaeff3;padding:10px 14px;text-align:center}.page-the-thao__table-link{background:#26A9E0;color:#fff;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap}.page-the-thao__table-link:hover{background:#1b8dbb;color:#fff}.page-the-thao__guide,.page-the-thao__promo-banner,.page-the-thao__testimonials{background:#f2f8fd;border-top:1px solid #daeef9;border-bottom:1px solid #daeef9}.page-the-thao__guide-inner{text-align:center;padding-top:34px;padding-bottom:40px}.page-the-thao__guide-title{color:#0d3f61;font-size:clamp(1.2rem,1.7vw,1.5rem)}.page-the-thao__guide-intro{max-width:680px;margin:0 auto 14px;font-size:.94rem;color:#2a4258}.page-the-thao__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:10px;display:block;margin:0 auto}.page-the-thao__guide-steps{list-style:decimal;list-style-position:inside;margin:18px 0 0;padding:0;text-align:left;font-size:.98rem;color:#2a4258}.page-the-thao__guide-step{margin-top:16px;padding:4px 0 8px;border-bottom:1px dashed #9dcede}.page-the-thao__step-link{background:#26A9E0;color:#fff;padding:2px 6px;border-radius:4px}.page-the-thao__sports-list{background:#fff;padding:34px 16px;max-width:1200px;margin:0 auto}.page-the-thao__sport-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1140px;margin:24px auto 0}.page-the-thao__sport-card{border:1px solid #dceef9;border-top:4px solid #26A9E0;border-radius:12px;padding:18px 18px 22px;text-align:center;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.04)}.page-the-thao__sport-title{color:#0a4a75;margin-top:0;margin-bottom:8px}.page-the-thao__sport-description{font-size:.9rem;color:#3a4a5a;margin-bottom:14px}.page-the-thao__promo-banner{background:#e6f2fb}.page-the-thao__promo-content{max-width:820px;margin:0 auto;text-align:center;padding:34px 16px}.page-the-thao__promo-title{color:#0a4a75}.page-the-thao__promo-text{font-size:.98rem;margin-bottom:18px}.page-the-thao__promo-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.page-the-thao__testimonials-inner{max-width:1080px;margin:0 auto;padding:34px 16px;box-sizing:border-box}.page-the-thao__testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:20px;justify-content:center}.page-the-thao__testimonial-item{background:#fff;border-radius:12px;padding:18px;border:1px solid #dbebf5;font-size:.9rem}.page-the-thao__testimonial-quote{margin:0 0 8px;font-style:italic}.page-the-thao__testimonial-author{color:#5a6d7f;font-weight:600;font-size:.83rem}.page-the-thao__contact-teaser{background:#fff;padding:30px 16px} .page-the-thao__contact-teaser-inner{max-width:760px;margin:0 auto;text-align:center}.page-the-thao__contact-description{font-size:.96rem}.page-the-thao__contact-action{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.page-the-thao__faq{background:#fff;padding-top:10px;padding-bottom:20px}.page-the-thao__faq-inner{max-width:860px;margin:0 auto}.page-the-thao__faq-item{border:1px solid #d9eaf5;border-radius:10px;padding:14px 12px;background:#f7fbfe;margin-top:8px}.page-the-thao__faq-item[open]{background:#eef6fc}.page-the-thao__faq-question{font-weight:800;color:#0d3f61;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.page-the-thao__faq-question::-webkit-details-marker{display:none}.page-the-thao__faq-toggle{color:#26A9E0;font-size:1.2rem;flex-shrink:0}.page-the-thao__faq-answer{color:#2f4255;padding-top:12px;border-top:1px solid #cfe3f0;font-size:.92rem;line-height:1.55}.page-the-thao__contacts-section{max-width:1200px;margin:0 auto;padding:36px 16px}.page-the-thao__contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:20px;text-align:center}.page-the-thao__contacts-card{background:#f4faff;border-radius:12px;padding:22px 14px}.page-the-thao__contacts-note{color:#355}.page-the-thao__contacts-link{display:inline-block;margin-top:8px;background:#fff;border:2px solid #26A9E0;color:#1d9bd0;padding:8px 16px;border-radius:30px}.page-the-thao__related{margin-top:34px}.page-the-thao__related-link{display:inline-block;margin-right:12px;margin-bottom:8px;background:#eef6fd;padding:6px 12px;border-radius:20px;text-decoration:none;color:#1d80ad;font-size:.84rem}.page-the-thao__related-link:hover{background:#d6ebf9;color:#0f5d82}@media (max-width:768px){.page-the-thao__hero{flex-direction:column}.page-the-thao__hero-image-wrapper{order:1}.page-the-thao__hero-content{order:2}.page-the-thao img{max-width:100%!important;height:auto!important}.page-the-thao__hero-image{aspect-ratio:16/9}.page-the-thao__hero-buttons,.page-the-thao__promo-actions,.page-the-thao__contact-action,.page-the-thao__button{width:100%;flex-wrap:wrap}.page-the-thao__button{flex:1 0 45%;max-width:48%}.page-the-thao__button{max-width:100%;box-sizing:border-box}.page-the-thao__hero-content{padding-left:10px;padding-right:10px}.page-the-thao__section-title{font-size:1.2rem;padding:0 4px}.page-the-thao__features-grid,.page-the-thao__sport-cards,.page-the-thao__testimonial-grid,.page-the-thao__contacts-grid{grid-template-columns:1fr}.page-the-thao__table-wrapper{margin-top:10px}.page-the-thao .page-the-thao img{max-width:100%!important;height:auto!important}}@media (max-width:600px){.page-the-thao__hero{padding:8px 10px 20px}.page-the-thao__hero-image{border-radius:8px}.page-the-thao__hero-title{font-size:1.15rem}.page-the-thao__hero-description{font-size:.9rem}.page-the-thao__button{padding:11px 12px;font-size:.88rem}.page-the-thao__button--login{padding:11px 16px}.page-the-thao__promo-content{padding:24px 8px}.page-the-thao__faq-inner{padding-left:14px;padding-right:14px}}