.page-game-bai__hero-section{background:#ffffff;padding-top:10px;padding-bottom:32px} .page-game-bai__hero-image-container{width:100%} .page-game-bai__hero-image{width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block} .page-game-bai__hero-content{max-width:1200px;margin:0 auto;padding:24px 16px 0;text-align:center} .page-game-bai__hero-title{color:#017439;font-size:clamp(1.4rem, 2.5vw, 2rem);font-weight:800;line-height:1.3;letter-spacing:.3px;max-width:900px;margin:0 auto 16px} .page-game-bai__hero-description{color:#333333;font-size:16px;line-height:1.7;max-width:800px;margin:0 auto 24px} .page-game-bai__hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center} .page-game-bai__btn{display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 36px;font-size:17px;font-weight:700;text-decoration:none;border-radius:50px;transition:background-color .25s ease,color .25s ease;text-align:center} .page-game-bai__btn--register{background:#C30808;color:#FFFF00;border:2px solid #C30808} .page-game-bai__btn--register:hover{background:#a00606;color:#FFFF00} .page-game-bai__btn--login{background:#C30808;color:#FFFF00;border:2px solid #C30808} .page-game-bai__btn--login:hover{background:#a00606;color:#FFFF00} .page-game-bai__btn--secondary{background:#ffffff;color:#C30808;border:2px solid #C30808;padding:12px 28px;font-size:15px} .page-game-bai__btn--secondary:hover{background:#C30808;color:#FFFF00} .page-game-bai__features-section{background:#f7f9f8;padding:64px 16px} .page-game-bai__features-list{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-game-bai__feature-card{background:#ffffff;border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.05);border-top:4px solid #017439} .page-game-bai__feature-title{color:#017439;font-size:20px;font-weight:700;margin-bottom:12px} .page-game-bai__feature-text{color:#333333;font-size:15px;line-height:1.7} .page-game-bai__blog-section{background:#ffffff;padding:64px 16px} .page-game-bai__blog-container{max-width:1200px;margin:0 auto} .page-game-bai__blog-heading{text-align:center;color:#017439;font-size:clamp(1.6rem, 3vw, 2.2rem);font-weight:800;margin-bottom:16px} .page-game-bai__blog-intro{text-align:center;color:#333333;font-size:16px;line-height:1.7;max-width:700px;margin:0 auto 48px} .page-game-bai__blog-list{display:grid;grid-template-columns:1fr 1fr;gap:36px 32px} .page-game-bai__blog-card{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .3s ease} .page-game-bai__blog-card:hover{transform:translateY(-4px)} .page-game-bai__blog-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;display:block} .page-game-bai__blog-content{padding:20px 20px 24px;max-width:100%;box-sizing:border-box} .page-game-bai__blog-title{font-size:19px;font-weight:700;margin:0 0 8px;line-height:1.4} .page-game-bai__blog-title a{color:#017439;text-decoration:none} .page-game-bai__blog-title a:hover{color:#C30808} .page-game-bai__blog-meta{color:#6b7280;font-size:14px;margin-bottom:12px} .page-game-bai__blog-text{color:#333333;font-size:15px;line-height:1.6;margin-bottom:16px} .page-game-bai__blog-view-all{text-align:center;margin-top:48px} .page-game-bai__faq-section{background:#f7f9f8;padding:64px 16px} .page-game-bai__faq-container{max-width:900px;margin:0 auto} .page-game-bai__faq-heading{text-align:center;color:#017439;font-size:clamp(1.6rem, 3vw, 2.2rem);font-weight:800;margin-bottom:40px} .page-game-bai__faq-list{display:flex;flex-direction:column;gap:16px} .page-game-bai__faq-item{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden} .page-game-bai__faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-size:16px;font-weight:600;color:#111827;list-style:none} .page-game-bai__faq-question::-webkit-details-marker{display:none} .page-game-bai__faq-toggle{font-size:24px;line-height:1;color:#017439;font-weight:700;flex-shrink:0;margin-left:16px} .page-game-bai__faq-answer{padding:0 24px 20px;color:#333333;font-size:15px;line-height:1.7} .page-game-bai__faq-item[open] .page-game-bai__faq-question{border-bottom:1px solid #e5e7eb} .page-game-bai__faq-item[open] .page-game-bai__faq-toggle{color:#C30808} @media (max-width:1024px){.page-game-bai__features-list{grid-template-columns:repeat(2,1fr);gap:16px}.page-game-bai__blog-list{grid-template-columns:1fr;gap:24px}} @media (max-width:768px){.page-game-bai__hero-section{padding-top:10px}.page-game-bai__hero-image{aspect-ratio:2/1}.page-game-bai__hero_actions{width:100%}.page-game-bai__hero-actions{width:100%;flex-direction:column;align-items:center}.page-game-bai__btn{max-width:100%;width:100%}.page-game-bai__features-list{grid-template-columns:1fr}.page-game-bai__blog-list{grid-template-columns:1fr}.page-game-bai__blog-image{max-width:100%!important;height:auto!important}.page-game-bai img{max-width:100%!important;height:auto!important}.page-game-bai{max-width:100%;overflow-x:hidden}.page-game-bai__blog-content{padding:16px}.page-game-bai__faq-question{padding:16px}.page-game-bai__faq-answer{padding:0 16px 16px}}