body{font-family:Arial,sans-serif;background:#0f0f0f;color:#eee;margin:0;line-height:1.6}
header{padding:60px 20px;background:#181818;text-align:center}
h1,h2,h3{margin-top:0}
.container{max-width:1200px;margin:auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:#1b1b1b;border:1px solid #333;border-radius:14px;padding:20px}
a{color:#8ecbff;text-decoration:none}
.tag{display:inline-block;background:#252525;padding:5px 10px;border-radius:999px;margin:4px;font-size:12px}
.hero{font-size:18px;color:#bbb;max-width:900px;margin:auto}
footer{text-align:center;padding:40px;color:#777}
.button{display:inline-block;padding:10px 14px;border:1px solid #555;border-radius:10px;margin-top:10px}