.page-the-thao{color:#333333;background-color:#ffffff;font-family:inherit}.page-the-thao__hero-section{background:linear-gradient(135deg,#ffffff 0%,#e8f7fd 100%);padding:10px 16px 24px}.page-the-thao__hero-image{display:block;width:100%;max-width:1200px;margin:0 auto}.page-the-thao__hero-banner{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.08)}.page-the-thao__hero-content{max-width:1000px;margin:20px auto 0;text-align:center;padding:0 8px}.page-the-thao__main-title{font-weight:800;line-height:1.3;letter-spacing:0.5px;color:#0f4c75;max-width:900px;margin:0 auto 12px}.page-the-thao__hero-description{font-size:1.1rem;line-height:1.6;color:#40514e;margin:0 auto 24px;max-width:70ch}.page-the-thao__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-the-thao__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}.page-the-thao__btn--login{background:#EA7C07;color:#ffffff}.page-the-thao__btn--login:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(234,124,7,0.4)}.page-the-thao__btn--cta{background:#26A9E0;color:#ffffff}.page-the-thao__btn--cta:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(38,169,224,0.4)}.page-the-thao__intro-section{padding:24px 16px}.page-the-thao__intro-inner{max-width:1000px;margin:0 auto}.page-the-thao__intro-title{font-size:1.8rem;color:#0f4c75;margin-bottom:16px}.page-the-thao__intro-inner p{line-height:1.7;font-size:1.05rem}.page-the-thao__highlights-section,.page-the-thao__games-section,.page-the-thao__steps-section,.page-the-thao__faq-section{padding:32px 16px;max-width:1200px;margin:0 auto}.page-the-thao__section-title{font-size:1.9rem;color:#0f4c75;text-align:center;margin-bottom:28px}.page-the-thao__highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.page-the-thao__highlight-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s ease}.page-the-thao__highlight-card:hover{box-shadow:0 8px 16px rgba(0,0,0,0.08)}.page-the-thao__card-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-the-thao__card-body{padding:16px}.page-the-thao__card-title{font-size:1.2rem;color:#0f4c75;margin-bottom:8px}.page-the-thao__card-body p{line-height:1.6;color:#333}.page-the-thao__games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.page-the-thao__game-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fff}.page-the-thao__game-card .page-the-thao__card-image{aspect-ratio:3/2}.page-the-thao__game-card .page-the-thao__card-title,.page-the-thao__game-card p{padding:0 16px}.page-the-thao__game-card .page-the-thao__card-title{margin-top:16px}.page-the-thao__game-card p{margin-top:8px;padding-bottom:16px;line-height:1.6}.page-the-thao__steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;text-align:center}.page-the-thao__step-number{width:48px;height:48px;line-height:48px;border-radius:50%;background:#26A9E0;color:#fff;font-size:1.4rem;font-weight:bold;margin:0 auto 16px}.page-the-thao__step-item .page-the-thao__btn{margin-top:12px}.page-the-thao__faq-inner{max-width:800px;margin:0 auto}.page-the-thao__faq-item{border-bottom:1px solid #e0e0e0;padding:16px 0}.page-the-thao__faq-question{list-style:none;cursor:pointer;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:10px;color:#0f4c75}.page-the-thao__faq-question::-webkit-details-marker{display:none}.page-the-thao__faq-sign{display:inline-block;width:24px;height:24px;line-height:20px;text-align:center;background:#26A9E0;color:#fff;border-radius:50%;font-weight:bold;flex-shrink:0;font-size:1.4rem}.page-the-thao__faq-answer{margin-top:12px;line-height:1.6;padding-left:34px}@media (max-width:768px){.page-the-thao__hero-image{aspect-ratio:2/1}.page-the-thao__main-title{letter-spacing:normal}.page-the-thao img{max-width:100%;height:auto}.page-the-thao__btn{width:100%;max-width:100%}.page-the-thao__hero-actions .page-the-thao__btn{width:100%;margin-bottom:8px}.page-the-thao__highlights-grid,.page-the-thao__games-grid,.page-the-thao__steps-grid{grid-template-columns:1fr}}