body { font-family: sans-serif; margin: 0; background: #f5f5f5; }
.hero { position: relative; height: 100vh; overflow: hidden; }
.carousel img { width: 100%; height: 100vh; object-fit: cover; display: none; position: absolute; top: 0; left: 0; }
.carousel img.active { display: block; }
.hero-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; background-color: rgba(0,0,0,0.5); padding: 20px; border-radius: 8px; text-align: center; }
.services, .contact, footer { padding: 2rem; background: white; margin: 2rem auto; max-width: 800px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.services h2, .contact h2 { text-align: center; }
form { display: flex; flex-direction: column; gap: 1rem; }
input, textarea, button { padding: 10px; font-size: 1rem; }
button { background: #007BFF; color: white; border: none; border-radius: 4px; cursor: pointer; }
button:hover { background: #0056b3; }
footer { text-align: center; font-size: 0.9rem; }