/* Judo klub Pulafit – „Noćno more” (redizajn po predlošku klijenta, docs/DIZAJN.md) */
:root{
  --bg:#030e22;--bg2:#06173a;--bg3:#0a2350;--line:rgba(120,200,255,.16);--line2:rgba(120,200,255,.32);
  --cyan:#25d4ff;--blue:#1677ff;--azure:#4fb3ff;--grad:linear-gradient(100deg,#25d4ff 0%,#1f9bff 55%,#1677ff 100%);
  --text:#eaf4ff;--muted:#9db4d2;--dim:#6f88aa;--glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.07);
  --glow:0 0 0 1px rgba(37,212,255,.25),0 10px 40px -10px rgba(37,212,255,.45);
  --head:'Montserrat',system-ui,sans-serif;--body:'Manrope',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--gutter:20px}

/* osnova */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-family:var(--body);background:var(--bg);color:var(--text);font-size:17px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
::selection{background:rgba(37,212,255,.35);color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--cyan);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:800}
.skip:focus{left:12px}
.wrap{width:min(1240px,100% - 2*var(--gutter));margin-inline:auto}
.wrap.narrow{width:min(820px,100% - 2*var(--gutter))}
section,[id]{scroll-margin-top:84px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}

h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.04;letter-spacing:-.02em}
h2{font-size:clamp(34px,4.6vw,58px);font-style:italic;margin:12px 0 20px}
h2 em,h1 em{font-style:inherit;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--cyan)}
.pill{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);padding:9px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(37,212,255,.06)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.pill-o{border:1.5px solid rgba(37,212,255,.6);color:#dff6ff;background:rgba(6,23,58,.55);padding:11px 18px;box-shadow:0 0 22px -6px rgba(37,212,255,.6),inset 0 0 14px -6px rgba(37,212,255,.5)}
.pill-o::before{display:none}
.pill-w{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 26px;border-radius:999px;font:800 17px/1 var(--head);text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .25s,background-color .25s}
.btn .arr{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
.btn-c{background:var(--grad);color:#021430;box-shadow:0 10px 30px -8px rgba(37,212,255,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-c:hover{transform:translateY(-2px);box-shadow:0 14px 40px -6px rgba(37,212,255,.9),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-w{background:rgba(6,23,58,.4);color:var(--text);border:1.5px solid rgba(200,225,255,.45)}
.btn-w:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 24px -6px rgba(37,212,255,.7)}
.note{margin-top:16px;color:var(--muted)}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.js [data-reveal].is-visible{opacity:1;transform:none}

/* zaglavlje */
.site-header{position:sticky;top:0;z-index:100;background:rgba(3,14,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 26px/1 var(--head);color:#fff;letter-spacing:-.02em}
.brand img{width:56px;height:auto;filter:drop-shadow(0 0 10px rgba(37,212,255,.35))}
nav[data-menu]{display:flex;gap:26px;align-items:center}
nav[data-menu] a{text-decoration:none;font-weight:700;color:#cfe2f8;position:relative;transition:color .2s}
nav[data-menu] a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transition:transform .25s;box-shadow:0 0 8px var(--cyan)}
nav[data-menu] a:not(.btn):hover,nav[data-menu] a[aria-current]{color:#fff}
nav[data-menu] a:not(.btn):hover::after,nav[data-menu] a[aria-current]::after{transform:scaleX(1)}
nav[data-menu] .btn{padding:11px 20px;font-size:15px;color:#021430}
@media (max-width:1240px){nav[data-menu]{gap:18px}nav[data-menu] a{font-size:15px}}

/* mobilni izbornik */
.menu-btn{display:none;cursor:pointer;background:none;border:0;padding:10px;line-height:0;position:relative;z-index:95;color:#fff}
.menu-btn span{display:block;width:28px;height:2.5px;background:currentColor;margin:6px 0;border-radius:2px;transition:transform .3s,opacity .3s}
.menu-open .menu-btn span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){opacity:0}
.menu-open .menu-btn span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
@media (max-width:1060px){
  .menu-btn{display:block}
  nav[data-menu]{position:fixed;inset:0;z-index:90;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;padding:96px 28px 40px;
    background:radial-gradient(120% 70% at 100% 0%,rgba(22,119,255,.35),transparent 60%),radial-gradient(90% 60% at 0% 100%,rgba(37,212,255,.22),transparent 60%),var(--bg);
    transform:translateY(-100%);transition:transform .45s cubic-bezier(.7,0,.2,1);visibility:hidden;height:100vh;height:100dvh;overflow-y:auto}
  .menu-open nav[data-menu]{transform:none;visibility:visible}
  .menu-open{overflow:hidden}
  .menu-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  nav[data-menu] a{font:800 italic 36px/1.25 var(--head);color:#fff}
  nav[data-menu] a:not(.btn)::after{display:none}
  nav[data-menu] .btn{font-size:18px;margin-top:18px;padding:16px 26px;font-style:normal}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:600px){.admin-bar .site-header{top:0}}

/* uvod */
.hero{position:relative;overflow:hidden;padding-top:46px;background:
  radial-gradient(70% 60% at 85% 10%,rgba(22,119,255,.32),transparent 60%),
  radial-gradient(60% 50% at 5% 90%,rgba(37,212,255,.14),transparent 60%),
  linear-gradient(180deg,#041533 0%,#030e22 100%)}
.hero-bg{position:absolute;inset:0 0 0 38%;background:var(--bg) center/cover no-repeat;filter:grayscale(1) contrast(1.15) brightness(.9);opacity:.55;mix-blend-mode:luminosity;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 85%,transparent 100%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 40%),linear-gradient(0deg,var(--bg),transparent 40%);mix-blend-mode:normal}
.hero::before{content:"";position:absolute;inset:0 0 0 38%;background:linear-gradient(160deg,rgba(22,119,255,.45),rgba(37,212,255,.15) 60%,transparent);mix-blend-mode:color;pointer-events:none;z-index:1}
.glow{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.glow.g1{width:640px;height:640px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(37,212,255,.3),rgba(37,212,255,.08) 40%,transparent 70%)}
.glow.g2{width:520px;height:520px;left:-220px;bottom:0;background:radial-gradient(circle,rgba(22,119,255,.26),rgba(22,119,255,.07) 40%,transparent 70%)}
.hero .wrap{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center;min-height:600px;padding-bottom:200px}
.hero h1{font-size:clamp(50px,7.6vw,112px);color:#fff;font-style:italic;margin-top:22px;letter-spacing:-.035em;line-height:.98}
.hero h1 em{position:relative;display:inline-block;padding-right:.08em;filter:drop-shadow(0 0 24px rgba(37,212,255,.45))}
.hero h1 em::after{content:"";position:absolute;left:0;right:6%;bottom:-.14em;height:.12em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%2325d4ff'/%3E%3Cstop offset='1' stop-color='%231677ff' stop-opacity='.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 15 Q120 2 396 6' stroke='url(%23g)' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;filter:drop-shadow(0 0 8px rgba(37,212,255,.8))}
.hero p{font-size:clamp(17px,1.6vw,20px);color:#d3e3f7;max-width:28em;margin:30px 0 32px;font-weight:500}
.hero .cta{display:flex;flex-wrap:wrap;gap:14px}
.hero .cta .btn{min-width:230px;justify-content:space-between;padding:18px 28px}
.mascot{position:relative;z-index:4;justify-self:center;width:min(100%,420px);margin-bottom:-140px}
.mascot::before{content:"";position:absolute;inset:-6% -10% -10%;border-radius:50%;background:radial-gradient(circle,rgba(37,212,255,.5),rgba(22,119,255,.18) 40%,transparent 68%);z-index:-1}
.mascot img{width:100%;filter:drop-shadow(0 0 18px rgba(37,212,255,.7));will-change:transform;transform:translateZ(0)}
.is-playing .mascot img{animation:bob 5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}
.flow{position:absolute;left:0;right:0;bottom:-10px;height:260px;z-index:2;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.flow svg{position:absolute;bottom:0;width:200%;height:100%;fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}
.flow .fa{stroke:#25d4ff;filter:drop-shadow(0 0 4px rgba(37,212,255,.8))}
.flow .fb{stroke:#4fb3ff;opacity:.7}
.flow path{vector-effect:non-scaling-stroke}
.is-playing .flow .fa{animation:flow 26s linear infinite}
.is-playing .flow .fb{animation:flow 38s linear infinite reverse}
@keyframes flow{to{transform:translateX(-50%)}}
.bub{will-change:transform,opacity;position:absolute;bottom:70px;width:6px;height:6px;border-radius:50%;background:#bff3ff;box-shadow:0 0 10px 2px rgba(37,212,255,.9);z-index:3;opacity:0}
.is-playing .bub{animation:bub 7s ease-in infinite}
@keyframes bub{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-300px) translateX(24px) scale(1.2)}}

/* uvod s gotovom slikom (mjesec, kimono, val) */
.hero.ima-sliku{background:#030e22}
.hero.ima-sliku::before{display:none}
.hero.ima-sliku .glow{opacity:.5}
.hero.ima-sliku .hero-bg{inset:0;background:var(--bg) 70% center/cover no-repeat;filter:none;opacity:1;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.hero.ima-sliku .hero-bg::after{background:linear-gradient(90deg,rgba(3,14,34,.55),transparent 55%),linear-gradient(0deg,#030e22 0%,transparent 18%)}
.hero.ima-sliku .flow{display:none}
.hero.ima-sliku .bub{bottom:120px}
.hero.ima-sliku .mascot{align-self:end;justify-self:start;width:min(100%,330px);margin:0 0 -120px -10px}
@media (min-width:901px){.hero.ima-sliku .wrap{padding-bottom:150px}}
@media (max-width:900px){.hero.ima-sliku .mascot{justify-self:center;margin:0 0 -110px;width:min(74%,300px)}
  .hero.ima-sliku .hero-bg{background-image:var(--bgm,var(--bg));background-position:center top}
  .hero.ima-sliku .hero-bg::after{background:linear-gradient(180deg,rgba(3,14,34,.35),rgba(3,14,34,.15) 45%,transparent 70%),linear-gradient(0deg,#030e22 0%,transparent 14%)}}
.site-footer .credit{font-size:12px;opacity:.75}
.site-footer .credit a{color:inherit}

/* sekcije – zajedničko */
.steps-sec,.programs,.sched,.coaches,.results,.faq,.contact{position:relative;padding:72px 0}
/* razdjelnik između sekcija: svjetleća crta s točkom sjaja */
.programs::before,.sched::before,.coaches::before,.results::before,.faq::before{content:"";position:absolute;top:0;left:50%;width:min(1240px,100% - 40px);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(37,212,255,.15) 15%,rgba(37,212,255,.7) 50%,rgba(37,212,255,.15) 85%,transparent)}
.programs::after,.sched::after,.coaches::after,.results::after,.faq::after{content:"";position:absolute;top:-4px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#bff3ff;
  box-shadow:0 0 0 4px rgba(37,212,255,.15),0 0 16px 3px rgba(37,212,255,.8)}
.programs h2,.sched h2,.coaches h2,.results h2,.faq h2{margin-bottom:14px}
.programs,.coaches,.faq{background:var(--bg)}
.sched,.results{background:linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg))}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(8px)}

/* koraci */
.steps-sec{background:linear-gradient(180deg,#030e22,#06183c);padding-top:70px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px;counter-reset:k}
.step{position:relative;padding:34px 24px 26px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line);transition:transform .25s,border-color .25s,box-shadow .25s}
.step:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--glow)}
.step b{position:absolute;top:-20px;left:22px;width:44px;height:44px;border-radius:14px;background:var(--grad);color:#021430;display:grid;place-items:center;font:800 italic 22px/1 var(--head);box-shadow:0 0 22px -2px rgba(37,212,255,.8)}
.step h3{font-size:22px;margin:12px 0 8px;color:#fff}
.step p{color:var(--muted);font-size:15.5px}

/* programi */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.pcard{position:relative;overflow:hidden;padding:28px 26px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid var(--line);transition:transform .25s,border-color .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--glow)}
.pcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c);box-shadow:0 0 16px var(--c)}
.pcard::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%);opacity:.7}
.pcard .dob{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}
.pcard h3{font-size:24px;margin:12px 0 8px;color:#fff;max-width:85%}
.pcard p{color:var(--muted);font-size:15.5px}

/* raspored */
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}
.tabs button{cursor:pointer;font:700 16px/1 var(--body);padding:13px 24px;border-radius:999px;background:var(--glass);color:#cfe2f8;border:1px solid var(--line2);transition:all .2s}
.tabs button:hover{border-color:var(--cyan);color:#fff}
.tabs button[aria-selected=true]{background:var(--grad);color:#021430;border-color:transparent;box-shadow:0 0 24px -4px rgba(37,212,255,.8)}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.tabs+.slots{margin-top:0}
.slot{display:flex;gap:22px;align-items:center;padding:20px 24px;border-radius:20px;background:var(--glass);border:1px solid var(--line);transition:border-color .2s}
.slot:hover{border-color:var(--line2)}
.slot .t{font:800 italic 24px/1 var(--head);white-space:nowrap;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.slot .t small,.slot .g small{display:block;font:500 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:6px;-webkit-text-fill-color:var(--muted)}
.slot .g{font-weight:700;color:#fff}
.slot[hidden]{display:none}

/* treneri */
.clist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:30px}
.coach{text-align:center;padding:28px 14px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.coach:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--glow)}
.coach .av{position:relative;width:108px;height:108px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1d4f9c,#071c3d);color:#fff;display:grid;place-items:center;font:800 italic 30px/1 var(--head);overflow:hidden;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--cyan),0 0 26px -2px rgba(37,212,255,.7)}
.coach .av img{width:100%;height:100%;object-fit:cover}
.coach h3{font-size:19px;color:#fff}
.coach .dan{display:inline-block;margin:8px 0 6px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;font:500 12px/1 var(--mono);letter-spacing:.08em;padding:6px 12px}
.coach p{font-size:14px;color:var(--muted)}

/* rezultati / vijesti */
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.r{border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.r:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--glow)}
.r-link{display:block;height:100%;text-decoration:none;color:inherit}
.r-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#041533}
.r-media::before{content:"";position:absolute;inset:-12px;background:var(--bg) center/cover no-repeat;filter:blur(10px) brightness(.5);transform:scale(1.05)}
.r-media img{position:relative;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.r-link:hover .r-media img{transform:scale(1.03)}
.r-ph{background:radial-gradient(circle at 50% 45%,rgba(37,212,255,.25),transparent 60%),linear-gradient(160deg,#0a2350,#041533)}
.r-ph::before{inset:22%;background:url(img/logo.svg) center/contain no-repeat;filter:drop-shadow(0 0 14px rgba(37,212,255,.6));transform:none;opacity:.9}
.r .in{padding:20px 22px 24px}
.r time{font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--cyan);text-transform:uppercase}
.r h3{font-size:21px;margin:10px 0 8px;color:#fff;line-height:1.15}
.r p{color:var(--muted);font-size:15px}
.ist{margin-top:12px;display:inline-block;background:rgba(37,212,255,.1);color:#c9f4ff;border:1px solid rgba(37,212,255,.4);border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;line-height:1.3}
.results .more{margin-top:36px}
.results-list{padding-top:20px}
.results-list .rgrid{margin-top:0}
.pager{margin-top:34px;display:flex;gap:8px;flex-wrap:wrap}
.pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:12px;background:var(--glass);border:1px solid var(--line);color:#fff;text-decoration:none;font-weight:800}
.pager a.page-numbers:hover{border-color:var(--cyan)}
.pager .current{background:var(--grad);color:#021430;border-color:transparent}
.empty{font-size:18px;color:var(--muted)}

/* filter vijesti */
.filter{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:28px}
.filter .pills{display:flex;flex-wrap:wrap;gap:8px}
.filter a{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:var(--glass);border:1px solid var(--line2);color:#cfe2f8;text-decoration:none;font-weight:700;font-size:15px;transition:all .2s}
.filter a:hover{border-color:var(--cyan);color:#fff}
.filter a small{opacity:.65;font-size:12px}
.filter a[aria-current]{background:var(--grad);color:#021430;border-color:transparent}
.filter select{appearance:none;-webkit-appearance:none;padding:10px 40px 10px 18px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2325d4ff' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;color:#fff;font-weight:700;font-size:15px;cursor:pointer}

/* dokumenti */
.page-hero .lead{max-width:44em;margin-top:16px;font-size:18px;color:#c9daf0;font-weight:500}
.page-hero .lead a{color:var(--cyan)}
.page-hero .lead p+p{margin-top:8px}
.docs{padding:28px 0 90px}
.docs-bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:10px}
.docs-bar .pills{display:flex;flex-wrap:wrap;gap:8px}
.docs-bar button{cursor:pointer;padding:10px 18px;border-radius:999px;background:var(--glass);border:1px solid var(--line2);color:#cfe2f8;font:700 15px/1 var(--body);transition:all .2s}
.docs-bar button small{opacity:.6;font-size:12px;margin-left:2px}
.docs-bar button:hover{border-color:var(--cyan);color:#fff}
.docs-bar button.on{background:var(--grad);color:#021430;border-color:transparent;box-shadow:0 0 22px -6px rgba(37,212,255,.8)}
.docs-search{position:relative;flex:0 1 300px}
.docs-search svg{position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:var(--cyan);stroke-width:2.2;stroke-linecap:round}
.docs-search input{width:100%;padding:12px 16px 12px 44px;border-radius:999px;border:1px solid var(--line2);background:var(--glass);color:#fff;font-weight:600;outline:0;transition:border-color .2s,box-shadow .2s}
.docs-search input::placeholder{color:var(--dim)}
.docs-search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(37,212,255,.15)}
.docs-group{margin-top:38px}
.docs-group h2{font-size:clamp(24px,2.8vw,32px);display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 16px}
.docs-group h2 span{font:500 12px/1 var(--mono);font-style:normal;background:rgba(37,212,255,.12);color:var(--cyan);border:1px solid rgba(37,212,255,.4);border-radius:999px;padding:6px 10px}
.docs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.doc a{display:flex;align-items:center;gap:18px;height:100%;padding:16px 18px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s,border-color .2s}
.doc a:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:var(--glow)}
.doc-ico{position:relative;flex:0 0 52px;height:64px;transition:transform .25s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--dc) 45%,transparent))}
.doc a:hover .doc-ico{transform:rotate(-5deg) scale(1.06)}
.doc-ico svg{width:52px;height:64px;overflow:visible}
.doc-ico .pg{fill:#0b2250;stroke:var(--dc);stroke-width:2.5}
.doc-ico .fold{fill:color-mix(in srgb,var(--dc) 40%,#0b2250);stroke:var(--dc);stroke-width:2.5;stroke-linejoin:round}
.doc-ico .ln{stroke:color-mix(in srgb,var(--dc) 55%,#0b2250);stroke-width:3;stroke-linecap:round}
.doc-ico b{position:absolute;left:-6px;bottom:6px;background:var(--dc);color:#fff;font:600 11px/1 var(--mono);letter-spacing:.06em;padding:5px 7px;border-radius:7px;box-shadow:0 0 14px -2px var(--dc)}
.doc-txt{flex:1;min-width:0;display:grid;gap:4px}
.doc-txt strong{font:800 18px/1.2 var(--head);color:#fff}
.doc-opis{font-size:14.5px;color:var(--muted);line-height:1.45}
.doc-meta{font:500 12px/1.3 var(--mono);letter-spacing:.04em;color:var(--cyan)}
.doc-dl{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);transition:all .2s}
.doc-dl svg{width:22px;height:22px;fill:none;stroke:var(--cyan);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.doc a:hover .doc-dl{background:var(--grad);border-color:transparent;box-shadow:0 0 20px -2px rgba(37,212,255,.8)}
.doc a:hover .doc-dl svg{stroke:#021430;animation:dl .6s ease}
@keyframes dl{40%{transform:translateY(3px)}}
.doc[hidden],.docs-group[hidden]{display:none}
.docs .empty{margin-top:30px}
@media (max-width:900px){.docs-list{grid-template-columns:minmax(0,1fr)}.docs-search{flex:1 1 100%}}
@media (max-width:420px){.doc a{gap:12px;padding:14px}.doc-dl{flex-basis:38px;height:38px}}

/* česta pitanja */
.faq .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px}
details{border-radius:18px;padding:2px 22px;margin-bottom:12px;background:var(--glass);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
details[open]{border-color:var(--line2);box-shadow:var(--glow)}
summary{cursor:pointer;list-style:none;font:700 18px/1.35 var(--head);color:#fff;padding:18px 34px 18px 0;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);color:var(--cyan);font:400 22px/1 var(--body);transition:transform .25s,background .25s}
details[open] summary::after{transform:rotate(45deg);background:rgba(37,212,255,.12)}
details .answer{padding-bottom:18px;color:var(--muted)}
details .answer p+p{margin-top:10px}

/* kontakt */
.contact{background:radial-gradient(80% 80% at 0% 0%,rgba(22,119,255,.3),transparent 60%),radial-gradient(60% 70% at 100% 100%,rgba(37,212,255,.18),transparent 60%),var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
.contact h2{color:#fff}
.contact .big{display:inline-block;font:800 italic clamp(34px,4.4vw,56px)/1 var(--head);text-decoration:none;margin:12px 0 10px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(37,212,255,.35))}
.contact .mail{display:block;font-weight:700;color:#fff}
.contact .info{margin-top:18px;color:#c9daf0;font-weight:500}
.contact .info a{color:var(--cyan)}
.contact .box{padding:30px;border-radius:26px;background:rgba(3,14,34,.6);border:1px solid var(--line2);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);backdrop-filter:blur(10px)}

/* karta */
.karta{grid-column:1/-1;min-height:120px;border-radius:24px;border:1px dashed var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;
  background:radial-gradient(60% 120% at 50% 0%,rgba(37,212,255,.12),transparent 70%),rgba(3,14,34,.4)}
.karta small{color:var(--dim);font-size:13px}
.karta.on{padding:0;border-style:solid;overflow:hidden;min-height:0}
.karta iframe{display:block;width:100%;height:360px;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.7) brightness(.95) contrast(.9)}

/* obrazac */
.form-grid{display:grid;gap:16px}
.form-grid label{display:grid;gap:7px;font-size:14px;font-weight:700;color:#cfe2f8}
.form-grid input,.form-grid textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--dim)}
.form-grid input:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(37,212,255,.15)}
.form-grid textarea{resize:vertical}
.form-grid .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;color:var(--muted)}
.form-grid .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--cyan)}
.form-grid .check a{color:var(--cyan)}
.form-grid .btn{justify-content:center}
.pf-hp{position:absolute!important;left:-9999px!important}
.form-msg{font-weight:700;padding:13px 16px;border-radius:14px;animation:pf-msg .35s ease}
@keyframes pf-msg{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.btn.is-busy{opacity:.7;pointer-events:none}
.form-msg.ok{background:rgba(46,213,115,.12);color:#9ff0c0;border:1px solid rgba(46,213,115,.4)}
.form-msg.err{background:rgba(255,90,90,.12);color:#ffb3b3;border:1px solid rgba(255,90,90,.4)}

/* partneri, podnožje */
.partners{padding:46px 0;font-size:14.5px;color:var(--muted);background:var(--bg)}
.partners b{color:#fff;margin-right:6px}
.partners ul{display:inline;padding:0}
.partners li{display:inline}
.partners li+li::before{content:" · ";color:var(--dim)}
.partners a{text-decoration:none;color:#cfe2f8;font-weight:600;transition:color .2s}
.partners a:hover{color:var(--cyan)}
.partners .s{color:var(--cyan);font-weight:800}
.site-footer{background:#020a19;color:var(--dim);padding:26px 0;font-size:13.5px;border-top:1px solid var(--line)}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.site-footer a{color:#cfe2f8}

/* podstranice */
.page-hero{position:relative;overflow:hidden;padding:70px 0 100px;color:#fff;background:radial-gradient(70% 90% at 90% 0%,rgba(22,119,255,.35),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(37,212,255,.15),transparent 60%),linear-gradient(180deg,#041533,var(--bg))}
.page-hero h1{font-size:clamp(38px,5.6vw,72px);font-style:italic}
.page-hero time{display:block;font:500 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.page-hero .ist{margin-top:18px}
.wave-bottom{position:absolute;left:0;bottom:-1px;width:100%;height:60px;fill:var(--bg)}
.hero-404 p{font-size:19px;margin-top:16px;color:#c9daf0}
.entry-body{padding:30px 0 90px}
.entry-img{position:relative;margin:-50px 0 34px;border-radius:24px;overflow:hidden;border:1px solid var(--line2);background:#041533;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 40px -16px rgba(37,212,255,.5)}
.entry-img::before{content:"";position:absolute;inset:-40px;background:var(--bg) center/cover no-repeat;filter:blur(28px) brightness(.45) saturate(1.1);transform:scale(1.1)}
.entry-img a{position:relative;display:block}
.entry-img img{width:auto;max-width:100%;max-height:min(78vh,760px);margin:0 auto;object-fit:contain}
.entry-img figcaption{position:relative;color:#d7e6f8;font-size:14px;padding:10px 18px;background:rgba(3,14,34,.7)}
.lb-trigger{cursor:zoom-in}
.prose{font-size:17.5px;color:#d3e2f4}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(28px,3.4vw,40px);margin-top:1.4em;color:#fff}
.prose h3{font-size:22px;margin-top:1.3em;color:#fff;font-style:italic}
.prose h3+ul{margin-top:.5em}
.prose ul{list-style:disc;padding-left:1.3em}.prose ol{list-style:decimal;padding-left:1.3em}
.prose ul li::marker{color:var(--cyan)}
.prose li strong{color:var(--cyan)}
.prose a{color:var(--cyan);font-weight:700}
.prose img{border-radius:16px}
.prose blockquote{border-left:3px solid var(--cyan);padding:6px 0 6px 18px;font-weight:600;color:#fff}
.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{border:1px solid var(--line2);padding:8px 10px;text-align:left}
.prose .wp-block-image figcaption,.prose figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.back{margin-top:44px}.back a{font-weight:800;color:var(--cyan);text-decoration:none}

/* O judu – kartice i podnavigacija */
.hub{padding:30px 0 90px}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hub-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;text-decoration:none;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.hub-card:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--glow)}
.hub-img{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,rgba(37,212,255,.22),transparent 60%),linear-gradient(160deg,#0a2350,#041533)}
.hub-img[style]{background:linear-gradient(0deg,rgba(3,14,34,.75),transparent 60%),var(--bg) center/cover no-repeat}
.hub-img b{position:absolute;left:18px;bottom:14px;font:800 italic 40px/1 var(--head);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(37,212,255,.5))}
.hub-txt{display:grid;gap:8px;padding:20px 22px 24px}
.hub-txt strong{font:800 italic 21px/1.15 var(--head);color:#fff}
.hub-txt span{color:var(--muted);font-size:15px}
.hub-txt em{font-style:normal;display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:800;font-size:14px;margin-top:4px}
.hub-txt em .arr{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.hub-card:hover .arr{transform:translateX(4px)}
.subnav{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.subnav .up{display:inline-block;color:var(--cyan);font-weight:800;text-decoration:none;margin-bottom:14px}
.subnav .pills{display:flex;flex-wrap:wrap;gap:8px}
.subnav .pills a{padding:9px 16px;border-radius:999px;border:1px solid var(--line2);background:var(--glass);color:#cfe2f8;text-decoration:none;font-weight:700;font-size:14px}
.subnav .pills a:hover{border-color:var(--cyan);color:#fff}
.subnav .pills a[aria-current]{background:var(--grad);color:#021430;border-color:transparent}
.prose .tablica{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--line2);border-radius:16px;overflow:hidden;font-size:15.5px}
.prose .tablica td,.prose .tablica th{border:0;border-bottom:1px solid var(--line);padding:10px 14px;vertical-align:middle}
.prose .tablica tr:last-child td{border-bottom:0}
.prose .tablica tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.prose .tablica td:first-child{color:#fff}
.prose .tablica em{color:var(--muted)}
.prose .tablica:has(h2),.prose .tablica:has(hr),.prose .tablica:has(.tablica),.prose .tablica .tablica{border:0;border-radius:0;background:none}
.prose .tablica:has(h2) td,.prose .tablica:has(hr) td{border:0;padding:0;background:none!important}
.prose .tablica:has(h2) h2{margin:1.2em 0 .4em}
.prose hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent);margin:1.4em 0}
.prose img.ikona{display:inline-block;max-height:28px;width:auto;border-radius:4px;vertical-align:middle}
.prose figure.wp-block-image img{margin:0 auto;max-height:520px;width:auto}
@media (max-width:900px){.hub-grid{grid-template-columns:minmax(0,1fr)}.prose .tablica{display:block;overflow-x:auto}}

/* galerije */
.prose .wp-block-gallery,.prose .gallery{display:grid!important;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:12px;margin:1.6em 0;padding:0}
.prose .wp-block-gallery.columns-2,.prose .gallery-columns-2{--cols:2}.prose .wp-block-gallery.columns-4,.prose .gallery-columns-4{--cols:4}
.prose .wp-block-gallery.columns-5,.prose .gallery-columns-5{--cols:5}.prose .wp-block-gallery.columns-1,.prose .gallery-columns-1{--cols:1}
.prose .wp-block-gallery>figure,.prose .gallery .gallery-item{position:relative;margin:0!important;width:auto!important;max-width:none!important;border-radius:16px;overflow:hidden;aspect-ratio:1;background:#041533;border:1px solid var(--line)}
.prose .wp-block-gallery>figure img,.prose .gallery img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;border:0!important;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s}
.prose .wp-block-gallery>figure:hover img,.prose .gallery-item:hover img{transform:scale(1.06);filter:brightness(1.1)}
.prose .wp-block-gallery>figure figcaption,.prose .gallery-caption{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;padding:18px 10px 8px!important;font-size:13px!important;color:#fff!important;background:linear-gradient(transparent,rgba(3,14,34,.9))!important;text-align:left!important}
.prose .gallery br{display:none}
.prose .gallery-icon{height:100%}.prose .gallery-icon a{display:block;height:100%}
.prose figure.wp-block-image{margin:1.6em 0}
@media (max-width:600px){.prose .wp-block-gallery,.prose .gallery{--cols:2!important;gap:8px}}

/* pregled slika */
.lb{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;opacity:0;transition:opacity .25s}
.lb.lb-on{opacity:1}
.lb[hidden]{display:none}
.lb-bg{position:absolute;inset:0;background:rgba(2,8,20,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lb-stage{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:64px 72px 56px}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px -20px rgba(37,212,255,.5);user-select:none;-webkit-user-drag:none;touch-action:pan-y}
.lb-img.lb-from-r{animation:lbR .35s cubic-bezier(.2,.8,.2,1)}.lb-img.lb-from-l{animation:lbL .35s cubic-bezier(.2,.8,.2,1)}
@keyframes lbR{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes lbL{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
.lb-cap{color:#d7e6f8;font-size:15px;margin-top:12px;text-align:center;max-width:60ch}
.lb-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#fff;font:500 14px/1 var(--mono);letter-spacing:.08em}
.lb-x,.lb-nav{cursor:pointer;color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;transition:all .2s}
.lb-x{width:46px;height:46px;font-size:28px;line-height:1}
.lb-x:hover,.lb-nav:hover{background:var(--grad);color:#021430;border-color:transparent}
.lb-nav{position:absolute;top:50%;width:54px;height:54px;margin-top:-27px;font-size:38px;line-height:1;padding-bottom:4px}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-single .lb-nav,.lb-single .lb-count{display:none}
.lb-open{overflow:hidden}
@media (max-width:700px){.lb-stage{padding:60px 8px 48px}.lb-nav{top:auto;bottom:10px;margin:0;width:48px;height:48px}.lb-prev{left:calc(50% - 60px)}.lb-next{right:calc(50% - 60px)}}

/* prilagodba */
@media (max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.clist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .hero{padding-top:30px}
  .hero .wrap{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:170px}
  .hero-bg,.hero::before{inset:0 0 30% 30%}
  .mascot{width:min(78%,330px);margin-bottom:-120px}
  .hero .cta .btn{width:100%;max-width:340px}
  .pgrid,.rgrid,.slots,.faq .wrap,.contact .wrap{grid-template-columns:minmax(0,1fr)}
  .clist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps-sec,.programs,.sched,.coaches,.results,.faq,.contact{padding:56px 0}
}
@media (max-width:480px){.steps{grid-template-columns:minmax(0,1fr)}.slot{flex-direction:column;align-items:flex-start;gap:8px}.contact .box{padding:22px}.brand{font-size:22px}.brand img{width:48px}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
}

/* Powered by Smart Beez – kapsula (boje Smart Beez: zlatna #F2C10F, jantar #E8A317) */
.sb-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border-radius:999px;border:1px solid rgba(242,193,15,.28);background:rgba(19,20,23,.28);color:#c6d8ec;font-size:13px;line-height:1.1;transition:border-color .3s,box-shadow .3s}
.sb-mark{display:block;line-height:0;transform-origin:50% 60%}
.sb-mark svg{width:20px;height:20px;display:block}
.sb-badge a{font-weight:800;text-decoration:none;color:#F2C10F;background:linear-gradient(90deg,#F2C10F 0%,#E8A317 50%,#F2C10F 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .6s ease}
.sb-badge:hover,.sb-badge:focus-within{border-color:rgba(242,193,15,.75);box-shadow:0 0 0 3px rgba(242,193,15,.12),0 0 18px rgba(242,193,15,.22)}
.sb-badge:hover a,.sb-badge:focus-within a{background-position:100% 0}
.sb-badge:hover .sb-mark{animation:sb-mah .6s ease}
.sb-badge a:focus-visible{outline:2px solid #F2C10F;outline-offset:3px;border-radius:4px}
@keyframes sb-mah{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}
@media (prefers-reduced-motion:reduce){.sb-badge:hover .sb-mark{animation:none}.sb-badge a{transition:none}}