*{box-sizing:border-box;margin:0;padding:0;}
body{background:#061221;color:#dde8f5;font-family:'DM Sans',sans-serif;line-height:1.7;}
nav{position:sticky;top:0;background:rgba(6,18,33,0.95);backdrop-filter:blur(12px);border-bottom:1px solid #1e3048;padding:0 40px;height:60px;display:flex;align-items:center;gap:16px;z-index:100;}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;}
.logo-bar{width:6px;height:26px;background:linear-gradient(180deg,#2563eb,#0891b2);border-radius:3px;}
.logo-txt{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:#dde8f5;letter-spacing:-0.02em;}
.nav-cta{margin-left:auto;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:7px;color:#fff;padding:7px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:none;}
.hero{max-width:780px;margin:0 auto;padding:60px 40px 48px;}
.hero h1{font-family:'Syne',sans-serif;font-size:40px;font-weight:800;letter-spacing:-0.02em;margin-bottom:12px;}
.hero p{color:#4d7196;font-size:17px;max-width:560px;}
.container{max-width:780px;margin:0 auto;padding:0 40px 100px;}

/* Category nav */
.cat-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;}
.cat-btn{background:transparent;border:1px solid #1e3048;border-radius:20px;color:#4d7196;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s;}
.cat-btn.active,.cat-btn:hover{background:#1a2e44;border-color:#2d8fc8;color:#38bdf8;}

/* Category section */
.cat-section{margin-bottom:52px;}
.cat-label{font-size:11px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.cat-label::after{content:'';flex:1;height:1px;background:#1e3048;}

/* FAQ item */
.faq-item{border:1px solid #1e3048;border-radius:10px;margin-bottom:8px;overflow:hidden;}
.faq-q{width:100%;background:transparent;border:none;color:#dde8f5;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;transition:background .15s;}
.faq-q:hover{background:#0a1726;}
.faq-q.open{background:#0a1726;border-bottom:1px solid #1e3048;}
.faq-arrow{flex-shrink:0;transition:transform .2s;color:#4d7196;font-size:18px;}
.faq-q.open .faq-arrow{transform:rotate(180deg);color:#38bdf8;}
.faq-a{display:none;padding:16px 20px 20px;color:#94a3b8;font-size:15px;line-height:1.75;}
.faq-a.open{display:block;}
.faq-a p{margin-bottom:10px;}
.faq-a p:last-child{margin-bottom:0;}
.faq-a ul{margin:8px 0 10px 20px;}
.faq-a ul li{margin-bottom:5px;}
.faq-a a{color:#38bdf8;}
.faq-a strong{color:#dde8f5;font-weight:600;}

/* Still have questions */
.still-qs{background:#0a1726;border:1px solid #1e3048;border-radius:12px;padding:32px 36px;text-align:center;margin-top:52px;}
.still-qs h3{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;margin-bottom:10px;}
.still-qs p{color:#4d7196;margin-bottom:20px;}
.still-qs a{display:inline-block;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;color:#fff;padding:11px 28px;font-size:14px;font-weight:700;text-decoration:none;}

footer{background:#0a1726;border-top:1px solid #1e3048;padding:32px 40px;text-align:center;}
.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:12px;}
.footer-links a{font-size:13px;color:#4d7196;text-decoration:none;}
.footer-links a:hover{color:#dde8f5;}
.footer-copy{font-size:12px;color:#253a52;}
@media(max-width:600px){.hero{padding:40px 20px 32px;}.container{padding:0 20px 60px;}.hero h1{font-size:28px;}.still-qs{padding:24px 20px;}}