/* @section Hero */
.page-about__hero-section{padding:10px 16px 32px;background:linear-gradient(135deg, #F4F7FB 0%, #E8F0FE 100%);text-align:center;color:#1F2D3D}.page-about__main-title{max-width:900px;margin:0 auto 10px;color:#2F6BFF;font-weight:800;line-height:1.15;letter-spacing:1px}.page-about__description{max-width:680px;margin:0 auto 20px;line-height:1.7}.page-about__hero-image{display:block;width:100%;height:auto;margin:0 0 28px;border-radius:16px;object-fit:cover}.page-about__hero-content{display:flex;flex-direction:column;align-items:center;gap:18px}.page-about__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.page-about__stat{background:rgba(255,255,255,0.7);border:1px solid #D6E2FF;border-radius:14px;padding:14px 26px;min-width:110px}.page-about__stat strong{display:block;font-size:26px;line-height:1.2;color:#2F6BFF}.page-about__stat span{font-size:14px;color:#1F2D3D}.page-about__cta-join{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:180px;padding:13px 30px;border-radius:999px;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#fff!important;font-weight:700;text-decoration:none;transition:opacity .25s,transform .25s;box-shadow:0 6px 14px rgba(47,107,255,0.35)}.page-about__cta-join:hover{opacity:.93;transform:translateY(-2px)}
.page-about__partner-section{padding:24px 16px}.page-about__partner-section h2{text-align:center;color:#2F6BFF;margin:0 0 22px;font-size:28px;line-height:1.25}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:22px 16px;max-width:1240px;margin:0 auto;justify-items:center}.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px;padding:14px;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;box-shadow:0 4px 14px rgba(165,196,255,0.12)}.page-about__logo-item img{display:block;width:100%;height:auto;max-width:260px;object-fit:contain}.page-about__logo-item span{font-weight:600;color:#1F2D3D}.page-about__logo-cta{display:inline-block;background:#2F6BFF;color:#fff!important;text-decoration:none;padding:8px 20px;border-radius:999px;font-size:15px;font-weight:600}.page-about__logo-item:nth-child(5){grid-column:2}.page-about__logo-item:nth-child(6){grid-column:3}
.page-about__history-section{background:#fff;padding:40px 16px}.page-about__history-inner{max-width:880px;margin:0 auto}.page-about__history-inner h2{color:#2F6BFF;text-align:center;font-size:26px;margin-bottom:18px}.page-about__history-inner p{font-size:16px;line-height:1.8;color:#1F2D3D}
.page-about__values-section{padding:40px 16px;background:#F4F7FB}.page-about__values-header{max-width:800px;margin:0 auto 30px;text-align:center}.page-about__values-header h2{color:#2F6BFF;font-size:26px}.page-about__values-header p{color:#1F2D3D}.page-about__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}.page-about__value-card{background:#FFFFFF;padding:24px;border-radius:18px;border:1px solid #D6E2FF;box-shadow:0 6px 20px rgba(47,107,255,0.04)}.page-about__value-card h3{font-size:18px;line-height:1.4;color:#2F6BFF;margin-bottom:8px}.page-about__value-card p{color:#1F2D3D;line-height:1.6;font-size:15px}
.page-about__guide-section{padding:14px 16px 44px}.page-about__guide-inner{max-width:980px;margin:0 auto}.page-about__guide-inner>h2{text-align:center;color:#2F6BFF;font-size:26px}.page-about__guide-inner>p{text-align:center;color:#1F2D3D;margin-bottom:26px}.page-about__guide-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:18px;padding:18px;margin-bottom:26px;box-shadow:0 4px 12px rgba(47,107,255,0.04)}.page-about__guide-item h3{color:#2F6BFF;font-size:20px;margin:16px 0 8px;line-height:1.4}.page-about__guide-figure{margin:0}.page-about__guide-figure img{display:block;width:100%;max-width:800px;height:auto;border-radius:14px;margin:0 auto}.page-about__guide-figure figcaption{color:#1F2D3D;font-size:14px;text-align:center;margin-top:8px}.page-about__guide-item p{line-height:1.7;color:#1F2D3D}.page-about__read-more{display:inline-block;color:#2F6BFF;font-weight:700;text-decoration:none}.page-about__read-more:hover{text-decoration:underline}
.page-about__cta-section{padding:10px 16px 44px}.page-about__cta-banner{max-width:900px;border-radius:24px;background:linear-gradient(135deg,#2F6BFF 0%,#4A8BFF 100%);border:1px solid #D6E2FF;margin:0 auto;padding:34px 30px;text-align:center;box-shadow:0 10px 24px rgba(47,107,255,0.25)}.page-about__cta-banner h2{color:#fff!important;font-size:26px;letter-spacing:.4px}.page-about__cta-banner p{color:#fff!important;line-height:1.6}.page-about__cta-banner strong{color:#fff}.page-about__cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}.page-about__cta-actions a{display:inline-flex;align-items:center;justify-content:center;white-space:normal;word-wrap:break-word;text-align:center}.page-about__btn-primary{min-width:150px;padding:13px 28px;border-radius:999px;background:#FFFFFF;color:#2F6BFF!important;font-weight:800;text-decoration:none;box-shadow:0 6px 10px rgba(0,0,0,0.08)}.page-about__btn-secondary{min-width:150px;padding:13px 28px;border-radius:999px;border:2px solid #fff;color:#fff!important;font-weight:800;text-decoration:none}
@media (max-width: 768px){
.page-about__hero-section{padding-top:8px;padding-left:10px;padding-right:10px}
.page-about__hero-image{height:auto;max-width:100%;overflow:hidden}
.page-about__hero-content{flex-direction:column;align-items:center;width:100%}
.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px}
.page-about__logo-item:nth-child(5){grid-column:auto}
.page-about__logo-item:nth-child(6){grid-column:auto}
.page-about__logo-item img{max-width:100%!important;height:auto!important}
.page-about__guide-figure{max-width:100%}
.page-about__guide-figure img{width:100%;max-width:100%!important;height:auto!important}
.page-about__values-grid{grid-template-columns:1fr}
.page-about__cta-actions a{max-width:100%;box-sizing:border-box}
.page-about__btn-primary,.page-about__btn-secondary{width:100%;max-width:100%;box-sizing:border-box}
.page-about img{max-width:100%!important;height:auto!important}
}
@media (max-width: 480px){
.page-about__stats{flex-direction:column;align-items:center;width:100%}
.page-about__stat{width:100%;max-width:320px;box-sizing:border-box}
}