:root{--bg:#0d1411;--bg2:#131d18;--panel:#18231d;--panel2:#1f2d25;--text:#edf2ee;--muted:#b8c5bc;--accent:#9fbe78;--line:#314339;--warm:#d7c49d}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text)}
a{color:inherit}
.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:rgba(8,12,10,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.brand{font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--warm);font-size:14px}
.nav-links{display:flex;gap:18px;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--text)}
.hero{min-height:68vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero-mini{min-height:42vh}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.68))}
.hero-overlay{position:relative;width:100%;max-width:1140px;margin:0 auto;padding:70px 24px}
.hero-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;font-size:13px;margin-bottom:10px}
.hero h1{margin:0 0 12px 0;font-size:58px;line-height:1.02;max-width:820px}.hero p{margin:0;max-width:760px;color:#eef3ef;font-size:20px;line-height:1.5}
.hero-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-block;background:var(--accent);color:#102015;text-decoration:none;padding:14px 18px;border-radius:10px;font-weight:700}
.button.secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.24)}
.container{max-width:1140px;margin:0 auto;padding:42px 24px 60px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.section-head h2{margin:0;font-size:34px}.section-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.lake-card,.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.18);text-decoration:none;color:inherit}
.lake-card:hover,.guide-card:hover{transform:translateY(-4px);transition:transform .18s ease}
.lake-card img,.guide-card img{width:100%;height:220px;object-fit:cover;display:block}
.card-content{padding:18px}.card-content h3{margin:0 0 8px 0;font-size:24px}.card-content p{margin:0 0 12px 0;color:var(--muted);line-height:1.55}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--line);background:var(--panel2);color:#d5ded7;font-size:12px;border-radius:999px;padding:7px 10px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:30px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.box h1,.box h2,.box h3{margin-top:0}.box p,.box li{color:var(--muted);line-height:1.65}
.footer{max-width:1140px;margin:0 auto;padding:18px 24px 34px;color:var(--muted);border-top:1px solid var(--line)}
.map-layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.sidebar h3{margin-top:0}.search{width:100%;padding:12px 14px;background:#101713;border:1px solid var(--line);color:var(--text);border-radius:10px;margin-bottom:14px}
.filter-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-btn{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;font-size:12px}
.filter-btn.active{border-color:var(--accent);background:#243329}.lake-list{display:flex;flex-direction:column;gap:10px;max-height:540px;overflow:auto}
.lake-item{background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:12px;cursor:pointer}.lake-item:hover,.lake-item.active{border-color:var(--accent)}
.map-wrap{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}#leafletMap{width:100%;height:640px;border-radius:12px;overflow:hidden}
.guide-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.guide-gallery img{width:100%;height:230px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.lure-table{width:100%;border-collapse:collapse}.lure-table th,.lure-table td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}.lure-table th{color:var(--warm)}
@media (max-width: 900px){.hero h1{font-size:42px}.hero p{font-size:18px}.two-col,.map-layout,.guide-gallery{grid-template-columns:1fr}}