body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.navbar { background-color: #f8f8f8; padding: 10px 0; }
.navbar ul { list-style-type: none; display: flex; gap: 20px; }
.navbar ul li { position: relative; }
.navbar ul li ul.dropdown { display: none; position: absolute; top: 100%; left: 0; background-color: #fff; padding: 10px; border: 1px solid #ccc; }
.navbar ul li:hover ul.dropdown { display: block; }
.hero { background: #e0f7fa; padding: 40px 20px; text-align: center; }
.services, .about { padding: 40px 20px; background: #f0f0f0; }
.card { background: #fff; padding: 20px; margin: 10px 0; border-radius: 8px; }
footer { background: #ddd; text-align: center; padding: 10px; }