body{margin:0;font-family:Arial;background:#0f172a;color:#fff}
header{padding:18px 8%;display:flex;justify-content:space-between;background:#111827;position:sticky;top:0}
a{color:#7dd3fc;text-decoration:none;margin-left:18px}
.hero,.sec{padding:70px 8%}.hero{background:linear-gradient(135deg,#1e3a8a,#0f172a)}
h1{font-size:48px}.btn{display:inline-block;background:#38bdf8;color:#000;padding:12px 22px;border-radius:8px;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1e293b;padding:20px;border-radius:12px}
footer{text-align:center;padding:25px;background:#111827}
code{display:block;background:#020617;padding:10px;border-radius:8px;white-space:pre}