* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', sans-serif; }
body { color: #333; line-height: 1.6; }
.container { width: 85%; margin: auto; display: flex; justify-content: space-between; align-items: center; }

header { background: #fff; padding: 20px 0; border-bottom: 3px solid #00a651; position: sticky; top: 0; z-index: 100; }
.logo { font-size: 24px; font-weight: bold; color: #00a651; }
nav ul { display: flex; list-style: none; }
nav ul li { margin-left: 20px; }
nav ul li a { text-decoration: none; color: #333; font-weight: 500; }

.hero { height: 60vh; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1000&q=80'); background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }
.hero h1 { font-size: 48px; }
.btn { display: inline-block; background: #00a651; color: #fff; padding: 12px 30px; text-decoration: none; margin-top: 20px; border-radius: 5px; }

.services { padding: 50px 0; text-align: center; background: #f9f9f9; }
.service-grid { display: flex; justify-content: center; gap: 20px; margin-top: 30px; }
.card { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); width: 300px; }
.card i { font-size: 40px; color: #00a651; margin-bottom: 15px; }

.contact { padding: 50px 0; text-align: center; }
footer { background: #333; color: #fff; text-align: center; padding: 30px 0; }
footer a { color: #ccc; text-decoration: none; margin: 0 10px; font-size: 14px; }