/* ==== page-about desktop ==== */
.page-about{background:#fff;color:#333;overflow-x:hidden}
.page-about__hero-section{padding:0 0 10px;max-width:1200px;margin:0 auto}
.page-about__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover}
.page-about__hero-content{max-width:1100px;margin:0 auto;padding:30px 20px;text-align:center}
.page-about__hero-title{font-size:2rem;font-weight:800;color:#0a2636;margin-bottom:12px}
.page-about__hero-subtitle{font-size:1.1rem;line-height:1.7;max-width:800px;margin:0 auto 20px;color:#333}
.page-about__btn-primary,.page-about__btn-register{display:inline-block;background:#26A9E0;color:#fff;padding:12px 28px;border-radius:40px;font-weight:700;text-decoration:none;transition:background .3s}
.page-about__btn-primary:hover,.page-about__btn-register:hover{background:#1190c5}
.page-about__intro-inner{max-width:1000px;margin:30px auto;padding:40px 20px;text-align:center}
.page-about__intro-title{color:#26A9E0;font-size:1.8rem;margin-bottom:20px}
.page-about__intro-text{font-size:1rem;line-height:1.8;color:#333}
.page-about__partners-section{background:#f0f8fe;padding:40px 16px}
.page-about__partners-title{text-align:center;color:#0a2636;margin-bottom:30px;font-size:1.8rem}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;justify-items:center;max-width:1200px;margin:0 auto}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:16px}
.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}
.page-about__logo-cta{padding:8px 20px;border-radius:20px;background:#26A9E0;color:#fff;font-weight:600;text-decoration:none;font-size:.9rem}
.page-about__logo-item:nth-child(5){grid-column:2}
.page-about__logo-item:nth-child(6){grid-column:3}
.page-about__features-section{max-width:1200px;margin:40px auto;padding:0 20px}
.page-about__features-title{text-align:center;color:#0a2636;font-size:1.8rem;margin-bottom:30px}
.page-about__features-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.page-about__feature-item{background:#f9fbfd;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.page-about__feature-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-about__feature-heading{padding:20px 20px 10px;color:#26A9E0;font-size:1.3rem}
.page-about__feature-text{padding:0 20px 26px;line-height:1.7;color:#333}
.page-about__game-section{max-width:1200px;margin:40px auto;padding:0 20px}
.page-about__game-title{text-align:center;color:#0a2636;margin-bottom:30px;font-size:1.8rem}
.page-about__game-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.page-about__game-post{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.05);overflow:hidden}
.page-about__game-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-about__game-inner{padding:20px}
.page-about__game-heading{font-size:1.2rem;color:#0a2636;margin-bottom:10px}
.page-about__game-heading a{color:#0a2636;text-decoration:none}
.page-about__game-heading a:hover{color:#26A9E0}
.page-about__game-description{font-size:.95rem;color:#555;line-height:1.6}
.page-about__mission-section{background:#0a2636;padding:50px 20px;margin-top:30px}
.page-about__mission-title{text-align:center;color:#fff;font-size:1.8rem;margin-bottom:20px}
.page-about__mission-content{max-width:800px;margin:0 auto;text-align:center;color:#d0dde7;line-height:1.8;font-size:1rem}
.page-about__mission-content .page-about__btn-register{background:#EA7C07;color:#fff;margin-top:20px;border:none}
.page-about__mission-content .page-about__btn-register:hover{background:#cc6b06}
@media(max-width:1024px){
  .page-about__logo-grid{grid-template-columns:repeat(3,1fr)}
  .page-about__logo-item:nth-child(5){grid-column:auto}
  .page-about__logo-item:nth-child(6){grid-column:auto}
  .page-about__features-grid,.page-about__game-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .page-about__hero-image{aspect-ratio:2/1}
  .page-about__hero-title{font-size:1.5rem}
  .page-about__hero-content{padding:20px 12px}
  .page-about__hero-subtitle{font-size:.95rem}
  .page-about__btn-primary,.page-about__btn-register{padding:10px 18px;font-size:.9rem;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:auto;display:inline-block}
  .page-about__intro-inner{padding:20px 12px}
  .page-about__intro-title{font-size:1.3rem}
  .page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}
  .page-about__logo-cta{padding:6px 14px;font-size:.8rem;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
  .page-about__features-title,.page-about__game-title,.page-about__mission-title{font-size:1.4rem}
  .page-about__features-grid,.page-about__game-grid{grid-template-columns:1fr}
  .page-about__mission-content{font-size:.9rem}
  .page-about img{max-width:100%!important;height:auto!important}
}