body{margin:0;background:#0b1120;color:#e5e7eb;font-family:Arial,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#111827;position:sticky;top:0}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:bold;color:#f97316}
nav a{color:#ddd;text-decoration:none;margin-left:20px}
.hero{text-align:center;padding:90px 10%}
.hero h1{font-size:52px}
button{background:#f97316;border:none;padding:14px 28px;border-radius:8px;color:#fff;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 8%}
.card{background:#111827;padding:24px;border-radius:12px;border:1px solid #263243}
footer{text-align:center;padding:30px;color:#94a3b8}