.page-ban-ca__hero-section{display:flex;flex-direction:column;align-items:stretch;background-color:#0A0A0A;padding-top:10px}
.page-ban-ca__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto}
.page-ban-ca__hero-image{width:100%;height:auto;object-fit:cover;display:block;border-radius:12px}
.page-ban-ca__hero-content{background-color:#111111;max-width:1200px;margin:0 auto;text-align:center;padding:32px 24px;border-radius:12px;border-left:4px solid #FFD36B;border-right:4px solid #FFD36B}
.page-ban-ca__hero-title{color:#FFF6D6;font-family:'Segoe UI',sans-serif;font-weight:800;font-size:clamp(1.6rem, 3vw, 2.4rem);line-height:1.3;letter-spacing:.5px;margin:0 0 16px;max-width:900px}
.page-ban-ca__hero-subtitle{color:#F0D78C;font-size:1.05rem;line-height:1.6;max-width:850px;margin:0 auto 28px;letter-spacing:.3px}
.page-ban-ca__hero-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;max-width:100%;overflow:hidden;flex-wrap:wrap}
.page-ban-ca__cta-btn{min-height:44px;line-height:44px;padding:0 32px;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#1a1405;font-weight:800;font-size:1.05rem;border-radius:40px;text-decoration:none;display:inline-block;text-align:center;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box;box-shadow:0 4px 18px rgba(255,211,107,.18)}
.page-ban-ca__cta-btn:hover{opacity:.92}
.page-ban-ca__cta-btn--ghost{background:transparent;color:#FFF6D6;border:2px solid #FFD36B}
.page-ban-ca__features-section{background:#0A0A0A;padding:48px 16px 40px}
.page-ban-ca__features-title{text-align:center;font-size:clamp(1.4rem,2.5vw,2rem);color:#FFF6D6;margin:0 0 30px;letter-spacing:.5px}
.page-ban-ca__features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto}
.page-ban-ca__feature-card{background-color:#111111;border:1px solid #3A2A12;border-radius:14px;padding:24px 18px;color:#FFF6D6;transition:transform .3s}
.page-ban-ca__feature-title{font-size:1.1rem;font-weight:700;color:#FFD36B;margin-bottom:10px}
.page-ban-ca__feature-card p{line-height:1.5;color:#e9dfc7;font-size:.92rem}
.page-ban-ca__features-guide{background-color:#111111;border-radius:14px;max-width:1200px;margin:32px auto 0;padding:28px;border:1px solid #3A2A12}
.page-ban-ca__features-guide-title{color:#FFD36B;font-size:1.3rem;margin-bottom:14px}
.page-ban-ca__features-guide-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;margin:0;padding:0}
.page-ban-ca__features-guide-item{position:relative;padding-left:26px;color:#e9dfc7;line-height:1.5}
.page-ban-ca__features-guide-item::before{content:'✦';color:#FFD36B;font-size:1rem;position:absolute;left:0;top:0}
.page-ban-ca__guide-section{background:#0A0A0A;padding:16px 16px 48px}
.page-ban-ca__guide-container{max-width:960px;margin:0 auto}
.page-ban-ca__guide-title{text-align:center;color:#FFF6D6;font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 28px;letter-spacing:.4px}
.page-ban-ca__guide-list{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:26px}
.page-ban-ca__guide-item{background-color:#111111;border-radius:14px;padding:22px 20px;display:flex;align-items:center;gap:24px;border:1px solid #3A2A12}
.page-ban-ca__guide-step{flex:1}
.page-ban-ca__guide-step-number{display:inline-flex;justify-content:center;align-items:center;min-width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#1a1405;font-weight:800;font-size:1.1rem;margin-bottom:10px;padding:0 8px}
.page-ban-ca__guide-step-title{font-size:1.15rem;color:#FFF6D6;margin:0 0 8px}
.page-ban-ca__guide-step p{color:#D8C5A0;line-height:1.5;font-size:.95rem;margin:0}
.page-ban-ca__guide-step-img{width:280px;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;flex-shrink:0}
.page-ban-ca__guide-cta,.page-ban-ca__cta-button{display:block;text-align:center;min-height:48px;line-height:48px;color:#1a1405;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);border-radius:44px;font-weight:800;text-decoration:none;padding:0 40px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;margin:0 auto}
.page-ban-ca__guide-cta{width:fit-content;min-width:280px}
.page-ban-ca__tips-section{background-color:#111111;padding:48px 16px}
.page-ban-ca__tips-title{text-align:center;font-size:clamp(1.4rem,2.5vw,2rem);color:#FFF6D6;margin:0 0 28px}
.page-ban-ca__tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1200px;margin:0 auto}
.page-ban-ca__tip-card{background:#0A0A0A;border:1px solid #3A2A12;border-radius:14px;padding:24px}
.page-ban-ca__tip-title{font-size:1.05rem;color:#FFD36B;margin-bottom:10px}
.page-ban-ca__tip-desc{color:#D8C5A0;line-height:1.55;font-size:.92rem;margin:0}
.page-ban-ca__cta-section{background:linear-gradient(180deg,#0A0A0A 0%,#2A1E0E 80%);text-align:center;padding:48px 16px}
.page-ban-ca__cta-content{max-width:720px;margin:0 auto}
.page-ban-ca__cta-title{font-size:clamp(1.4rem,2.4vw,1.9rem);color:#FFD36B;font-weight:700;margin-bottom:10px}
.page-ban-ca__cta-desc{color:#FFF6D6;font-size:1.05rem;line-height:1.6;margin-bottom:24px}
.page-ban-ca__cta-actions{display:flex;flex-direction:row;justify-content:center;gap:14px;flex-wrap:wrap;max-width:100%;overflow:hidden}
.page-ban-ca__cta-button{min-width:180px}
.page-ban-ca__cta-button--ghost{background:transparent;color:#FFF6D6;border:2px solid #FFD36B}
@media (max-width:1024px){
.page-ban-ca__features-grid{grid-template-columns:repeat(2,1fr)}
.page-ban-ca__guide-item{flex-direction:column;align-items:flex-start}
.page-ban-ca__guide-step-img{width:100%;max-width:400px}
}
@media (max-width:768px){
.page-ban-ca__hero-section{padding-top:4px}
.page-ban-ca__hero-content{padding:24px 16px}
.page-ban-ca__hero-actions,.page-ban-ca__cta-actions{flex-direction:column}
.page-ban-ca__cta-btn,.page-ban-ca__guide-cta,.page-ban-ca__cta-button{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;height:auto;line-height:1.4;padding:16px 24px}
.page-ban-ca__features-grid,.page-ban-ca__features-guide-list,.page-ban-ca__tips-grid{grid-template-columns:1fr}
.page-ban-ca__features-section{padding:24px 12px}
.page-ban-ca__guide-section{padding:8px 12px 32px}
.page-ban-ca__guide-item{gap:12px}
.page-ban-ca img,.page-ban-ca__hero-image,.page-ban-ca__guide-step-img{max-width:100%!important;height:auto!important}
}