body{margin:0;font-family:'Segoe UI',Arial;background:#020617;color:#e5e7eb}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#020617,#0f172a)}
.logo{max-width:360px;margin-bottom:20px}
h1{font-size:36px;margin:10px 0}
p{color:#94a3b8}
.btn{display:inline-block;margin-top:20px;padding:14px 26px;background:#2563eb;color:#fff;text-decoration:none;border-radius:30px}
nav{display:flex;flex-wrap:wrap;justify-content:center;background:#020617;border-top:1px solid #1e293b}
nav a{color:#cbd5f5;padding:14px 18px;text-decoration:none}
nav a:hover{color:#fff}
section{max-width:1100px;margin:auto;padding:70px 20px}
h2{text-align:center;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.card{background:#020617;border:1px solid #1e293b;padding:28px;border-radius:14px;text-align:center}
.list{max-width:600px;margin:auto;color:#cbd5f5}
footer{text-align:center;padding:25px;background:#020617;border-top:1px solid #1e293b;color:#94a3b8}