/* ================== [ Start: Home Page ] ================== */
    *{margin:0;padding:0;box-sizing:border-box;}
    body{font-family:"Segoe UI",Arial,sans-serif;background:#0f1424;color:#fff;display:flex;flex-direction:column;min-height:100vh;}
    a{text-decoration:none;color:inherit;}
    /* Header */
    header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#1a2133;box-shadow:0 4px 12px rgba(0,0,0,0.5);position:sticky;top:0;z-index:1000;}
    .logo{display:flex;align-items:center;font-size:1.8rem;font-weight:bold;color:#7f5af0;gap:10px;}
    .logo i{font-size:1.9rem;color:#7f5af0;}
    nav ul{display:flex;list-style:none;gap:1.5rem;}
    nav ul li a{font-weight:600;transition:.3s;color:#d1d1d1;}
    nav ul li a:hover{color:#7f5af0;}
    .btn{background:#7f5af0;color:#fff;padding:0.7rem 1.5rem !important;border-radius:8px;font-weight:600;transition:.3s;box-shadow:0 0 12px rgba(127,90,240,0.5);}
    .btn:hover{background:#5c3db9;box-shadow:0 0 18px rgba(127,90,240,0.8);}
    /* Hamburger */
    .hamburger{display:none;font-size:1.8rem;color:#fff;cursor:pointer;}
    .mobile-nav{display:none;flex-direction:column;background:#1a2133;position:absolute;top:70px;right:0;width:220px;padding:1rem;box-shadow:0 8px 20px rgba(0,0,0,0.7);}
    .mobile-nav a{padding:0.7rem 0;color:#d1d1d1;font-weight:600;}
    .mobile-nav a:hover{color:#7f5af0;}
    /* Hero */
    .hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:3rem 2rem;gap:2rem;background:linear-gradient(135deg,#0f1424 0%,#1a2133 100%);}
    .hero-content{max-width:600px;animation:fadeIn 1.2s ease;}
    .hero h1{font-size:3.2rem;margin-bottom:1rem;color:#7f5af0;}
    .hero p{font-size:1.2rem;margin-bottom:2rem;color:#d1d1d1;}
    .hero img{width:100%;max-width:480px;}
    /* About */
    .about{padding:4rem 3rem;text-align:center;background:#12192d;}
    .about h2{font-size:2.2rem;color:#7f5af0;margin-bottom:1rem;}
    .about p{color:#ccc;max-width:700px;margin:auto;}
    /* Features */
    .features{padding:4rem 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;}
    .feature{background:#1a2133;padding:2rem;border-radius:12px;text-align:center;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,0.4);}
    .feature:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,0.6);}
    .icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#7f5af0;border-radius:50%;margin:0 auto 1rem;font-size:1.6rem;}
    .feature h3{margin-bottom:0.6rem;color:#7f5af0;}
    .feature p{color:#bbb;}
    /* Stats */
    .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;padding:3rem;background:#12192d;}
    .stat h2{font-size:2rem;color:#7f5af0;}
    .stat p{color:#ccc;margin-top:0.3rem;}
    /* How It Works */
    .how{padding:4rem 3rem;text-align:center;}
    .how h2{font-size:2.2rem;color:#7f5af0;margin-bottom:2rem;}
    .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;}
    .step{background:#1a2133;padding:2rem;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:.3s;}
    .step:hover{transform:translateY(-5px);}
    .step h3{margin:1rem 0;color:#7f5af0;}
    .step p{color:#ccc;}
    /* Testimonials */
    .testimonials{padding:4rem 3rem;background:#0f1424;}
    .testimonials h2{text-align:center;font-size:2rem;color:#7f5af0;margin-bottom:2rem;}
    .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;}
    .testimonial{background:#1a2133;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.4);}
    .testimonial p{color:#ddd;font-style:italic;margin-bottom:1rem;}
    .testimonial span{color:#7f5af0;font-weight:600;}
    /* Blog */
    .blog{padding:4rem 3rem;}
    .blog h2{text-align:center;font-size:2rem;color:#7f5af0;margin-bottom:2rem;}
    .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;}
    .post{background:#1a2133;padding:1.5rem;border-radius:12px;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,0.4);}
    .post:hover{transform:translateY(-6px);}
    .post h3{color:#7f5af0;margin-bottom:.5rem;}
    .post p{color:#ccc;font-size:.95rem;}
    /* FAQ */
    .faq{padding:4rem 3rem;}
    .faq h2{text-align:center;font-size:2rem;color:#7f5af0;margin-bottom:2rem;}
    .faq-item{margin-bottom:1rem;background:#1a2133;padding:1rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.4);cursor:pointer;}
    .faq-item h3{font-size:1.1rem;color:#7f5af0;}
    .faq-item p{color:#ccc;display:none;margin-top:.5rem;}
    /* Call to Action */
    .cta{text-align:center;padding:4rem 2rem;background:#12192d;}
    .cta h2{font-size:2rem;margin-bottom:1rem;color:#7f5af0;}
    .cta p{margin-bottom:2rem;color:#ccc;}
    /* Footer */
    footer{background:#1a2133;text-align:center;padding:1.5rem;margin-top:auto;font-size:0.9rem;color:#aaa;}
    /* Animations */
    @keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
    /* Responsive */
    @media(max-width:768px){
      nav ul{display:none;}
      .hamburger{display:block;}
      .hero{flex-direction:column;text-align:center;}
      .hero-content h1{font-size:2.2rem;}
    }
    /* ================== [ End: Home Page ] ================== */