.page-ban-ca{color:#333333;font-family:'Roboto','Arial',sans-serif;background-color:#ffffff}.page-ban-ca__inner{max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}.page-ban-ca__hero-section{max-width:1100px;margin:0 auto;padding-top:10px}.page-ban-ca__hero-image-container{width:100%;overflow:hidden}.page-ban-ca__hero-image{width:100%;height:auto;max-width:1020px;display:block;margin-left:auto;margin-right:auto;aspect-ratio:17/5;object-fit:cover}.page-ban-ca__hero-content{background-color:#e8f5e9;text-align:center;padding:28px 16px 32px}.page-ban-ca__hero-title{color:#0477db;font-weight:800;line-height:1.2;margin:0 0 8px;max-width:600px;margin-left:auto;margin-right:auto}.page-ban-ca__hero-description{font-size:1rem;line-height:1.6;color:#333333;max-width:760px;margin:0 auto 24px}.page-ban-ca__hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.page-ban-ca__btn{display:inline-block;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;transition:opacity 0.3s ease;text-align:center}.page-ban-ca__btn:hover{opacity:0.85}.page-ban-ca__btn--primary{background-color:#0477db;color:#ffffff}.page-ban-ca__btn--secondary{background-color:#EA7C07;color:#ffffff}.page-ban-ca__intro-section{padding-top:48px}.page-ban-ca__section-title{text-align:center;font-size:1.8rem;color:#0477db;margin-top:0;margin-bottom:24px;font-weight:800;line-height:1.2}.page-ban-ca__intro-text{font-size:1rem;line-height:1.7;max-width:860px;margin-left:auto;margin-right:auto}.page-ban-ca__game-showcase{padding-top:48px}.page-ban-ca__showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-ban-ca__showcase-item{background-color:#f7fbff;border:1px solid #d2e4fc;border-radius:12px;overflow:hidden}.page-ban-ca__showcase-image{width:100%;height:auto;display:block;aspect-ratio:2/1;object-fit:cover}.page-ban-ca__showcase-title{color:#0477db;font-size:1.1rem;padding:12px 16px 4px;margin:0}.page-ban-ca__showcase-desc{font-size:0.9rem;line-height:1.5;padding:0 16px 16px;margin:0;color:#333333}.page-ban-ca__howto-section{padding-top:48px}.page-ban-ca__howto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-ban-ca__howto-item{text-align:center;padding:20px 12px;background-color:#f7fbff;border:1px solid #d2e4fc;border-radius:12px}.page-ban-ca__howto-number{background-color:#26A9E0;color:#ffffff;font-size:1.5rem;font-weight:800;width:48px;height:48px;border-radius:50%;line-height:48px;display:block;margin:0 auto 16px}.page-ban-ca__howto-title{color:#0477db;font-size:1.1rem;margin:0 0 8px}.page-ban-ca__howto-desc{font-size:0.9rem;color:#333333;line-height:1.5}.page-ban-ca__tips-section{padding-top:48px}.page-ban-ca__tips-content{max-width:860px;margin-left:auto;margin-right:auto}.page-ban-ca__tips-content p{font-size:1rem;line-height:1.7}.page-ban-ca__tips-list{padding-left:0;list-style:none}.page-ban-ca__tips-list li{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%2326A9E0"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') left center no-repeat;padding-left:30px;margin-bottom:8px;background-size:20px}.page-ban-ca__inline-link{color:#0477db;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s ease}.page-ban-ca__inline-link:hover{border-color:#0477db}.page-ban-ca__feature-section{padding-top:48px}.page-ban-ca__feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-ban-ca__feature-card{background-color:#f7fbff;border:1px solid #d2e4fc;border-radius:12px;padding:24px 16px}.page-ban-ca__feature-title{color:#0477db;font-size:1.1rem;margin:0 0 8px}.page-ban-ca__feature-desc{font-size:0.9rem;line-height:1.6}.page-ban-ca__logo-section{padding-top:48px}.page-ban-ca__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}.page-ban-ca__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px}.page-ban-ca__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.page-ban-ca__logo-cta{padding:10px 22px;border-radius:50px;background-color:#0477db;color:#ffffff;font-weight:700;text-decoration:none;display:inline-block}.page-ban-ca__logo-cta:hover{opacity:0.9}.page-ban-ca__logo-item:nth-child(5){grid-column:2}.page-ban-ca__logo-item:nth-child(6){grid-column:3}@media(max-width:1024px){.page-ban-ca__showcase-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__howto-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__feature-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__logo-grid{grid-template-columns:repeat(3,1fr)}.page-ban-ca__logo-item:nth-child(5){grid-column:auto}.page-ban-ca__logo-item:nth-child(6){grid-column:auto}}@media(max-width:768px){.page-ban-ca__hero-section{padding-top:8px}.page-ban-ca__hero-image{aspect-ratio:2/1}.page-ban-ca__hero-title{font-size:clamp(1.4rem,5vw,2rem)}.page-ban-ca__showcase-grid{grid-template-columns:1fr}.page-ban-ca__howto-grid{grid-template-columns:2fr}.page-ban-ca__feature-grid{grid-template-columns:1fr}.page-ban-ca__logo-grid{grid-template-columns:repeat(2,1fr)}.page-ban-ca__logo-item:nth-child(5){grid-column:auto}.page-ban-ca__logo-item:nth-child(6){grid-column:auto}.page-ban-ca img{max-width:100%!important;height:auto!important}.page-ban-ca__hero-actions{flex-direction:column;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-ban-ca__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word}}