*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111;line-height:1.6;background:#fff}
a{color:#1f9e1f}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:#0b0b0b;color:#fff;border-bottom:3px solid #39e639;position:sticky;top:0;z-index:10}
header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 20px}
.brand{font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.brand img{height:44px;width:44px;border-radius:6px}
nav a{color:#fff;text-decoration:none;margin-left:16px;font-size:.95rem}nav a:hover{color:#39e639}
.hero{background:radial-gradient(circle at 50% 30%,#2a2a2a,#0b0b0b 70%);color:#fff;padding:90px 0 80px;text-align:center}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 12px}.hero p{font-size:1.2rem;max-width:700px;margin:0 auto 28px}
.btn{display:inline-block;background:#39e639;color:#0b0b0b;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;border:0;font-size:1rem;cursor:pointer}
.btn.alt{background:transparent;color:#39e639;border:2px solid #39e639;margin-left:10px}
section{padding:64px 0}section h2{font-size:2rem;margin-top:0;color:#0b0b0b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.07);border-top:4px solid #39e639}.card h3{margin-top:0}
.alt-bg{background:#f2f2f2}.todo{background:#eaffea;border:1px dashed #1f9e1f;padding:2px 6px;border-radius:4px;font-size:.9em}
form{display:grid;gap:14px;max-width:600px}label{font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font:inherit}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:760px){.two{grid-template-columns:1fr}nav a{margin:0 12px 0 0}.btn.alt{margin:10px 0 0}}
footer{background:#0b0b0b;color:#ccc;border-top:3px solid #39e639;padding:30px 0;font-size:.9rem}footer a{color:#39e639}

.towns{columns:2;padding-left:20px;margin:0 0 10px}.map{width:100%;height:auto;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.hero-logo{width:200px;height:200px;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.35);margin-bottom:20px}
input:focus,select:focus,textarea:focus{outline:2px solid #39e639;border-color:#39e639}section h2{border-bottom:3px solid #39e639;display:inline-block;padding-bottom:4px}
