body {margin:0; font-family:Arial, sans-serif; background:#fff; color:#333;}
header {display:flex; align-items:center; justify-content:space-between; background:#111; padding:10px 20px;}
header img {height:60px;}
nav a {color:#fff; margin:0 10px; text-decoration:none;}
nav a:hover {color:#f59e0b;}
.hero {background:url('assets/img/hero1.jpg') center/cover no-repeat; color:#fff; text-align:center; padding:100px 20px;}
.hero h1 {font-size:48px; margin:0;}
.hero p {font-size:20px;}
.cta {background:#f59e0b; color:#fff; padding:15px 30px; display:inline-block; margin-top:20px; text-decoration:none; border-radius:5px;}
section {padding:60px 20px; max-width:1000px; margin:auto;}
.services .card {background:#f3f3f3; padding:20px; margin:10px; border-radius:8px; display:inline-block; width:28%; vertical-align:top;}
.gallery img {width:30%; margin:1%; border-radius:8px; cursor:pointer;}
form {display:flex; flex-direction:column; max-width:500px; margin:auto;}
form input, form textarea {margin:10px 0; padding:10px; border:1px solid #ccc; border-radius:4px;}
form button {padding:12px; background:#2563eb; color:#fff; border:none; border-radius:4px; cursor:pointer;}
form button:hover {background:#1d4ed8;}
footer {background:#111; color:#fff; text-align:center; padding:20px;}
footer img {height:80px; display:block; margin:10px auto;}
.social a {color:#f59e0b; margin:0 10px; text-decoration:none;}