body{margin:0;font-family:Arial;background:#0a0a0a;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#111}
nav a{color:white;margin:0 15px;text-decoration:none;font-size:18px}
.hero{height:70vh;background:url('../images/banner1.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}
.hero h1{font-size:56px;margin:0}
.section{padding:60px 10%;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#1a1a1a;padding:20px;border-radius:8px}
.card img{width:100%;border-radius:6px}
footer{text-align:center;padding:20px;background:#111}