.page-ban-ca{max-width:1200px;margin:0 auto;padding:16px}
.page-ban-ca__hero{display:flex;flex-direction:column;gap:16px}
.page-ban-ca__hero-image-wrap{width:100%}
.page-ban-ca__hero-image{width:1020px;max-width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:16px}
.page-ban-ca__hero-content{background:#ffffff;padding:16px;border-radius:12px}
.page-ban-ca__hero-title{color:#017439;font-size:clamp(1.4rem, 2.5vw, 2rem);line-height:1.3;font-weight:800;margin-bottom:12px}
.page-ban-ca__hero-desc{color:#333333;line-height:1.6;margin-bottom:16px}
.page-ban-ca__hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-ban-ca__btn{display:inline-block;padding:12px 28px;border-radius:50px;text-decoration:none;font-weight:700;color:#ffff00}
.page-ban-ca__btn--register{background:#c30808}
.page-ban-ca__btn--login{background:#c30808}
.page-ban-ca__intro{margin-top:40px}
.page-ban-ca__intro-inner{background:#ffffff;border-left:4px solid #017439;padding:16px}
.page-ban-ca__intro-title{color:#017439;margin-bottom:12px}
.page-ban-ca__intro-text{line-height:1.7;color:#333333;margin-bottom:12px}
.page-ban-ca__guide{margin-top:40px}
.page-ban-ca__guide-inner{display:flex;flex-direction:column;gap:24px}
.page-ban-ca__guide-title{color:#017439;text-align:center}
.page-ban-ca__guide-grid{display:grid;grid-template-columns:1fr;gap:16px}
.page-ban-ca__guide-card{background:#ffffff;border:1px solid #017439;border-radius:8px;padding:16px}
.page-ban-ca__guide-card-title{color:#017439;font-weight:700;margin-bottom:8px}
.page-ban-ca__guide-card-text{line-height:1.6;color:#333333}
.page-ban-ca__guide-figure{margin-top:24px;text-align:center}
.page-ban-ca__guide-figure-image{max-width:800px;width:100%;height:auto;border-radius:12px}
.page-ban-ca__tips{margin-top:40px}
.page-ban-ca__tips-inner{display:flex;flex-direction:column;gap:24px}
.page-ban-ca__tips-title{color:#017439;text-align:center}
.page-ban-ca__tips-desc{color:#333333;text-align:center;margin-bottom:16px}
.page-ban-ca__tips-list{padding-left:20px;display:flex;flex-direction:column;gap:12px}
.page-ban-ca__tips-item{line-height:1.6;color:#333333}
.page-ban-ca__tips-image-block{display:flex;flex-direction:column;gap:16px}
.page-ban-ca__tips-image{max-width:800px;width:100%;height:auto;border-radius:12px;align-self:center}
.page-ban-ca__why{margin-top:40px}
.page-ban-ca__why-inner{display:flex;flex-direction:column;gap:24px}
.page-ban-ca__why-title{color:#017439;text-align:center}
.page-ban-ca__why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.page-ban-ca__why-card{background:#ffffff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}
.page-ban-ca__why-card-title{color:#017439;margin-bottom:8px}
.page-ban-ca__why-card-text{line-height:1.6;color:#333333}
.page-ban-ca__nav-block{margin-top:40px}
.page-ban-ca__nav-inner{background:#f9f9f9;border-radius:16px;padding:24px;text-align:center}
.page-ban-ca__nav-title{color:#017439}
.page-ban-ca__nav-desc{color:#333333;margin-bottom:16px}
.page-ban-ca__nav-card{background:#ffffff;border:1px solid #017439;border-radius:8px;padding:24px;margin-top:16px}
.page-ban-ca__nav-card-title{color:#017439}
.page-ban-ca__nav-card-text{color:#333333;line-height:1.6}
.page-ban-ca__nav-link{display:inline-block;margin-top:12px;color:#017439;font-weight:700;text-decoration:none}
.page-ban-ca__nav-card a{color:#c30808}
@media (max-width: 768px){
.page-ban-ca{width:100%;padding:8px}
.page-ban-ca__hero-image{width:100%!important;height:auto!important}
.page-ban-ca__hero-actions{flex-direction:column;width:100%}
.page-ban-ca__btn{width:100%;box-sizing:border-box;text-align:center}
.page-ban-ca__why-grid{grid-template-columns:1fr}
.page-ban-ca__guide-grid{grid-template-columns:1fr}
.page-ban-ca__tips-image-block{flex-direction:column}
.page-ban-ca img{max-width:100%!important;height:auto!important}
}