
*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;}
body{background:#0b1120;color:#e2e8f0;line-height:1.6;}
a{text-decoration:none;color:#cbd5f5;}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#020617;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:1000;}
.nav-links a{margin-left:20px;}
.container{max-width:1100px;margin:auto;padding:80px 20px;}
.hero{text-align:center;padding:140px 20px;}
.hero img{width:220px;margin-bottom:30px;}
.hero h1{font-size:54px;margin-bottom:20px;}
.hero p{max-width:700px;margin:auto;font-size:18px;color:#cbd5e1;}
.btn{display:inline-block;padding:14px 30px;background:#3b82f6;border-radius:8px;margin-top:30px;color:white;}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1200px;margin:auto;padding:80px 20px;}
.feature{background:#020617;border:1px solid #1e293b;padding:30px;border-radius:12px;}
.feature img{width:40px;margin-bottom:10px;}
.footer{background:#020617;padding:60px 20px;margin-top:80px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:auto;}
