*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#fff;--soft:#f7f8fc;--ink:#232135;--mut:#6b6a7d;--faint:#9c9bab;--line:#e6e5ee;
 --brand:#d42a68;--cta:#e8557f;--strip:#b02454;--link:#4a5fc1;--warm:#fff6ec}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141320;--soft:#1c1b28;
 --ink:#eeedf4;--mut:#a5a3b5;--faint:#75738a;--line:#2c2a38;--brand:#f487ad;--cta:#f593b0;
 --strip:#5e1130;--link:#8fa0e8;--warm:#231b13}}
:root[data-theme="dark"]{--bg:#141320;--soft:#1c1b28;--ink:#eeedf4;--mut:#a5a3b5;--faint:#75738a;
 --line:#2c2a38;--brand:#f487ad;--cta:#f593b0;--strip:#5e1130;--link:#8fa0e8;--warm:#231b13}
body{background:var(--bg);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif;
 font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.w{max-width:52rem;margin:0 auto;padding:0 1.2rem}
a{color:var(--link)}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance}
nav{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
nav .w{display:flex;align-items:center;gap:.9rem;padding:.6rem 1.2rem}
.lg{display:flex;align-items:center;gap:.4rem;font-family:Archivo,sans-serif;font-weight:800;
 font-size:1.15rem;color:var(--brand);text-decoration:none;letter-spacing:-.03em}
.lg svg{width:20px;height:20px}
.lg .wm{white-space:nowrap}
.lg b{color:var(--ink)}
.nazaj{margin-left:auto;font-size:.87rem;color:var(--mut);text-decoration:none}
.nazaj:hover{color:var(--ink)}
header{padding:2.2rem 0 1.4rem}
.oko{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;text-transform:uppercase;
 letter-spacing:.11em;font-weight:700;color:var(--cta);margin-bottom:.5rem}
.oko::before{content:"";width:16px;height:2px;background:var(--cta);border-radius:2px}
h1{font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:800;line-height:1.1}
.kraji{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.4rem}
.zn{font-size:.78rem;font-weight:700;background:var(--soft);border:1px solid var(--line);
 border-radius:999px;padding:.2rem .65rem}
.zn.kat{color:#fff;border:0}
.opis{margin-top:1.1rem;font-size:1.02rem;color:var(--mut);line-height:1.65;max-width:38rem}
.akc{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.akc a{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;
 text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:.5rem 1rem;color:var(--ink)}
.akc a:hover{border-color:var(--cta);color:var(--cta)}
.akc a.prim{background:var(--cta);border-color:var(--cta);color:#fff}
.akc a.prim:hover{background:var(--brand);border-color:var(--brand);color:#fff}
section{padding:1.8rem 0}
section+section{border-top:1px solid var(--line)}
h2{font-size:1.22rem;font-weight:800;margin-bottom:.2rem}
.pod{color:var(--mut);font-size:.9rem;margin-bottom:1rem}
.opoz{background:var(--warm);border-left:3px solid var(--cta);border-radius:0 8px 8px 0;
 padding:.7rem .9rem;margin-bottom:1rem;font-size:.92rem;line-height:1.55}
.opoz b{color:var(--brand)}
.vp{background:var(--warm);border-radius:11px;padding:.9rem 1rem;display:flex;gap:.9rem;
 align-items:flex-start;margin-bottom:.5rem}
.vp .d{flex:none;text-align:center;min-width:2.9rem}
.vp .dd{font-family:Archivo,sans-serif;font-weight:800;font-size:1.35rem;color:var(--cta);line-height:1}
.vp .dm{font-size:.68rem;text-transform:uppercase;color:var(--faint)}
.vp h3{font-size:.97rem;font-weight:700}
.vp p{font-size:.87rem;color:var(--mut);margin-top:.1rem}
.tb{width:100%;border-collapse:collapse;font-size:.92rem}
.tb th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;
 color:var(--faint);font-weight:700;padding:0 .7rem .5rem 0;border-bottom:1px solid var(--line)}
.tb td{padding:.75rem .7rem .75rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.tb td:first-child{font-weight:700}
.tb .un{color:var(--faint);font-style:italic}
.ovoj{overflow-x:auto}
dl{display:grid;grid-template-columns:8.5rem 1fr;gap:.55rem 1rem;font-size:.94rem}
dt{color:var(--faint);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding-top:.15rem}
dd{overflow-wrap:anywhere}
.vir{font-size:.87rem;color:var(--mut);line-height:1.7}
.filtri{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 1.4rem}
.filtri input,.filtri select{font:inherit;font-size:16px;padding:.55rem .85rem;border-radius:999px;
 border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
.filtri input{flex:1 1 14rem;min-width:0}
.filtri select{flex:0 1 auto;cursor:pointer}
.filtri input:focus-visible,.filtri select:focus-visible{outline:0;border-color:var(--cta);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--cta) 25%,transparent)}
.stevec{font-size:.87rem;color:var(--faint);margin-bottom:.9rem;font-variant-numeric:tabular-nums}
.mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem;
 padding-bottom:2rem}
.pk[hidden]{display:none}
.pk{display:block;background:var(--bg);border:1px solid var(--line);border-radius:10px;
 padding:.85rem .95rem;text-decoration:none;color:inherit}
.pk:hover{border-color:var(--cta)}
.pk:focus-visible{outline:2px solid var(--cta);outline-offset:2px}
.pk h3{font-size:.98rem;font-weight:700;line-height:1.3}
.pk .kr{font-size:.82rem;color:var(--mut);margin-top:.15rem}
.pk .pa{font-size:.82rem;color:var(--faint);margin-top:.35rem}
.pk .brez{color:var(--cta);font-weight:600}
.nic{color:var(--mut);padding:1.4rem .2rem 2.4rem}
footer{border-top:1px solid var(--line);padding:1.8rem 0 2.6rem;font-size:.88rem;color:var(--mut)}
footer a{margin-right:1rem}
@media(max-width:600px){dl{grid-template-columns:1fr;gap:.1rem .5rem}
 dt{margin-top:.6rem}.akc a{flex:1 1 auto;justify-content:center}}