body { font-family: 'Segoe UI', sans-serif; background-color: #f4f4f4; margin: 0; }
.hero { background-color: #003366; color: white; padding: 60px 20px; display: flex; justify-content: space-between; align-items: center; }
.hero-content { max-width: 50%; }
.btn { background: #ffcc00; color: #000; padding: 15px 30px; text-decoration: none; font-weight: bold; border-radius: 5px; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 40px; max-width: 1200px; margin: auto; }
.card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

/* Gallery styles */
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 0 40px 40px 40px; max-width: 1200px; margin: auto; }
.gallery-img { width: 100%; height: auto; border-radius: 8px; }