/* faq.css — all base styles in shared-pages.css */
/* FAQ-specific: accordion open max-height increase for longer answers */
.faq-item.open .faq-answer { max-height: 500px; }

@media (max-width: 480px) {
    .faq-q { font-size: 0.88rem; }
}

/* Appended from inline styles */

:root{--bg:#080910;--bg2:#0d0e18;--bg3:#111220;--border:#1c1e30;--border2:#252840;--text:#e6e8f2;--muted:#6b7091;--muted2:#9296b5;--purple:#8b5cf6;--purple-d:#7c3aed;--sora:'Sora',sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
html{overflow-x:hidden;}
body{font-family:var(--sora);background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.fade{animation:fadeUp .5s ease both;} .fade-1{animation-delay:.1s;} .fade-2{animation-delay:.2s;}

.ph{padding:88px 0 56px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% -20%,rgba(139,92,246,.12) 0%,transparent 65%);pointer-events:none;}
.ph-inner{position:relative;z-index:2;max-width:600px;margin:0 auto;padding:0 24px;}
.ph-eye{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.2);border-radius:100px;padding:4px 14px;margin-bottom:18px;}
.ph-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;}
.ph-desc{font-size:15px;color:var(--muted2);line-height:1.75;}

/* Search bar */
.faq-search-wrap{max-width:480px;margin:28px auto 0;position:relative;z-index:2;}
.faq-search{width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:12px 16px 12px 40px;font-family:var(--sora);font-size:14px;color:var(--text);outline:none;transition:border-color .2s;}
.faq-search:focus{border-color:var(--purple);}
.faq-search::placeholder{color:var(--muted);}
.faq-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none;}

.body{max-width:720px;margin:0 auto;padding:56px 24px 80px;flex:1 0 auto;width:100%;box-sizing:border-box;}

/* Category tabs */
.faq-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.faq-cat{padding:6px 16px;border-radius:100px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-size:12px;font-weight:600;font-family:var(--sora);cursor:pointer;transition:all .15s;}
.faq-cat:hover{border-color:var(--purple);color:#a78bfa;}
.faq-cat.on{background:rgba(139,92,246,.1);border-color:var(--purple);color:#a78bfa;}

.faq-group{margin-bottom:40px;}
.faq-group-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.faq-group-title::before{content:'';display:block;width:14px;height:2px;background:var(--purple);border-radius:2px;}
.faq-group-title::after{content:'';flex:1;height:1px;background:var(--border);}

/* Accordion */
.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:8px;transition:border-color .2s;}
.faq-item.open{border-color:rgba(139,92,246,.3);}
.faq-q{width:100%;background:var(--bg2);border:none;cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;font-family:var(--sora);}
.faq-q-text{font-size:14px;font-weight:600;color:var(--text);line-height:1.5;}
.faq-q-icon{width:20px;height:20px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);font-size:13px;font-weight:700;transition:all .2s;}
.faq-item.open .faq-q-icon{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4);color:#a78bfa;transform:rotate(45deg);}
.faq-a{display:none;padding:0 20px 16px;}
.faq-a p{font-size:13px;color:var(--muted2);line-height:1.8;margin:0;}
.faq-item.open .faq-a{display:block;}

/* Callout */
.callout{display:flex;gap:14px;align-items:flex-start;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:18px 20px;margin-top:12px;}
.callout-icon{font-size:18px;flex-shrink:0;margin-top:2px;}
.callout p{font-size:13px;color:var(--muted2);line-height:1.7;margin:0;}
.callout a{color:var(--purple);text-decoration:none;font-weight:600;}
.callout a:hover{color:#a78bfa;}