body { margin:0; font-family: Arial, sans-serif; background:#f7f9fb; color:#222;}
header { background:white; box-shadow:0 2px 6px rgba(0,0,0,0.1); position:sticky; top:0; z-index:10;}
nav { display:flex; justify-content:space-between; align-items:center; padding:10px 40px;}
nav img { height:120px; }
nav ul { list-style:none; display:flex; gap:20px; }
nav a { text-decoration:none; color:#0061a8; font-weight:bold; }
nav a:hover { color:#00a346; }

.hero { background:#00a346; color:white; padding:120px 40px; text-align:center; }
.hero h1 { font-size:48px; }
.hero p { font-size:20px; margin-top:10px; }

.section { max-width:1100px; margin:auto; padding:40px 20px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.card { background:white; padding:20px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); transition:0.3s; }
.card:hover { transform:translateY(-5px); }

.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:15px; }
.gallery-grid img { width:100%; border-radius:10px; cursor:pointer; }

.lightbox { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; }
.lightbox img { max-width:90%; max-height:80%; border-radius:10px; }
.lightbox:target { display:flex; }

form input, form textarea { width:100%; padding:10px; margin:10px 0; border-radius:8px; border:1px solid #ccc; }
button { background:#0061a8; color:white; border:none; padding:12px 20px; border-radius:8px; font-size:16px; cursor:pointer; }
button:hover { background:#00a346; }

body.dark { background:#111; color:#eee; }
body.dark header, body.dark nav { background:#222; }
body.dark .card { background:#333; color:#eee; }
.fade-in { animation: fade 1s ease-in; }
@keyframes fade { from {opacity:0;} to {opacity:1;} }

/* Service lightning bolt icon */
.service-list li {
    list-style: none;
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
    font-size: 1.1rem;
}
.service-list li::before {
    content: "⚡";
    color: orange;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}