.page-the-thao{color:#333333;font-family:Arial,Helvetica,sans-serif;background:#ffffff;max-width:100%;overflow-x:hidden}
.page-the-thao__container{width:100%;max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
.page-the-thao__hero-section{background:linear-gradient(135deg,#017439 0%,#00a651 100%);padding-top:10px;padding-bottom:0}
.page-the-thao__hero-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto}
.page-the-thao__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px;border:4px solid #ffffff;box-shadow:0 8px 30px rgba(0,0,0,0.3)}
.page-the-thao__hero-content{text-align:center;padding:20px 16px 32px;width:100%;box-sizing:border-box}
.page-the-thao__main-title{color:#ffffff;font-weight:800;line-height:1.3;letter-spacing:0.5px;max-width:850px;margin:0 auto 16px;font-size:clamp(24px,4vw,42px);text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.page-the-thao__hero-description{color:#ffffff;font-size:1rem;line-height:1.7;max-width:780px;margin:0 auto 24px;text-shadow:1px 1px 2px rgba(0,0,0,0.2)}
.page-the-thao__hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}
.page-the-thao__btn{display:inline-block;padding:12px 32px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:all 0.3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-the-thao__btn--register{background:#C30808;color:#FFFF00;border:2px solid #FFFF00;box-shadow:0 4px 15px rgba(0,0,0,0.2)}
.page-the-thao__btn--register:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(195,8,8,0.4)}
.page-the-thao__btn--login{background:#C30808;color:#FFFF00;border:2px solid #ffffff}
.page-the-thao__btn--login:hover{background:#a00606;transform:translateY(-2px)}
.page-the-thao__btn--guide{background:#C30808;color:#FFFF00;font-size:1.1rem;padding:14px 40px;margin-top:32px;display:inline-block;border:2px solid #ffffff}
.page-the-thao__btn--secondary{background:#017439;color:#ffffff;border:2px solid #017439}
.page-the-thao__btn--secondary:hover{background:#00592a}
.page-the-thao__intro-section{padding:48px 0 24px;background:#ffffff}
.page-the-thao__section-title{color:#017439;font-weight:800;text-align:center;line-height:1.3;letter-spacing:0.5px;font-size:clamp(20px,3vw,32px);max-width:850px;margin:0 auto 24px}
.page-the-thao__intro-text{line-height:1.8;font-size:1.05rem;max-width:900px;margin:0 auto;text-align:center}
.page-the-thao__features-section{padding:48px 0;background:#f5f5f5}
.page-the-thao__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.page-the-thao__feature-card{background:#ffffff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,0.06);border-top:4px solid #017439;display:flex;flex-direction:column;text-align:left}
.page-the-thao__feature-image{width:100%;max-height:220px;object-fit:cover;border-radius:8px;margin-bottom:16px}
.page-the-thao__feature-title{color:#017439;font-size:1.3rem;font-weight:700;margin-bottom:12px;text-align:left}
.page-the-thao__feature-text{line-height:1.7;font-size:0.95rem;margin-bottom:16px;flex-grow:1;text-align:left}
.page-the-thao__feature-link{color:#C30808;font-weight:700;text-decoration:none;text-align:left;display:inline-block}
.page-the-thao__feature-link:hover{text-decoration:underline}
.page-the-thao__ranking-section{padding:48px 0;background:#ffffff}
.page-the-thao__ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}
.page-the-thao__ranking-card{background:#f0f9f4;border-radius:16px;padding:28px;border-left:5px solid #017439;transition:transform 0.3s}
.page-the-thao__ranking-card:hover{transform:translateY(-4px)}
.page-the-thao__ranking-title{color:#017439;font-size:1.3rem;font-weight:700;margin-bottom:12px}
.page-the-thao__ranking-text{line-height:1.7;font-size:0.95rem;margin-bottom:16px}
.page-the-thao__ranking-link{color:#C30808;font-weight:600;text-decoration:none}
.page-the-thao__ranking-link:hover{text-decoration:underline}
.page-the-thao__guide-section{padding:48px 0;background:linear-gradient(180deg,#f5f5f5 0%,#e8f5ee 100%)}
.page-the-thao__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.page-the-thao__guide-step{background:#ffffff;border-radius:16px;padding:28px;position:relative;box-shadow:0 4px 15px rgba(0,0,0,0.05)}
.page-the-thao__step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#017439;color:#ffffff;font-size:1.3rem;font-weight:800;margin-bottom:16px}
.page-the-thao__step-title{color:#017439;font-size:1.25rem;font-weight:700;margin-bottom:12px}
.page-the-thao__step-text{line-height:1.7;font-size:0.95rem}
.page-the-thao__guide-actions{text-align:center}
.page-the-thao__bonus-section{padding:48px 0;background:linear-gradient(135deg,#017439 0%,#00a651 100%)}
.page-the-thao__bonus-section .page-the-thao__section-title{color:#ffffff}
.page-the-thao__bonus-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.page-the-thao__bonus-card{background:#ffffff;border-radius:16px;padding:28px;box-shadow:0 8px 25px rgba(0,0,0,0.15);border-bottom:4px solid #C30808}
.page-the-thao__bonus-title{color:#017439;font-size:1.3rem;font-weight:700;margin-bottom:12px}
.page-the-thao__bonus-card p{line-height:1.7;font-size:0.95rem;margin-bottom:16px}
.page-the-thao__bonus-link{display:inline-block;background:#C30808;color:#FFFF00;padding:10px 24px;border-radius:25px;text-decoration:none;font-weight:700;font-size:0.95rem}
.page-the-thao__bonus-link:hover{background:#a00606}
.page-the-thao__blog-section{padding:48px 0;background:#ffffff}
.page-the-thao__blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.page-the-thao__blog-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:transform 0.3s, box-shadow 0.3s}
.page-the-thao__blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}
.page-the-thao__blog-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.page-the-thao__blog-card .page-the-thao__blog-title{margin:16px 16px 8px}
.page-the-thao__blog-title a{color:#017439;text-decoration:none;font-size:1.1rem;font-weight:700;line-height:1.4}
.page-the-thao__blog-title a:hover{text-decoration:underline}
.page-the-thao__blog-meta{color:#666;font-size:0.85rem;margin:0 16px 8px}
.page-the-thao__blog-excerpt{color:#444;font-size:0.9rem;line-height:1.6;margin:0 16px 16px}
.page-the-thao__blog-actions{text-align:center;margin-top:20px}
@media (max-width:1024px){
.page-the-thao__features-grid{grid-template-columns:1fr 1fr}
.page-the-thao__blog-grid{grid-template-columns:repeat(2,1fr)}
.page-the-thao__bonus-list{grid-template-columns:1fr}}
@media (max-width:768px){
.page-the-thao__container{padding-left:12px;padding-right:12px}
.page-the-thao__hero-section{padding-top:10px}
.page-the-thao__hero-image{aspect-ratio:16/10}
.page-the-thao__hero-content{padding:16px 12px 24px}
.page-the-thao__hero-buttons{flex-direction:column;align-items:stretch;gap:10px}
.page-the-thao__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-the-thao__features-grid{grid-template-columns:1fr;gap:16px}
.page-the-thao__ranking-grid{grid-template-columns:1fr}
.page-the-thao__guide-grid{grid-template-columns:1fr;gap:16px}
.page-the-thao__bonus-list{grid-template-columns:1fr;gap:16px}
.page-the-thao__blog-grid{grid-template-columns:1fr}
.page-the-thao__blog-card{margin-bottom:0}
.page-the-thao img{max-width:100%!important;height:auto!important}
.page-the-thao{overflow-x:hidden;max-width:100%}
.page-the-thao__feature-image{max-height:non}}