@font-face{font-family:"GNP Bricolage";src:url(../fonts/bricolage-latin.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"GNP Bricolage";src:url(../fonts/bricolage-latin-ext.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"GNP Inter";src:url(../fonts/inter-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"GNP Inter";src:url(../fonts/inter-latin-ext.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"GNP Inter";src:url(../fonts/inter-cyrillic.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{
  --brand:#4338ca;--brand-2:#6366f1;--brand-3:#1e1b4b;--brand-soft:#eef0ff;
  --ink:#17131b;--ink-2:#2b2530;--muted:#625b69;--line:#ebe5ea;--bg:#fbf9f7;--bg-2:#f4efeb;--card:#fff;
  --sun:#f5a524;--coral:#ff6b5a;--coral-soft:#ffe9e5;--sun-soft:#fff4dc;--teal:#0e9f9b;--teal-soft:#dcf5f3;--blue:#2f5bea;--blue-soft:#e5ecff;
  --violet:#7c3aed;--violet-soft:#efe7ff;--green:#16a34a;--green-soft:#e1f7e8;
  --r:18px;--r-lg:28px;
  --sh-1:0 1px 2px rgba(23,19,27,.05),0 4px 14px rgba(23,19,27,.05);--sh-2:0 10px 40px rgba(23,19,27,.10);--sh-3:0 24px 70px rgba(30,27,75,.22);
  --font:"GNP Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-h:"GNP Bricolage","GNP Inter",system-ui,sans-serif;
  --wrap:1280px;
  --jzz-bg:var(--bg);--jzz-povrs:var(--bg-2);--jzz-panel:#fff;--jzz-ink:var(--ink);--jzz-ink2:var(--ink-2);--jzz-muted:var(--muted);--jzz-line:var(--line);
  --jzz-akcent:var(--brand);--jzz-na-akcentu:#fff;--jzz-r-btn:999px;--jzz-shell:var(--wrap);
  --jzz-serif:var(--font-h);--jzz-sans:var(--font);--jzz-h1:800 clamp(34px,4.4vw,56px)/1.06 var(--font-h)
}
@media (min-width:2000px){:root{--wrap:1640px}html{font-size:17.5px}}
@media (min-width:2400px){:root{--wrap:1900px}html{font-size:18.5px}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden;font-size:1rem}
.gnp-sajt img,.gnp-sajt svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.1;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,5.4vw,4.6rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.4vw,2.9rem);font-weight:750}
h3{font-size:1.28rem;font-weight:700}
p{margin:0 0 1em}
::selection{background:var(--brand);color:#fff}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.ht-main{min-height:0}
[id]{scroll-margin-top:96px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.sekcija{padding-block:clamp(56px,8vw,112px)}
.sekcija--siva{background:var(--bg-2)}
.sekcija--tamna{background:var(--ink);color:#f3eef4}
.sekcija--bez-vrha{padding-top:0}
.nadnaslov{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.nadnaslov::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.sekcija--tamna .nadnaslov{color:var(--sun)}
.uvod{font-size:1.12rem;color:var(--muted);max-width:62ch}
.glava-sekcije{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.glava-sekcije h2{margin:0}
.glava-sekcije .uvod{margin:12px 0 0}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:650;font-size:.98rem;border:1.5px solid transparent;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s,color .18s;white-space:nowrap}
.dugme svg{width:18px;height:18px}
.dugme:hover{transform:translateY(-2px)}
.dugme--glavno{background:var(--brand);color:#fff;box-shadow:0 8px 22px rgba(67,56,202,.3)}
.dugme--glavno:hover{background:var(--brand-2)}
.dugme--zuto{background:var(--sun);color:var(--ink)}
.dugme--obrub{border-color:var(--line);background:var(--card)}
.dugme--obrub:hover{border-color:var(--ink)}
.dugme--svetlo{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
.dugme--malo{padding:8px 15px;font-size:.88rem}
.veza{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--brand)}
.veza svg{width:17px;height:17px;transition:transform .2s}
.veza:hover svg{transform:translateX(4px)}
.gornja{background:var(--brand-3);color:#e0e0fb;font-size:.84rem}
.gornja .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:8px;flex-wrap:wrap}
.gornja span,.gornja a{display:inline-flex;align-items:center;gap:6px}
.gornja svg{width:15px;height:15px;opacity:.8}
.gornja .lijevo,.gornja .desno{display:flex;gap:22px;flex-wrap:wrap}
.zaglavlje{position:sticky;top:0;z-index:50;background:rgba(251,249,247,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.admin-bar .zaglavlje{top:32px}
@media (max-width:782px){.admin-bar .zaglavlje{top:46px}}
@media (max-width:600px){.admin-bar .zaglavlje{top:0}}
.zaglavlje.skrolovano{border-color:var(--line);box-shadow:0 6px 24px rgba(23,19,27,.06)}
.zaglavlje .wrap{display:flex;align-items:center;gap:20px;height:76px}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo img{height:52px;width:auto}
.meni{display:flex;align-items:center;gap:2px;margin-inline:auto}
.meni>a,.meni>.padajuci>button{white-space:nowrap;padding:10px 12px;border-radius:999px;font-weight:560;font-size:.95rem;color:var(--ink-2);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.meni>a:hover,.meni>.padajuci>button:hover{background:var(--bg-2)}
.meni a.aktivno,.meni .padajuci.aktivno>button{color:var(--brand);background:var(--brand-soft)}
.meni .padajuci{position:relative}
.meni .padajuci svg{width:15px;height:15px}
.padajuci-meni{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,6px);min-width:280px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);padding:8px;opacity:0;visibility:hidden;transition:.18s}
.padajuci-meni::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.padajuci:hover .padajuci-meni,.padajuci:focus-within .padajuci-meni{opacity:1;visibility:visible;transform:translate(-50%,0)}
.padajuci-meni a{display:flex;gap:12px;padding:10px 12px;border-radius:12px;align-items:flex-start}
.padajuci-meni a:hover{background:var(--bg)}
.padajuci-meni a svg{width:20px;height:20px;color:var(--brand);margin-top:2px;flex-shrink:0}
.padajuci-meni a b{display:block;font-size:.94rem}
.padajuci-meni a small{color:var(--muted);font-size:.8rem}
.zaglavlje-akcije{display:flex;align-items:center;gap:10px;margin-left:auto}
.meni+.zaglavlje-akcije{margin-left:0}
.trazi-dugme{display:inline-flex;align-items:center;gap:10px;padding:9px 12px 9px 14px;border:1px solid var(--line);background:var(--card);border-radius:999px;color:var(--muted);cursor:pointer;font-size:.9rem}
.trazi-dugme svg{width:17px;height:17px}
.trazi-dugme kbd{white-space:nowrap;font-family:var(--font);font-size:.72rem;border:1px solid var(--line);border-radius:6px;padding:1px 6px;background:var(--bg)}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:22px;height:22px}
@media (max-width:1640px){.trazi-dugme span,.trazi-dugme kbd{display:none}.trazi-dugme{padding:11px}}
@media (max-width:1240px){.meni,.trazi-dugme span,.trazi-dugme kbd{display:none}.burger{display:inline-flex}.zaglavlje-akcije{margin-left:auto}}
@media (max-width:560px){
  .zaglavlje-akcije .dugme--portal span{display:none}
  .zaglavlje-akcije .dugme--portal{padding:11px}
  .gornja .desno,.gornja .lijevo a{display:none}
  .logo img{height:42px}
}
.fioka{position:fixed;inset:0;z-index:99990;background:rgba(23,19,27,.45);opacity:0;visibility:hidden;transition:.25s}
.fioka.otvoreno{opacity:1;visibility:visible}
.fioka-panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:var(--bg);padding:22px;overflow-y:auto;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:6px}
.fioka.otvoreno .fioka-panel{transform:none}
.fioka-glava{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.fioka-glava .burger{display:inline-flex}
.fioka a.stavka{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;font-weight:600;font-size:1.05rem}
.fioka a.stavka:hover,.fioka a.stavka.aktivno{background:var(--brand-soft);color:var(--brand)}
.fioka a.stavka svg{width:20px;height:20px;color:var(--brand)}
.fioka .dugme{margin-top:14px}
.pretraga{position:fixed;inset:0;z-index:99995;background:rgba(23,19,27,.5);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.pretraga.otvoreno{display:flex}
.pretraga-kutija{width:min(680px,100%);background:var(--card);border-radius:22px;box-shadow:var(--sh-2);overflow:hidden}
.pretraga-polje{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.pretraga-polje svg{width:22px;height:22px;color:var(--muted)}
.pretraga-polje input{flex:1;border:0;outline:0;font-size:1.12rem;background:none;min-width:0}
.pretraga-polje kbd{font-size:.72rem;border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.pretraga-rezultati{max-height:56vh;overflow-y:auto;padding:8px}
.pretraga-rezultati a{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:12px}
.pretraga-rezultati a:hover,.pretraga-rezultati a.izabran{background:var(--bg)}
.pretraga-rezultati .tip{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:700;min-width:86px}
.pretraga-rezultati small{display:block;color:var(--muted)}
.pretraga-prazno{padding:28px;text-align:center;color:var(--muted)}
.hero{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,96px) clamp(64px,8vw,120px)}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:1100px;max-height:1100px;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.22),transparent 60%),radial-gradient(circle at 70% 60%,rgba(245,165,36,.2),transparent 55%),radial-gradient(circle at 40% 80%,rgba(14,159,155,.14),transparent 55%);filter:blur(10px);z-index:0}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero h1 em{font-style:normal;color:var(--brand);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.2em;background:var(--sun);opacity:.55;z-index:-1;border-radius:4px}
.hero .uvod{font-size:1.2rem;margin-block:22px 30px}
.hero-dugmad{display:flex;gap:12px;flex-wrap:wrap}
.hero-znacke{display:flex;gap:22px;margin-top:38px;flex-wrap:wrap}
.hero-znacke div{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--muted)}
.hero-znacke b{display:block;color:var(--ink);font-size:1.05rem;font-family:var(--font-h)}
.hero-znacke svg{width:36px;height:36px;padding:8px;border-radius:12px;background:var(--card);box-shadow:var(--sh-1);color:var(--brand)}
.hero-kolaz{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:190px 150px 170px;gap:14px}
.hero-kolaz .foto{border-radius:24px;box-shadow:var(--sh-1)}
.hero-kolaz .k1{grid-row:1/3}
.hero-kolaz .k4{grid-column:1/3}
.plutajuca{position:absolute;background:var(--card);border-radius:18px;box-shadow:var(--sh-2);padding:14px 16px;display:flex;gap:12px;align-items:center;font-size:.88rem;animation:lebdi 6s ease-in-out infinite;z-index:2}
.plutajuca svg{width:38px;height:38px;padding:9px;border-radius:12px;flex-shrink:0}
.plutajuca b{display:block;font-size:.98rem}
.plutajuca small{color:var(--muted)}
.plutajuca.p1{left:-34px;bottom:44px}
.plutajuca.p1 svg{background:var(--green-soft);color:var(--green)}
.plutajuca.p2{right:-20px;top:-18px;animation-delay:-3s}
.plutajuca.p2 svg{background:var(--sun-soft);color:#b7791f}
@keyframes lebdi{50%{transform:translateY(-10px)}}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.plutajuca.p1{left:8px}.plutajuca.p2{right:8px}}
@media (max-width:520px){.hero-kolaz{grid-template-rows:150px 120px 130px;gap:10px}.plutajuca{display:none}}
.foto{position:relative;overflow:hidden;border-radius:var(--r);min-height:120px;background:linear-gradient(135deg,var(--a,#4338ca),var(--b,#f5a524));color:#fff;isolation:isolate}
.foto::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1.4px,transparent 1.6px);background-size:18px 18px;mask-image:linear-gradient(135deg,transparent 20%,#000 90%);-webkit-mask-image:linear-gradient(135deg,transparent 20%,#000 90%);z-index:-1}
.foto::after{content:"";position:absolute;width:70%;aspect-ratio:1;right:-18%;top:-30%;border-radius:50%;background:rgba(255,255,255,.12);z-index:-1}
.foto .foto-ikona{position:absolute;right:16px;bottom:14px;width:30%;max-width:120px;min-width:38px;height:auto;opacity:.9;stroke-width:1.3}
.foto .foto-natpis{position:absolute;left:14px;top:12px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.22);padding:4px 9px;border-radius:999px;backdrop-filter:blur(4px);z-index:1}
.gnp-sajt .foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.foto--slika::before,.foto--slika::after{display:none}
.foto--zgrada{--a:#1e1b4b;--b:#6366f1}.foto--lab{--a:#0b6e6b;--b:#34d1bf}.foto--it{--a:#1e2a78;--b:#2f5bea}.foto--sport{--a:#15803d;--b:#84cc16}
.foto--biblio{--a:#7c2d12;--b:#f59e0b}.foto--muzika{--a:#6d28d9;--b:#ec4899}.foto--priroda{--a:#166534;--b:#0e9f9b}.foto--svecano{--a:#4338ca;--b:#f5a524}
.foto--debata{--a:#4c1d95;--b:#7c3aed}.foto--putovanje{--a:#0c4a6e;--b:#38bdf8}.foto--umetnost{--a:#be185d;--b:#fb923c}.foto--matura{--a:#17131b;--b:#4338ca}
.brzi{margin-top:-54px;position:relative;z-index:3}
.brzi-mreza{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.brzi a{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;gap:14px;align-items:center;box-shadow:var(--sh-1);transition:.2s}
.brzi a:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:transparent}
.brzi a svg{width:46px;height:46px;padding:11px;border-radius:14px;flex-shrink:0}
.brzi a b{display:block;font-size:1rem}
.brzi a small{color:var(--muted);font-size:.84rem;line-height:1.35;display:block}
.brzi a:nth-child(4n+1) svg{background:var(--brand-soft);color:var(--brand)}
.brzi a:nth-child(4n+2) svg{background:var(--teal-soft);color:var(--teal)}
.brzi a:nth-child(4n+3) svg{background:var(--sun-soft);color:#b7791f}
.brzi a:nth-child(4n+4) svg{background:var(--violet-soft);color:var(--violet)}
@media (max-width:1000px){.brzi-mreza{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.brzi-mreza{grid-template-columns:1fr}.brzi{margin-top:-36px}}
.mreza-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (min-width:2000px){.mreza-3.siroko{grid-template-columns:repeat(4,1fr)}}
@media (max-width:1000px){.mreza-3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.mreza-3{grid-template-columns:1fr}}
.kartica{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.2s}
.kartica:hover{box-shadow:var(--sh-2)}
.kartica .ikona{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:18px}
.kartica .ikona svg{width:24px;height:24px}
.kartica p{color:var(--muted);margin:0}
.kartica--tamna{background:#221d27;border-color:#2f2935;color:#fff}
.kartica--tamna .ikona{background:rgba(245,165,36,.14);color:var(--sun)}
.kartica--tamna p{color:#bdb3c1}
.danas-mreza{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px;align-items:stretch}
@media (max-width:1100px){.danas-mreza{grid-template-columns:1fr 1fr}.danas-mreza>:first-child{grid-column:1/-1}}
@media (max-width:700px){.danas-mreza{grid-template-columns:1fr}}
.domaci-vidzet{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column}
.domaci-vidzet .glava{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.domaci-vidzet h3{margin:0;display:flex;gap:10px;align-items:center}
.domaci-vidzet h3 svg{width:22px;height:22px;color:var(--brand)}
.domaci-vidzet select{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:var(--bg);font-weight:600}
.mini-tabovi{display:flex;gap:6px;margin-bottom:14px}
.mini-tabovi button{border:0;background:var(--bg-2);padding:7px 14px;border-radius:999px;font-weight:600;font-size:.86rem;cursor:pointer}
.mini-tabovi button.aktivno{background:var(--brand);color:#fff}
.zad{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.zad:last-child{border-bottom:0}
.zad .tacka{width:10px;height:10px;border-radius:50%;margin-top:7px;flex-shrink:0}
.zad b{display:block;font-size:.95rem;line-height:1.35}
.zad small{color:var(--muted);font-size:.8rem}
.zad .dopuna{display:inline-block;margin-left:4px;font-size:.68rem;font-weight:700;background:var(--sun-soft);color:#a16207;padding:1px 7px;border-radius:99px;vertical-align:middle}
.domaci-vidzet .veza{margin-top:auto;padding-top:12px}
.prazno{text-align:center;color:var(--muted);padding:22px;border:1.5px dashed var(--line);border-radius:var(--r)}
.dogadjaji{display:flex;flex-direction:column;gap:12px}
.dogadjaj{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;transition:.2s}
.dogadjaj:hover{border-color:var(--brand)}
.dogadjaj[hidden]{display:none}
.datum-kocka{width:64px;flex-shrink:0;text-align:center;border-radius:14px;background:var(--brand-soft);color:var(--brand);padding:8px 0;line-height:1}
.datum-kocka b{display:block;font-family:var(--font-h);font-size:1.6rem}
.datum-kocka small{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.dogadjaj h4{margin:0 0 3px;font-size:1.02rem}
.dogadjaj p{margin:0;color:var(--muted);font-size:.88rem;display:flex;gap:12px;flex-wrap:wrap}
.dogadjaj p span{display:inline-flex;align-items:center;gap:4px}
.dogadjaj p svg{width:14px;height:14px}
.dogadjaji+.veza{margin-top:16px}
.zvono-kartica{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden}
.zvono-kartica::after{content:"";position:absolute;width:300px;height:300px;right:-120px;bottom:-150px;background:radial-gradient(circle,rgba(245,165,36,.35),transparent 65%)}
.zvono-status{display:flex;align-items:center;gap:10px;font-size:.86rem;color:#c9c0cc}
.puls{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:puls 1.8s infinite}
@keyframes puls{70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.zvono-sad{font-family:var(--font-h);font-size:2.1rem;font-weight:800;margin:12px 0 4px;line-height:1.15}
.zvono-pod{color:#c9c0cc}
.zvono-traka{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:16px 0 8px}
.zvono-traka i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sun),#fb7185);border-radius:99px;transition:width .5s}
.zvona-lista{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:.88rem;position:relative;z-index:1}
.zvona-lista li{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:8px;color:#d9d0dc;white-space:nowrap}
@media (max-width:1240px) and (min-width:1101px),(max-width:440px){.zvona-lista{gap:6px 10px}.zvona-lista li{padding:6px 6px;font-size:.84rem}}
.zvona-lista li.sad{background:rgba(245,165,36,.18);color:#fff;font-weight:600}
.zvona-lista[hidden]{display:none}
.smena-izbor{display:inline-flex;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin-top:10px;position:relative;z-index:1}
.smena-izbor button{border:0;background:none;color:#d9d0dc;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.84rem;font-weight:600}
.smena-izbor button.aktivno{background:#fff;color:var(--ink)}
.smer{position:relative;border-radius:var(--r-lg);padding:28px;color:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:320px;background:var(--c);transition:transform .25s;isolation:isolate}
.smer:hover{transform:translateY(-6px) rotate(-.4deg)}
.smer::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);right:-80px;top:-90px;z-index:-1}
.smer::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.4px);background-size:16px 16px;z-index:-1;mask-image:linear-gradient(to top,#000,transparent 70%);-webkit-mask-image:linear-gradient(to top,#000,transparent 70%)}
.smer .smer-ikona{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin-bottom:22px}
.smer .smer-ikona svg{width:28px;height:28px}
.smer h3{font-size:1.5rem}
.smer p{opacity:.9;font-size:.96rem}
.smer .oznake{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}
.smer .oznake span{font-size:.76rem;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18)}
.smer-mreza{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:1240px){.smer-mreza{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.smer-mreza{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.smer-mreza{grid-template-columns:1fr}.smer{min-height:0}}
.brojke{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(120deg,var(--brand-3),var(--brand) 55%,var(--brand-2));color:#fff;box-shadow:var(--sh-3)}
.brojke div{padding:34px 28px;border-right:1px solid rgba(255,255,255,.14)}
.brojke div:last-child{border-right:0}
.brojke b{font-family:var(--font-h);font-size:clamp(2.4rem,4.4vw,3.6rem);display:block;line-height:1;font-weight:800}
.brojke span{opacity:.82;font-size:.95rem}
@media (max-width:860px){.brojke{grid-template-columns:1fr 1fr}.brojke div:nth-child(2n){border-right:0}.brojke div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}}
.vest{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.22s}
.vest:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.vest .foto{border-radius:0;aspect-ratio:16/10;min-height:0}
.vest-telo{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.vest-meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted);margin-bottom:10px;flex-wrap:wrap}
.vest h3{font-size:1.16rem;margin-bottom:8px}
.vest p{color:var(--muted);font-size:.95rem;margin:0 0 16px}
.vest .veza{margin-top:auto}
.oznaka{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);text-transform:uppercase}
.oznaka--takmicenja{background:var(--sun-soft);color:#a16207}.oznaka--ucenici{background:var(--teal-soft);color:#0b6e6b}.oznaka--upis{background:var(--blue-soft);color:var(--blue)}
.oznaka--sport{background:var(--green-soft);color:#15803d}.oznaka--kultura{background:var(--violet-soft);color:var(--violet)}.oznaka--obavestenja{background:#ffe4e6;color:#be123c}
.vest--velika{grid-row:span 2}
.vest--velika .foto{aspect-ratio:auto;flex:1;min-height:260px}
.vest--velika h3{font-size:1.6rem}
.vesti-mreza{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}
@media (max-width:1000px){.vesti-mreza{grid-template-columns:1fr 1fr}.vest--velika{grid-column:1/-1;grid-row:auto}}
@media (max-width:620px){.vesti-mreza{grid-template-columns:1fr}}
.citati{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.citat{background:var(--card);border-radius:var(--r);padding:26px;border:1px solid var(--line);position:relative}
.citat::before{content:"\201C";font-family:Georgia,serif;font-size:5rem;line-height:1;color:var(--brand-soft);position:absolute;top:6px;right:18px}
.citat p{font-size:1.02rem}
.citat-autor{display:flex;align-items:center;gap:12px;margin-top:18px}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--c,var(--brand));flex-shrink:0;font-size:.92rem}
.citat-autor b{display:block}
.citat-autor small{display:block;color:var(--muted);font-size:.82rem}
@media (max-width:1000px){.citati{grid-template-columns:1fr}}
.galerija-traka{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:14px}
.galerija-traka .foto:first-child{grid-row:span 2}
@media (max-width:700px){.galerija-traka{grid-template-columns:1fr 1fr;grid-template-rows:180px 140px 140px}.galerija-traka .foto:first-child{grid-column:1/-1;grid-row:auto}}
.cta{border-radius:var(--r-lg);padding:clamp(32px,5vw,64px);background:radial-gradient(circle at 85% 20%,rgba(245,165,36,.35),transparent 45%),linear-gradient(120deg,var(--ink),#2e1065);color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.cta .nadnaslov{color:var(--sun)}
.cta p{color:#d9d0dc;font-size:1.08rem;margin:0}
.cta .hero-dugmad{justify-content:flex-end}
@media (max-width:860px){.cta{grid-template-columns:1fr}.cta .hero-dugmad{justify-content:flex-start}}
.podnozje{background:var(--brand-3);color:#dcdcf5;padding-top:72px;position:relative;overflow:hidden}
.podnozje::before{content:"G";position:absolute;right:-40px;bottom:-120px;font-family:var(--font-h);font-weight:800;font-size:34rem;line-height:1;color:rgba(255,255,255,.035);pointer-events:none}
.podnozje-mreza{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;position:relative}
.podnozje h4{color:#fff;font-size:1rem;margin-bottom:16px}
.podnozje ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.94rem}
.podnozje ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.podnozje .logo img{height:56px}
.podnozje-tekst{margin-top:18px;max-width:38ch;color:#c8c8ee}
.podnozje-kontakt{display:grid;gap:10px;margin-top:22px;font-size:.94rem}
.podnozje-kontakt span,.podnozje-kontakt a{display:flex;gap:10px;align-items:center}
.podnozje-kontakt svg{width:17px;height:17px;color:var(--sun);flex-shrink:0}
.mreze{display:flex;gap:10px;margin-top:22px}
.mreze a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:.2s}
.mreze a:hover{background:var(--sun);color:var(--ink)}
.mreze svg{width:18px;height:18px}
.podnozje-dno{border-top:1px solid rgba(255,255,255,.1);margin-top:56px;padding-block:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:#a8a8d8;position:relative}
.podnozje-dno a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:960px){.podnozje-mreza{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.podnozje-mreza{grid-template-columns:1fr}}
.na-vrh{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-2);opacity:0;visibility:hidden;transition:.25s;z-index:40}
.na-vrh.vidljivo{opacity:1;visibility:visible}
.na-vrh svg{width:20px;height:20px}
.strana-hero{padding-block:clamp(44px,6vw,84px) clamp(36px,5vw,64px);position:relative;overflow:hidden;background:linear-gradient(180deg,var(--brand-soft),var(--bg))}
.strana-hero::after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,165,36,.25),transparent 65%)}
.strana-hero .wrap{position:relative;z-index:1}
.strana-hero h1{font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:18ch}
.mrvice{display:flex;gap:8px;align-items:center;font-size:.86rem;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}
.mrvice a:hover{color:var(--brand)}
.mrvice svg{width:14px;height:14px}
.filteri{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.filter{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 16px;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:.15s}
.filter:hover{border-color:var(--ink)}
.filter.aktivno{background:var(--ink);color:#fff;border-color:var(--ink)}
.polje-trazi{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 16px;min-width:min(320px,100%)}
.polje-trazi svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.polje-trazi input{border:0;outline:0;background:none;flex:1;min-width:0;font:inherit;color:var(--ink)}
.alatke{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:26px}
.alatke .filteri{margin:0}
.dokumenti{display:grid;gap:10px}
.dokument{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;transition:.15s}
.dokument:hover{border-color:var(--brand)}
.dokument[hidden]{display:none}
.dokument>div{min-width:0}
.dokument .fajl{width:46px;height:54px;border-radius:8px 16px 8px 8px;background:var(--brand-soft);color:var(--brand);font-size:.7rem;font-weight:800;display:grid;place-items:center;flex-shrink:0}
.dokument .fajl--word{background:var(--blue-soft);color:var(--blue)}
.dokument .fajl--excel{background:var(--green-soft);color:#15803d}
.dokument .fajl--prez{background:var(--coral-soft);color:var(--coral)}
.dokument .fajl--slika{background:var(--teal-soft);color:var(--teal)}
.dokument b{display:block;overflow-wrap:anywhere}
.dokument small{color:var(--muted)}
.dokument .dugme{margin-left:auto;flex-shrink:0}
@media (max-width:560px){.dokument{gap:12px;padding:14px}.dokument .dugme span{display:none}.dokument .dugme{padding:10px}}
.gnp-js .pojavi{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.gnp-js .pojavi.vidljivo{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gnp-js .pojavi{opacity:1;transform:none}.plutajuca{animation:none}html{scroll-behavior:auto}}