body {font-family: Arial, sans-serif; margin:0; background:#0f172a; color:#e5e7eb;}
   header {background:#1e293b; padding:20px; text-align:center;}
   header h1 {margin:0; font-size:2.5rem;}
   nav {display:flex; justify-content:center; gap:20px; padding:10px; background:#020617;}
   nav a {color:#38bdf8; text-decoration:none; font-weight:bold;}
   nav a:hover {text-decoration:underline;}
   .hero {text-align:center; padding:60px 20px;}
   .hero h2 {font-size:2rem;}
   .container {max-width:1000px; margin:auto; padding:20px;}
   .card-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
   .card {background:#1e293b; padding:20px; border-radius:12px;}
   footer {text-align:center; padding:20px; background:#020617; margin-top:40px;}
   code {background:#020617; padding:3px 6px; border-radius:6px;}