* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; background: #f4f4f4; color: #333; line-height: 1.6; }
.container { max-width: 1100px; margin: auto; padding: 20px; }
.navbar { background: #101820; padding: 15px 0; }
.navbar .logo { color: white; float: left; margin-left: 20px; font-size: 20px; }
.navbar .nav-links { float: right; list-style: none; margin-right: 20px; }
.navbar .nav-links li { display: inline-block; margin-left: 20px; }
.navbar .nav-links a { color: white; text-decoration: none; font-weight: bold; }
.hero { background: #24292f; color: white; padding: 100px 20px; text-align: center; }
.section { padding: 60px 20px; }
.section.light { background: #eaeaea; }
.section h2 { font-size: 32px; margin-bottom: 20px; }
.section ul { padding-left: 20px; }
.section ul li { margin-bottom: 10px; font-size: 18px; }
.gallery { display: flex; gap: 15px; flex-wrap: wrap; }
.gallery img { width: 32%; border-radius: 6px; background: #ccc; height: 200px; object-fit: cover; }
footer { background: #101820; color: white; text-align: center; padding: 20px 10px; }


.logo-img {
  height: 40px;
  vertical-align: middle;
  margin-right: 10px;
}

.logo-inline {
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}