body{margin:0;font-family:Arial;background:#0a0a0a;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#000}
header img{height:50px}
nav a{margin:0 15px;color:#fff;text-decoration:none}
.hero{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#111}
.section{padding:80px 40px;max-width:1100px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#111;padding:25px;border-radius:10px}
img{max-width:100%}
footer{text-align:center;padding:30px;background:#000}