/* FAQ page — page-specific styles (shared base in shared.css) */

:root{--container-max:880px}

/* Page-specific button variant */
.btn-dark{background:var(--purple-primary);color:var(--white)}
.btn-dark:hover{background:var(--purple-mid);transform:translateY(-2px)}

/* HERO */
.faq-hero{background:var(--purple-deep);padding:120px 0 80px;text-align:center}
.faq-hero *{position:relative;z-index:2}
.faq-hero h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);color:var(--white);line-height:.95;margin-bottom:20px;opacity:0;transform:translateY(30px);animation:fadeUp .8s var(--ease-out) .3s forwards}
.faq-hero h1 .accent{display:block;font-family:var(--font-heading);font-style:italic;font-size:.4em;color:var(--gold);line-height:1.4}
.faq-hero p{color:rgba(255,255,255,.75);font-size:1.15rem;max-width:600px;margin:0 auto;font-weight:300;opacity:0;animation:fadeUp .8s var(--ease-out) .5s forwards}

/* FAQ CATEGORY */
.faq-category{margin-bottom:48px}
.faq-category-title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;color:var(--purple-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--gray-200);display:flex;align-items:center;gap:10px}
[data-theme="dark"] .faq-category-title{color:var(--gold);border-color:rgba(255,255,255,.08)}

/* ACCORDION */
.faq-item{border:1px solid var(--gray-200);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}
[data-theme="dark"] .faq-item{border-color:rgba(255,255,255,.08)}
.faq-item:hover{border-color:var(--gold)}
.faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:1rem;font-weight:600;text-align:left;color:var(--text);background:var(--bg);transition:all .3s ease;cursor:pointer}
.faq-question:hover{color:var(--purple-primary)}
[data-theme="dark"] .faq-question:hover{color:var(--gold)}
.faq-icon{width:32px;height:32px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:all .3s ease}
[data-theme="dark"] .faq-icon{background:rgba(255,255,255,.06)}
.faq-item.open .faq-icon{background:var(--gold);color:var(--purple-deep);transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out),padding .3s ease}
.faq-answer-inner{padding:0 24px 20px;color:var(--text-secondary);font-size:.95rem;line-height:1.7}
.faq-item.open .faq-answer{max-height:300px}

/* CTA */
.faq-cta{background:var(--purple-deep);color:var(--white);text-align:center}
.faq-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* FOOTER */
.footer{background:var(--black);color:rgba(255,255,255,.7);padding:60px 0 30px}
.footer .container{max-width:1280px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand img{height:60px;margin-bottom:16px}.footer-brand p{font-size:.9rem;line-height:1.6;max-width:300px}
.footer-col h4{color:var(--white);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.footer-col a{display:block;font-size:.9rem;padding:4px 0;transition:color .3s}.footer-col a:hover{color:var(--gold)}
.footer-social{display:flex;gap:12px;margin-top:16px}.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .3s}.footer-social a:hover{background:var(--gold);color:var(--purple-deep)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.8rem}.footer-legal{display:flex;gap:20px}.footer-legal a:hover{color:var(--gold)}

@media(max-width:1024px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.faq-question{padding:16px 18px;font-size:.95rem}.faq-cta-buttons{flex-direction:column}.faq-cta-buttons .btn{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}