body{margin:0;font-family:Arial,sans-serif;background:#111;color:#fff}
.container{max-width:1100px;margin:auto;padding:20px}
.nav{background:#000;padding:10px 0}
.nav ul{list-style:none;display:flex;gap:20px;justify-content:flex-end}
.nav a{color:#fff;text-decoration:none}
.logo{float:left}
.hero{background:#222;padding:100px 20px;text-align:center}
.btn{background:#00c853;color:#fff;padding:10px 20px;text-decoration:none;display:inline-block;margin-top:10px}
.section{padding:60px 20px}
.alt{background:#1a1a1a}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#222;padding:20px;text-align:center}
.gallery img{width:100%;height:auto}
.footer{text-align:center;background:#000;padding:20px}