:root{--bg:#f5f7f2;--ink:#17231f;--muted:#68756e;--green:#17634d;--lime:#d9ef83;--white:#fff;--line:#e4e9e1;--shadow:0 14px 36px #1c39200e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1140px,calc(100% - 36px));margin:auto}.header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:23px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--green)}nav{display:flex;gap:25px}nav a{font-size:14px;color:#56635c;font-weight:700}nav a:hover,nav a.active{color:var(--green)}.menu{display:none;border:0;background:none;font-size:25px}.btn{display:inline-block;border:0;border-radius:999px;padding:13px 19px;background:var(--green);color:white;font-weight:800;cursor:pointer}.btn.alt{background:transparent;color:var(--ink);border:1px solid #cbd5cc}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:66px 0}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:900}.hero h1{font-size:clamp(43px,6vw,72px);line-height:.99;letter-spacing:-3px;margin:17px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero p,.intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-img{height:420px;border-radius:26px;overflow:hidden}.hero-img img,.city-img img,.detail-img{width:100%;height:100%;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 65px}.stat{background:#eaf0e7;padding:20px;border-radius:17px}.stat b{font-size:27px;display:block}.stat span{color:var(--muted);font-size:13px}.section{padding:15px 0 65px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section h2,.page-title{font-size:clamp(30px,4vw,44px);letter-spacing:-1.7px;margin:8px 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.city-card{background:white;border-radius:21px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.city-card:hover{transform:translateY(-4px)}.city-img{height:205px;position:relative}.tag{position:absolute;top:13px;left:13px;background:#fffffff0;padding:7px 11px;border-radius:30px;font-size:12px;font-weight:800}.city-info{padding:18px}.city-info h3{font-size:22px;margin:0 0 7px}.city-info p{font-size:13px;line-height:1.55;color:var(--muted);min-height:40px}.card-link{color:var(--green);font-weight:850;font-size:13px}.feature{background:#173e32;color:white;border-radius:25px;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;margin:10px 0 65px}.feature h2{font-size:36px;line-height:1.1}.feature p{color:#d5e1db;line-height:1.7}.feature img{width:100%;height:250px;object-fit:cover;border-radius:18px}.page-head{padding:50px 0 25px}.page-head .intro{font-size:16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.search{border:1px solid var(--line);background:white;border-radius:999px;padding:13px 17px;min-width:260px;outline:none}.filter{border:1px solid var(--line);border-radius:999px;padding:11px 15px;background:white;cursor:pointer;font-weight:700}.filter.active{background:var(--green);color:white}.detail{padding:35px 0 65px}.back{color:var(--green);font-weight:800}.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin:22px 0 32px}.detail-img{height:350px;border-radius:23px}.detail-top h1{font-size:clamp(42px,5vw,62px);line-height:1;letter-spacing:-2px;margin:12px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.fact,.panel,.tip{background:white;border:1px solid var(--line);border-radius:17px;padding:17px}.fact b{display:block}.fact span{font-size:11px;color:var(--muted)}.detail-cols{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:23px;margin-bottom:15px}.panel h2{font-size:22px;margin:0 0 14px}.panel p,.panel li{font-size:14px;line-height:1.7;color:#59675f}.panel ul{padding-left:19px}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tip{padding:22px}.tip .icon{font-size:25px}.tip h3{margin:12px 0 7px}.tip p{font-size:14px;line-height:1.65;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.empty{background:white;padding:40px;text-align:center;border-radius:18px;grid-column:1/-1;color:var(--muted)}.save{border:1px solid #cbd5cc;border-radius:999px;background:white;padding:11px 16px;font-weight:800;cursor:pointer}.save.saved{background:#edf5dc;color:#42621b}
@media(max-width:800px){.hero,.detail-top,.detail-cols,.feature{grid-template-columns:1fr}.hero-img{height:300px}.grid,.tip-grid{grid-template-columns:repeat(2,1fr)}nav{display:none;position:absolute;z-index:4;top:76px;left:0;right:0;background:var(--bg);padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.detail-img{height:280px}}
@media(max-width:540px){.container{width:calc(100% - 28px)}.grid,.tip-grid{grid-template-columns:1fr}.hero{padding:43px 0}.hero h1{letter-spacing:-2px}.stats{gap:7px}.stat{padding:13px}.stat b{font-size:21px}.section-head{align-items:start;flex-direction:column}.feature{padding:23px}.facts{grid-template-columns:repeat(3,1fr)}}