/* Trang chủ GH88 - style/index.css */
.page-index{color:#333333;background:#FFFFFF;max-width:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.page-index h1,.page-index h2,.page-index h3{color:#26A9E0;margin:0 0 12px;line-height:1.3}
.page-index a{text-decoration:none;color:#26A9E0}

.page-index__hero-section{padding-top:0;margin-top:0;padding-bottom:32px;background:#FFFFFF}
.page-index__hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:32px 16px;align-items:center}
.page-index__hero-eyebrow{display:inline-block;background:#26A9E0;color:#FFFFFF;padding:6px 14px;border-radius:20px;font-size:14px;margin:0 0 12px;font-weight:600}
.page-index__hero-copy h1{font-size:clamp(1.6rem,2.6vw,2.4rem);color:#26A9E0;font-weight:800;letter-spacing:-0.5px;max-width:640px}
.page-index__hero-lead{color:#333333;font-size:16px;margin:12px 0 20px;max-width:640px}
.page-index__hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.page-index__btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;font-size:15px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;white-space:normal;word-wrap:break-word;box-sizing:border-box}
.page-index__btn--primary{background:#EA7C07;color:#FFFFFF;box-shadow:0 4px 12px rgba(234,124,7,.35)}
.page-index__btn--secondary{background:#26A9E0;color:#FFFFFF;box-shadow:0 4px 12px rgba(38,169,224,.35)}
.page-index__btn:hover{transform:translateY(-2px)}
.page-index__hero-benefits{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
.page-index__hero-benefits li{position:relative;padding-left:24px;color:#333333;font-size:15px}
.page-index__hero-benefits li:before{content:"✔";position:absolute;left:0;color:#26A9E0;font-weight:700}
.page-index__hero-media img{width:100%;height:auto;aspect-ratio:1280/762;object-fit:cover;display:block;border-radius:14px;box-shadow:0 10px 30px rgba(38,169,224,.18)}

.page-index__trust-section{background:#f5fafe;padding:32px 16px}
.page-index__trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}
.page-index__trust-item{background:#FFFFFF;border-radius:12px;padding:22px;border:1px solid #e3f2fa;text-align:center}
.page-index__trust-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#26A9E0;color:#FFFFFF;font-size:22px;font-weight:700;margin-bottom:10px}
.page-index__trust-item h3{font-size:18px;margin-bottom:6px}
.page-index__trust-item p{color:#333333;margin:0;font-size:14px}

.page-index__steps-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__steps-list{padding-left:20px;margin:0;counter-reset:step}
.page-index__steps-list li{margin-bottom:14px;font-size:15px;color:#333333;padding:10px 12px;background:#f5fafe;border-left:4px solid #26A9E0;border-radius:6px;list-style:none;counter-increment:step;position:relative;padding-left:44px}
.page-index__steps-list li:before{content:counter(step);position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#26A9E0;color:#FFFFFF;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}

.page-index__games-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__game-lead{display:block;margin-bottom:16px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(38,169,224,.18)}
.page-index__game-lead img{width:100%;max-height:420px;aspect-ratio:600/600;object-fit:cover;display:block}
.page-index__game-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.page-index__game-thumbs a{display:block;border-radius:10px;overflow:hidden;transition:transform .2s ease}
.page-index__game-thumbs a:hover{transform:scale(1.04)}
.page-index__game-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}

.page-index__picks-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__picks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.page-index__pick-card{background:#FFFFFF;border:1px solid #e3f2fa;border-radius:12px;padding:22px;box-shadow:0 4px 12px rgba(38,169,224,.08);display:flex;flex-direction:column}
.page-index__pick-number{display:inline-block;background:#26A9E0;color:#FFFFFF;width:42px;height:42px;border-radius:50%;text-align:center;line-height:42px;font-weight:700;font-size:15px;margin-bottom:12px}
.page-index__pick-card h3{font-size:18px;margin-bottom:8px}
.page-index__pick-card p{font-size:14px;color:#333333;margin:0 0 12px;flex-grow:1}
.page-index__pick-link{font-weight:600;color:#EA7C07;font-size:14px}

.page-index__pair-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__benefits-section,.page-index__brand-section{background:#f5fafe;border-radius:14px;padding:26px}
.page-index__benefits-grid,.page-index__brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.page-index__benefit-card,.page-index__brand-card{background:#FFFFFF;border-radius:10px;padding:16px;border:1px solid #e3f2fa}
.page-index__benefit-icon{font-size:26px;display:block;margin-bottom:8px}
.page-index__benefit-card h3,.page-index__brand-card h3{font-size:16px;margin-bottom:6px}
.page-index__benefit-card p,.page-index__brand-card p{font-size:13px;margin:0;color:#333333}

.page-index__news-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__news-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.page-index__news-list li{background:#f5fafe;border-left:4px solid #26A9E0;padding:12px 16px;border-radius:6px;font-size:14px;color:#333333}
.page-index__news-list strong{color:#26A9E0}

.page-index__security-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__security-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.page-index__security-list li{background:#FFFFFF;border:1px solid #e3f2fa;border-radius:8px;padding:12px 16px 12px 44px;position:relative;font-size:14px;color:#333333}
.page-index__security-list li:before{content:"🔒";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px}

.page-index__privacy-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-index__privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-index__privacy-item{background:#f5fafe;border-radius:12px;padding:22px;text-align:center}
.page-index__privacy-icon{font-size:28px;display:block;margin-bottom:10px}
.page-index__privacy-item h3{font-size:16px;margin-bottom:6px}
.page-index__privacy-item p{font-size:13px;margin:0;color:#333333}

.page-index__faq-section{max-width:1200px;margin:0 auto;padding:40px 16px 60px}
.page-index__faq-item{background:#FFFFFF;border:1px solid #e3f2fa;border-radius:10px;padding:14px 18px;margin-bottom:12px}
.page-index__faq-item summary{cursor:pointer;font-weight:700;color:#26A9E0;font-size:15px;list-style:none}
.page-index__faq-item summary::-webkit-details-marker{display:none}
.page-index__faq-item summary:after{content:"+";float:right;color:#EA7C07;font-weight:700}
.page-index__faq-item[open] summary:after{content:"−"}
.page-index__faq-item p{margin:12px 0 0;font-size:14px;color:#333333}

@media (max-width:768px){
  .page-index{overflow-x:hidden}
  .page-index img{max-width:100%!important;height:auto!important}
  .page-index__hero-grid,.page-index__trust-grid,.page-index__picks-grid,.page-index__pair-row,.page-index__benefits-grid,.page-index__brand-grid,.page-index__privacy-grid{grid-template-columns:1fr}
  .page-index__game-thumbs{grid-template-columns:1fr 1fr}
  .page-index__hero-ctas{flex-direction:column}
  .page-index__btn{width:100%;max-width:100%}
  .page-index__hero-copy h1{font-size:clamp(1.4rem,5vw,2rem)}
  .page-index__games-section,.page-index__picks-section,.page-index__steps-section,.page-index__news-section,.page-index__security-section,.page-index__privacy-section,.page-index__faq-section,.page-index__pair-row{padding-left:12px;padding-right:12px}
  .page-index__game-lead img{max-height:300px}
}