:root{--primary: #1d4ed8;--accent: #22d3ee;--bg-dark: #020617;--bg-card: #0f172a;--bg-card2: #1e293b;--text-main: #e2e8f0;--text-muted: #94a3b8;--border: #1e3a5f;--gradient: linear-gradient(135deg, #1d4ed8 0%, #22d3ee 100%)}
*{box-sizing: border-box;margin: 0;padding: 0}
body{background-color: var(--bg-dark);color: var(--text-main);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;font-size: 16px;line-height: 1.75}
a{color: var(--accent);text-decoration: none}
a:hover{color: #67e8f9}
.navbar{background: rgba(2, 6, 23, 0.97);border-bottom: 1px solid var(--border);padding: 0.75rem 0;position: sticky;top: 0;z-index: 1000;backdrop-filter: blur(8px)}
.navbar-brand img{height: 42px}
.navbar-toggler{border-color: var(--accent)}
.navbar-toggler-icon{background-image: url("https://baij999.asia/template-assets/baij999-ba8cfb/assets/resource-cb530b288e39e4.svg")}
.nav-link{color: var(--text-main) !important;font-size: 0.88rem;font-weight: 500;padding: 0.4rem 0.7rem !important;transition: color 0.2s}
.nav-link:hover{color: var(--accent) !important}
.nav-cta{background: var(--gradient);color: #fff !important;border-radius: 6px;padding: 0.4rem 1rem !important;font-weight: 600}
.nav-cta:hover{opacity: 0.88;color: #fff !important}
.breadcrumb-wrap{background: var(--bg-card);border-bottom: 1px solid var(--border);padding: 0.6rem 0}
.breadcrumb{margin: 0;background: transparent;padding: 0}
.breadcrumb-item a{color: var(--accent);font-size: 0.9rem}
.breadcrumb-item.active{color: var(--text-muted);font-size: 0.9rem}
.breadcrumb-item + .breadcrumb-item::before{color: var(--text-muted)}
.faq-hero{background: linear-gradient(160deg, #0f172a 0%, #0c1a3a 60%, #020617 100%);padding: 4rem 0 3rem;text-align: center;border-bottom: 1px solid var(--border);position: relative;overflow: hidden}
.faq-hero::before{content: "";position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 600px;height: 300px;background: radial-gradient(ellipse, rgba(29,78,216,0.25) 0%, transparent 70%);pointer-events: none}
.faq-hero h1{font-size: 2.4rem;font-weight: 700;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 1rem}
.faq-hero p{color: var(--text-muted);font-size: 1.1rem;max-width: 600px;margin: 0 auto}
.features-section{padding: 3.5rem 0}
.feature-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: 14px;padding: 1.8rem 1.5rem;height: 100%;transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s}
.feature-card:hover{transform: translateY(-5px);border-color: var(--accent);box-shadow: 0 8px 32px rgba(34,211,238,0.12)}
.feature-icon{width: 56px;height: 56px;background: var(--gradient);border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #fff;margin-bottom: 1.1rem}
.feature-card h5{font-size: 1.1rem;font-weight: 700;color: #fff;margin-bottom: 0.6rem}
.feature-card p{color: var(--text-muted);font-size: 0.95rem;margin: 0}
.faq-section{padding: 2rem 0 3.5rem}
.faq-section h2{font-size: 1.8rem;font-weight: 700;color: #fff;margin-bottom: 0.4rem}
.faq-section .section-sub{color: var(--text-muted);margin-bottom: 2rem;font-size: 1rem}
.accordion-item{background: var(--bg-card) !important;border: 1px solid var(--border) !important;border-radius: 10px !important;margin-bottom: 0.75rem;overflow: hidden}
.accordion-button{background: var(--bg-card) !important;color: #fff !important;font-weight: 600;font-size: 1rem;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;border: none !important;box-shadow: none !important;padding: 1.1rem 1.4rem}
.accordion-button:not(.collapsed){background: var(--bg-card2) !important;color: var(--accent) !important}
.accordion-button::after{filter: invert(1) brightness(2)}
.accordion-body{background: var(--bg-card2) !important;color: var(--text-muted);font-size: 0.97rem;padding: 1rem 1.4rem 1.2rem;border-top: 1px solid var(--border)}
.accordion-body strong{color: var(--accent)}
.faq-tabs .nav-link{background: var(--bg-card) !important;border: 1px solid var(--border) !important;color: var(--text-muted) !important;border-radius: 8px !important;margin-right: 0.5rem;margin-bottom: 0.5rem;font-size: 0.9rem;padding: 0.45rem 1.1rem !important;transition: all 0.2s}
.faq-tabs .nav-link.active,
    .faq-tabs .nav-link:hover{background: var(--gradient) !important;color: #fff !important;border-color: transparent !important}
.cta-section{background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 4rem 0;text-align: center}
.cta-section h2{font-size: 2rem;font-weight: 700;color: #fff;margin-bottom: 0.8rem}
.cta-section p{color: var(--text-muted);font-size: 1.05rem;margin-bottom: 2rem}
.btn-cta-primary{background: var(--gradient);color: #fff;border: none;border-radius: 8px;padding: 0.75rem 2.2rem;font-size: 1.05rem;font-weight: 700;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;transition: opacity 0.2s, transform 0.2s;display: inline-block}
.btn-cta-primary:hover{opacity: 0.88;transform: translateY(-2px);color: #fff}
.btn-cta-outline{background: transparent;color: var(--accent);border: 2px solid var(--accent);border-radius: 8px;padding: 0.72rem 2rem;font-size: 1.05rem;font-weight: 700;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;transition: all 0.2s;display: inline-block;margin-left: 1rem}
.btn-cta-outline:hover{background: var(--accent);color: #020617}
.content-section{padding: 3rem 0}
.content-section h2{font-size: 1.7rem;font-weight: 700;color: #fff;margin-bottom: 1rem}
.content-section p{color: var(--text-muted);margin-bottom: 1rem}
.content-section .highlight{color: var(--accent);font-weight: 600}
footer{background: var(--bg-card);border-top: 1px solid var(--border);padding: 2.5rem 0 1.5rem}
.footer-logo img{height: 38px;margin-bottom: 0.8rem}
.footer-desc{color: var(--text-muted);font-size: 0.9rem;max-width: 280px}
.footer-heading{color: var(--accent);font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 1rem}
.footer-links{list-style: none;padding: 0;margin: 0}
.footer-links li{margin-bottom: 0.5rem}
.footer-links a{color: var(--text-muted);font-size: 0.92rem;transition: color 0.2s}
.footer-links a:hover{color: var(--accent)}
.footer-bottom{border-top: 1px solid var(--border);margin-top: 2rem;padding-top: 1.2rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.5rem}
.footer-bottom p{color: var(--text-muted);font-size: 0.85rem;margin: 0}
.footer-email{color: var(--accent);font-size: 0.85rem}
@media  (max-width: 768px) {.faq-hero h1{font-size: 1.7rem}
.btn-cta-outline{margin-left: 0;margin-top: 0.75rem}
.footer-bottom{flex-direction: column;text-align: center}}