:root{--pri:#0f766e;--pri-d:#115e59;--pri-l:#ccfbf1;--acc:#ea580c;--acc-d:#c2410c;--ink:#0f172a;--mut:#5b6474;--line:#e2e8f0;--bg:#f6f8fa;--card:#fff;--r:14px;--sh:0 1px 2px rgba(15,23,42,.06),0 6px 20px rgba(15,23,42,.06)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;display:block}a{color:var(--pri)}a:hover{color:var(--pri-d)}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(1.55rem,3.2vw,2.3rem);letter-spacing:-.01em}h2{font-size:clamp(1.2rem,2.2vw,1.55rem)}h3{font-size:1.02rem}
.wrap{max-width:1220px;margin:0 auto;padding:0 18px}.narrow{max-width:820px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;padding:.62em 1.1em;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 .95rem/1.2 inherit;text-decoration:none;cursor:pointer;transition:.15s}.btn:hover{border-color:var(--pri);color:var(--pri)}
.btn-acc{background:var(--acc);border-color:var(--acc);color:#fff}.btn-acc:hover{background:var(--acc-d);border-color:var(--acc-d);color:#fff}.btn-sm{padding:.45em .85em;font-size:.88rem}.btn-lg{padding:.85em 1.4em;font-size:1.02rem}.btn-block{width:100%}
/* header */
.hd{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.hd-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:.55em;text-decoration:none;color:var(--ink);font-size:1.22rem;font-weight:500}.logo b{color:var(--pri);font-weight:800}.logo span{letter-spacing:-.01em}
.nav{display:flex;align-items:center;gap:1.3rem}.nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}.nav a:hover{color:var(--pri)}.nav .btn{color:#fff}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}
@media (max-width:860px){.burger{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);padding:6px 18px 14px}.nav.open{display:flex}.nav a{padding:.75em 0;border-bottom:1px solid var(--line)}.nav .btn{margin-top:10px;border:0}}
/* hero */
.hero{background:linear-gradient(135deg,#0f766e 0%,#134e4a 55%,#1e293b 100%);color:#fff;padding:52px 0 38px}.hero h1{max-width:820px}.lede{font-size:1.1rem;opacity:.92;max-width:760px;margin:0 0 1.4rem}
.search{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr auto;gap:10px;background:#fff;padding:12px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.search label{display:flex;flex-direction:column;font-size:.75rem;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.search select,.search input{margin-top:4px}
select,input,textarea{font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.6em .7em;width:100%;min-width:0}select:focus,input:focus,textarea:focus{outline:2px solid var(--pri-l);border-color:var(--pri)}
@media (max-width:900px){.search{grid-template-columns:1fr 1fr}.search .btn{grid-column:1/-1}}
.hero-stats{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:22px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:1.45rem}.hero-stats span{opacity:.8;font-size:.88rem}
/* sections */
.sec{margin:38px auto}.sec-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;margin-bottom:14px}.sec-h h2{margin:0}.sec-h a{font-weight:600;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:18px}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.08),0 14px 30px rgba(15,23,42,.1)}
.card-a{display:block;text-decoration:none;color:inherit}.ph{position:relative;aspect-ratio:4/3;background:#e2e8f0;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}
.noimg{display:flex;align-items:center;justify-content:center;height:100%;opacity:.35}.noimg svg{width:56px;height:56px}
.tag{position:absolute;left:10px;top:10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.3em .6em;border-radius:6px;background:var(--pri);color:#fff}.tag-naemi{background:#7c3aed}
.cnt{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:4px;font-size:.78rem;background:rgba(15,23,42,.72);color:#fff;padding:.2em .5em;border-radius:6px}
.cb{padding:12px 14px 14px}.pr{font-size:1.18rem;font-weight:800;color:var(--ink)}.cb h3{margin:.25em 0 .2em;font-weight:600}.loc{display:flex;align-items:center;gap:4px;color:var(--mut);margin:0;font-size:.9rem}.loc svg{flex:none;color:var(--pri)}
.meta{color:var(--mut);font-size:.8rem;margin:.45em 0 0}.src{color:var(--pri);font-weight:600}
.cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px}.city{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}.city:hover{border-color:var(--pri)}.city b{font-size:1.05rem}.city span{color:var(--pri);font-weight:700}.city small{color:var(--mut)}
.how .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px}.steps>div{background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--sh)}.steps b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--pri-l);color:var(--pri-d);margin-bottom:8px}.steps p{color:var(--mut);margin:0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:.6em 0 0;color:#334155}
/* lead */
.lead{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;background:#fff;border-radius:18px;box-shadow:var(--sh);padding:28px;margin:38px 0;border-top:5px solid var(--acc)}.lead-txt p{color:var(--mut)}
.ticks{list-style:none;padding:0;margin:1rem 0 0}.ticks li{padding-left:1.6em;position:relative;margin:.4em 0}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--pri);font-weight:800}
.lf label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:10px}.lf label input,.lf label select,.lf label textarea{margin-top:4px;font-weight:400}.lf .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lf .chk,.filters .chk{display:flex;gap:.5em;align-items:flex-start;font-weight:400;font-size:.82rem;color:var(--mut)}.chk input{width:auto;margin-top:.2em}.hp{position:absolute;left:-5000px}.lf-msg{margin:.6em 0 0;font-weight:600}.lf-msg.ok{color:var(--pri)}.lf-msg.err{color:#b91c1c}
.lead-c{display:block;padding:20px;margin:18px 0}.lead-c .ticks{display:none}.lead-c h2{font-size:1.15rem}
@media (max-width:860px){.lead{grid-template-columns:minmax(0,1fr);padding:20px}.lf .row2{grid-template-columns:1fr}}
/* list pages */
.crumbs{display:flex;flex-wrap:wrap;gap:.4em;font-size:.85rem;color:var(--mut);margin:18px 0 10px}.crumbs a{color:var(--mut);text-decoration:none}.crumbs a:hover{color:var(--pri)}
.ph-h{margin-bottom:14px}.intro{color:#334155;max-width:900px;margin:0}
.tabs{display:flex;gap:8px;margin:16px 0 10px}.tab{padding:.5em 1em;border-radius:10px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700}.tab.on{background:var(--pri);border-color:var(--pri);color:#fff}.tab small{opacity:.75;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.chip{padding:.35em .75em;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:600}.chip small{color:var(--mut);font-weight:500}.chip.on{background:var(--pri-l);border-color:var(--pri);color:var(--pri-d)}
.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;background:#fff;padding:12px;border-radius:12px;border:1px solid var(--line)}.filters label{font-size:.78rem;font-weight:600;color:var(--mut);flex:1 1 120px}.filters input,.filters select{margin-top:3px;padding:.5em .6em}.filters .chk{flex:0 0 auto;align-self:center}.clear{font-size:.85rem;align-self:center}
.count{color:var(--mut);font-size:.9rem;margin:14px 0 10px}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0}.pager a,.pager span{padding:.45em .8em;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.pager .on{background:var(--pri);color:#fff;border-color:var(--pri)}
.tbl-wrap{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid var(--line)}.tbl{width:100%;border-collapse:collapse;font-size:.93rem}.tbl th,.tbl td{text-align:left;padding:.65em .9em;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th{background:#f1f5f9;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--mut)}.tbl small{color:var(--mut)}
.note{color:var(--mut);font-size:.83rem}.links{display:flex;flex-wrap:wrap;gap:8px}.links a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.35em .7em;text-decoration:none;font-size:.9rem}.links small{color:var(--mut)}
.empty{background:#fff;border-radius:var(--r);padding:32px;text-align:center;box-shadow:var(--sh);margin:24px 0}
/* ad page */
.ad{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.ad>*,.lead>*,.steps>*{min-width:0}.ad-l>*+*{margin-top:18px}.ad-r{position:sticky;top:80px}
@media (max-width:980px){.ad{grid-template-columns:minmax(0,1fr)}.ad-r{position:static}}
.gal{background:#0f172a;border-radius:var(--r);overflow:hidden}.gal-main{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.gal-main img{width:100%;height:100%;object-fit:contain}
.gal-prev,.gal-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.88);font-size:1.6rem;line-height:1;cursor:pointer}.gal-prev{left:10px}.gal-next{right:10px}
.gal-n{position:absolute;right:12px;bottom:10px;color:#fff;background:rgba(0,0,0,.55);padding:.15em .55em;border-radius:6px;font-size:.82rem}
.gal-th{display:flex;gap:6px;padding:8px;overflow-x:auto;background:#111827}.gal-th button{flex:none;border:2px solid transparent;padding:0;border-radius:6px;overflow:hidden;cursor:pointer;background:none;opacity:.7}.gal-th button.on{border-color:var(--acc);opacity:1}.gal-th img{width:96px;height:72px;object-fit:cover}
.gal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;color:#cbd5e1}.gal-empty svg{width:64px;height:64px;opacity:.6}
.box{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:20px 22px}.sum{font-size:1.06rem;margin:0 0 .8em}
.feats{list-style:none;padding:0;margin:0 0 .6em;display:flex;flex-wrap:wrap;gap:6px}.feats li{background:var(--pri-l);color:var(--pri-d);font-size:.85rem;font-weight:600;padding:.25em .65em;border-radius:999px}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:0 18px;margin:0}.facts div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:.55em 0}.facts dt{color:var(--mut)}.facts dd{margin:0;font-weight:600;text-align:right}
.pbox{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px;position:relative}.btn{white-space:normal;text-align:center}.pbox .tag{position:static;display:inline-block;margin-bottom:10px}.pbox h1{font-size:1.35rem}.big-pr{font-size:2rem;font-weight:800;margin:.35em 0 0}.ppm{color:var(--mut);margin:0 0 1em}.small{font-size:.8rem;color:var(--mut)}.rep{text-align:center}
.prose h2{margin-top:1.4em}.prose{background:#fff;border-radius:var(--r);padding:26px;box-shadow:var(--sh);margin-bottom:24px}
/* footer */
.ft{background:#0f172a;color:#cbd5e1;margin-top:56px;padding:40px 0 20px}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.ft h4{color:#fff;margin:0 0 .7em}.ft a{display:block;color:#cbd5e1;text-decoration:none;margin:.3em 0;font-size:.92rem}.ft a:hover{color:#fff}.ft p{font-size:.92rem}.logo-ft{color:#fff;margin-bottom:.6em}.ft .btn{display:inline-flex;color:#fff}
.ft-bot{border-top:1px solid #1e293b;margin-top:26px;padding-top:16px;font-size:.8rem;color:#94a3b8}
@media (max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.ft-grid{grid-template-columns:1fr}}
