.container{max-width:900px}
.page-hero{background:linear-gradient(135deg,#1D352F 0%,#2B8C5E 100%);color:white;padding:48px 0;margin-bottom:40px;position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(246,189,96,.12) 0%,transparent 60%);pointer-events:none}
.page-hero h1{font-size:1.8rem;font-weight:700;margin-bottom:6px;position:relative;z-index:1}
.page-hero p{font-size:.9rem;color:#C6DCD4;position:relative;z-index:1}
.section-title{font-size:1.2rem;font-weight:700;color:#1F3E3B;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.section-title::before{content:'';width:4px;height:20px;background:var(--brand-green);border-radius:4px}
.card{background:var(--white);border-radius:var(--radius-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:32px;margin-bottom:24px}
.faq-category{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.faq-category .fc-item{padding:6px 16px;border-radius:20px;border:1px solid #E4DDCF;font-size:.8rem;cursor:pointer;transition:.2s;color:var(--gray-mid);background:transparent}
.faq-category .fc-item:hover{border-color:var(--brand-green);color:var(--brand-green)}
.faq-category .fc-item.active{background:var(--brand-green);border-color:var(--brand-green);color:white}
.faq-list .faq-item{border-bottom:1px solid var(--border-light);padding:0}
.faq-list .faq-item:last-child{border-bottom:none}
.faq-q{padding:16px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.9rem;font-weight:500;color:#1F3E3B;transition:.2s}
.faq-q:hover{color:var(--brand-green)}
.faq-q .faq-icon{color:var(--accent-orange);margin-right:10px;flex-shrink:0}
.faq-q .faq-arrow{color:#ccc;transition:.2s;font-size:.7rem}
.faq-q .faq-arrow.open{transform:rotate(180deg)}
.faq-a{padding:0 0 16px;font-size:.82rem;color:var(--gray-mid);line-height:1.8;display:none}
.faq-a.show{display:block}
.faq-a a{color:var(--brand-green)}
.search-box{display:flex;gap:10px;margin-bottom:20px}
.search-box input{flex:1;padding:10px 16px;border-radius:60px;border:1px solid #E4DDCF;font-size:.85rem;background:#FAFAF7;outline:none}
.search-box input:focus{border-color:var(--brand-green);background:var(--white)}
.search-box button{padding:0 22px;border-radius:60px;border:none;background:var(--brand-green);color:white;cursor:pointer}
.no-result{text-align:center;padding:30px;color:#bbb;display:none}