*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#0f172a;color:#f8fafc;line-height:1.6;overflow-x:hidden}
.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1}
.hero-content{position:relative;z-index:2;max-width:800px;animation:fadeIn 2s ease}
.title{font-size:3rem;margin-bottom:1rem;color:#fff}
.title span{color:#3b82f6}
.subtitle{font-size:1.3rem;margin-bottom:2rem;color:#e2e8f0}
.btn{background:#3b82f6;color:#fff;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-size:1.2rem;transition:.3s;display:inline-block}
.btn:hover{background:#1e40af;transform:translateY(-3px)}
.features,.stats,.blog,.faq{padding:4rem 2rem;text-align:center}
.features h2,.stats h2,.blog h2,.faq h2{font-size:2.2rem;margin-bottom:2rem;color:#3b82f6}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.card{background:#1e293b;padding:2rem;border-radius:15px;transition:.3s}
.card:hover{transform:translateY(-8px);background:#334155}
.stats{background:#111827}
.stats-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:2rem}
.stats-grid span{font-size:2.8rem;font-weight:bold;color:#3b82f6}
.blog article{margin-bottom:2rem;background:#1e293b;padding:1.8rem;border-radius:12px;text-align:left}
.blog h3{color:#3b82f6;margin-bottom:.5rem}
.faq-item{margin-bottom:1.5rem;text-align:left}
.faq-question{width:100%;padding:1rem;background:#1e293b;color:#3b82f6;border:none;outline:none;cursor:pointer;text-align:left;font-size:1.1rem;border-radius:8px;transition:.3s}
.faq-question:hover{background:#334155}
.faq-answer{display:none;padding:1rem;background:#0f172a;border-left:3px solid #3b82f6;border-radius:0 0 8px 8px}
footer{text-align:center;padding:2rem;background:#000;font-size:.9rem;color:#9ca3af}
@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.fade-in{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}