*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Cairo,sans-serif;background:#000;color:#fff}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#000,#07150d)}
.logo{width:180px}
h1{font-size:4rem;color:#0AF57A;margin:20px 0}
p{color:#ddd}
.buttons{margin-top:25px;display:flex;gap:15px;justify-content:center}
.btn{padding:14px 30px;border-radius:40px;text-decoration:none;background:#111;color:#fff;border:1px solid #0AF57A}
.primary{background:#0AF57A;color:#000}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:60px 20px;max-width:1200px;margin:auto}
.card{background:#0d0d0d;border:1px solid rgba(10,245,122,.2);padding:25px;border-radius:20px;text-align:center}
.card img{width:70px;height:70px;margin-bottom:15px}
.card h3{color:#0AF57A}