:root{color-scheme:light dark;--ink:light-dark(#17181c,#e7e8ec);--ink-soft:light-dark(#55585f,#a8abb3);--paper:light-dark(#fbfbfc,#131418);--raised:light-dark(#ffffff,#1c1e24);--line:light-dark(#87898f,#6e727d);--accent:light-dark(#1f4fd8,#7aa2ff);--focus:light-dark(#1f4fd8,#9cbaff);--wash:light-dark(#f1f3f9,#191b21);--oprez:light-dark(#8a5a00,#e0a94a);--staklo:light-dark(#ffffffb0,#232733a8);--staklo-jace:light-dark(#ffffffd9,#262a37cc);--staklo-rub:light-dark(#ffffffe6,#ffffff2b);--staklo-sjena:light-dark(#0f172a1f,#00000059);--zamucenje:blur(24px) saturate(180%);--radius:14px;--radius-veliki:22px;--pilula:999px;--sirina:44rem;--sirina-siroka:64rem}*{box-sizing:border-box}body{margin:0;background:var(--paper);position:relative;color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(60rem 42rem at 10% -10%,light-dark(#1f4fd81c,#7aa2ff22),transparent 62%),radial-gradient(46rem 34rem at 94% 2%,light-dark(#8a5a0014,#e0a94a1c),transparent 64%),radial-gradient(54rem 40rem at 48% 112%,light-dark(#1f4fd814,#7aa2ff1c),transparent 60%)}main{max-width:44rem;margin:0 auto;padding:2rem 1rem 4rem}h1{font-size:1.6rem;line-height:1.25;margin:0 0 .75rem}h2{font-size:1.15rem;margin:2rem 0 .5rem}p{margin:0 0 1rem}.lede{color:var(--ink-soft);font-size:1.05rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button{display:inline-block;border:1px solid transparent;border-radius:var(--pilula);background:var(--accent);color:light-dark(#ffffff,#0d0f14);font:inherit;font-weight:600;padding:.7rem 1.5rem;cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff45,inset 0 -1px 0 #00000017,0 8px 20px -10px var(--staklo-sjena);transition:transform .14s ease,filter .14s ease}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(1px) scale(.985)}.button-quiet{background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);color:var(--accent);border-color:var(--line);box-shadow:inset 0 1px 0 var(--staklo-rub),0 8px 20px -12px var(--staklo-sjena)}.jezik-prekidac{text-align:right;margin:0 0 .5rem;font-size:.9rem}.jezik-prekidac a{display:inline-block;padding:.35rem .85rem;border:1px solid var(--line);border-radius:var(--pilula);background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);box-shadow:inset 0 1px 0 var(--staklo-rub);color:var(--ink-soft);text-decoration:none}.jezik-prekidac a:hover{color:var(--ink)}.progress{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:var(--ink-soft);font-size:.9rem;margin-bottom:.75rem}.progress-track{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:1.5rem}.progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.matrix{display:block;margin:0 auto 2rem;max-width:min(100%,24rem)}.matrix svg{width:100%;height:auto}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width:30rem){.options{grid-template-columns:repeat(2,1fr)}}.option{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);box-shadow:inset 0 1px 0 var(--staklo-rub),0 6px 16px -12px var(--staklo-sjena);color:inherit;padding:.5rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease}.option:active:not(:disabled){transform:scale(.97)}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{opacity:.45;cursor:progress}.option svg{width:100%;height:auto;display:block}.option-key{position:absolute;top:.25rem;left:.4rem;font-size:.75rem;color:var(--ink-soft)}.result-number{font-size:2.6rem;font-weight:700;line-height:1.1;margin:0}.result-interval{color:var(--ink-soft);margin:.25rem 0 1.5rem}.scale{position:relative;height:2.5rem;margin:1.5rem 0 .5rem}.scale-track{position:absolute;inset:1rem 0 auto;height:4px;background:var(--line);border-radius:2px}.scale-band{top:.75rem;height:12px;opacity:.25;border-radius:6px}.scale-band,.scale-point{position:absolute;background:var(--accent)}.scale-point{top:.5rem;width:3px;height:20px;border-radius:2px}.scale-labels{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.8rem}.note{border:1px solid var(--staklo-rub);border-left:3px solid var(--accent);border-radius:var(--radius-veliki);background:var(--staklo-jace);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);box-shadow:inset 0 1px 0 var(--staklo-rub),0 12px 32px -18px var(--staklo-sjena);padding:1.15rem 1.35rem;margin:1.5rem 0}.note p:last-child{margin-bottom:0}.muted{color:var(--ink-soft);font-size:.9rem}.error{border:1px solid var(--line);border-left:3px solid light-dark(#b3261e,#f2b8b5);border-radius:var(--radius);padding:1rem 1.25rem}.note form{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.note label{font-size:.9rem;font-weight:500}.note input[type=email]{font:inherit;padding:.6rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);max-width:100%;box-sizing:border-box}.note input[type=email]:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.note label.privola{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;line-height:1.5;cursor:pointer}.note label.privola input{margin-top:.2rem;flex:none}.note form .button{align-self:flex-start}.note form .button:disabled{opacity:.6;cursor:default}.vjezba{text-align:center}.vjezba-traka{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:0}.vjezba-traka::-webkit-scrollbar{display:none}.vjezba-ploca{flex:0 0 100%;scroll-snap-align:start;min-width:0}.vjezba-listanje{display:flex;align-items:center;gap:.5rem}.vjezba-strelica{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);box-shadow:inset 0 1px 0 var(--staklo-rub);color:var(--ink);cursor:pointer}.vjezba-strelica:hover:not(:disabled){background:var(--staklo-jace)}.vjezba-strelica:disabled{opacity:.35;cursor:default}@media (hover:none){.vjezba-strelica{display:none}}.vjezba-tockice{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.vjezba-tockica{width:.65rem;height:.65rem;padding:0;border-radius:50%;border:1px solid var(--line);background:none;cursor:pointer}.vjezba-tockica[aria-current=true]{background:var(--ink);border-color:var(--ink)}.vjezba-tockice .muted{margin-left:.35rem;font-size:.85rem}.vjezba-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:21rem;margin:1.25rem auto}.vjezba-polje{opacity:.32;transition:opacity .35s ease}.vjezba-polje svg{display:block;width:100%;height:auto}.vjezba-prazno{display:grid;place-items:center;border:2px dashed var(--line);border-radius:var(--radius);aspect-ratio:1;font-size:1.5rem;color:var(--ink-soft);opacity:.5}@keyframes vjezba-svjetlo{0%{opacity:.32;transform:scale(1)}30%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes vjezba-puls{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.vjezba-mreza[data-kadar=red1] .vjezba-polje[data-red="0"],.vjezba-mreza[data-kadar=red2] .vjezba-polje[data-red="1"]{animation:vjezba-svjetlo .8s ease forwards}.vjezba-mreza[data-kadar=red2] .vjezba-polje[data-red="0"],.vjezba-mreza[data-kadar=red3] .vjezba-polje:is([data-red="0"],[data-red="1"]){opacity:1}.vjezba-mreza[data-kadar=red3] .vjezba-polje[data-red="2"]:not(.vjezba-prazno){animation:vjezba-svjetlo .8s ease forwards}@keyframes vjezba-bljesak{0%{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.06)}to{opacity:.5;transform:scale(1)}}.vjezba-mreza[data-kadar=red3] .vjezba-prazno{animation:vjezba-bljesak .8s ease;border-color:var(--ink)}.vjezba-polje[data-stupac="1"]{animation-delay:.3s}.vjezba-polje[data-stupac="2"]{animation-delay:.6s}.vjezba-mreza:is([data-kadar=pitanje],[data-kadar=tocno],[data-kadar=netocno]) .vjezba-polje{opacity:1}.vjezba-mreza:is([data-kadar=pitanje],[data-kadar=netocno]) .vjezba-prazno{animation:vjezba-puls 1.6s ease-in-out infinite;border-color:var(--ink)}@keyframes vjezba-sjedne{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.vjezba-mreza[data-kadar=tocno] .vjezba-rjesenje{opacity:1;animation:vjezba-sjedne .45s ease forwards;animation-delay:0s}.vjezba-mreza[data-mirno=da] .vjezba-polje{animation:none!important}@media (prefers-reduced-motion:reduce){.vjezba-ponude,.vjezba-radnje{animation:none}}.vjezba-mreza[data-mirno=da][data-kadar=red1] .vjezba-polje[data-red="0"],.vjezba-mreza[data-mirno=da][data-kadar=red2] .vjezba-polje:is([data-red="0"],[data-red="1"]),.vjezba-mreza[data-mirno=da][data-kadar=red3] .vjezba-polje{opacity:1}@keyframes vjezba-pojava{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.vjezba-ponude,.vjezba-radnje{animation:vjezba-pojava .35s ease both}.vjezba-radnje{animation-delay:.12s}.vjezba-ponude{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:21rem;margin:1rem auto}.vjezba-ponude .option:disabled{cursor:default}.vjezba-ponude .option[data-tocno=da]{border-color:var(--ink);border-width:2px;opacity:1}.vjezba-radnje{margin-top:1rem}.veza{font:inherit;color:var(--ink-soft);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.veza:hover{color:var(--ink)}.pocetna{max-width:var(--sirina-siroka)}.stupac{max-width:var(--sirina);margin-inline:auto}.hero{display:grid;gap:2rem;align-items:center;margin-bottom:3rem}@media (min-width:52rem){.hero{grid-template-columns:1.05fr .95fr;gap:3rem}}.hero h1{font-size:clamp(1.75rem,1.15rem + 2.6vw,2.7rem);letter-spacing:-.02em;margin-bottom:1rem}.hero .lede{font-size:1.1rem;margin-bottom:1.5rem}.button-veliki{padding:.85rem 1.75rem;font-size:1.05rem}.hero-crtez{width:100%;max-width:21rem;margin-inline:auto;color:var(--ink)}.hero-crtez svg{width:100%;height:auto;display:block}.brojke{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;list-style:none;padding:0;margin:0 0 3rem}@media (max-width:34rem){.brojke{grid-template-columns:1fr}}.brojke li{background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);border:1px solid var(--staklo-rub);border-radius:var(--radius-veliki);box-shadow:inset 0 1px 0 var(--staklo-rub),0 10px 28px -18px var(--staklo-sjena);padding:1.15rem 1.25rem}.brojke b{display:block;font-size:1.7rem;line-height:1.1;font-weight:700;letter-spacing:-.02em}.brojke span{display:block;margin-top:.3rem;color:var(--ink-soft);font-size:.88rem;line-height:1.4}.kartice{display:grid;gap:1rem;margin-bottom:3rem}@media (min-width:52rem){.kartice{grid-template-columns:1fr 1fr;align-items:start}}.kartica{background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);border:1px solid var(--staklo-rub);border-radius:var(--radius-veliki);box-shadow:inset 0 1px 0 var(--staklo-rub),0 14px 36px -22px var(--staklo-sjena);padding:1.6rem}.kartica h2{margin:0 0 .75rem}.kartica p:last-child{margin-bottom:0}.kartica-oprez{border-left:3px solid var(--oprez)}.kartica-oprez h2{color:var(--oprez)}.pitanja{margin:0 0 3rem;background:var(--staklo);-webkit-backdrop-filter:var(--zamucenje);backdrop-filter:var(--zamucenje);border:1px solid var(--staklo-rub);border-radius:var(--radius-veliki);box-shadow:inset 0 1px 0 var(--staklo-rub),0 14px 36px -22px var(--staklo-sjena);padding:0 1.25rem;overflow:hidden}.pitanje+.pitanje{border-top:1px solid var(--staklo-rub)}.pitanje summary{cursor:pointer;padding:.9rem .25rem;font-weight:600;list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.pitanje summary::-webkit-details-marker{display:none}.pitanje summary:after{content:"+";flex:none;color:var(--ink-soft);font-weight:400;font-size:1.3rem;line-height:1;transition:transform .15s ease}.pitanje[open] summary:after{transform:rotate(45deg)}.pitanje summary:hover{color:var(--accent)}.pitanje-odgovor{margin:0 0 1rem;padding-right:2rem;color:var(--ink-soft)}.biljezi,.preporuka{border-top:1px solid var(--line);padding-top:1.5rem}.preporuka{margin-top:3.5rem;color:var(--ink-soft);font-size:.95rem}.preporuka-radnja{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;margin-top:1.1rem}.preporuka h2{margin:0 0 .5rem;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.preporuka p{margin:0 0 .75rem;max-width:38rem}.preporuka a{color:var(--accent)}.preporuka .vanjska{color:var(--ink-soft);font-size:.85rem}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){body:before{display:none}.brojke li,.button-quiet,.jezik-prekidac a,.kartica,.note,.option,.pitanja,.vjezba-strelica{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--raised);border-color:var(--line);box-shadow:none}.pitanje+.pitanje{border-top-color:var(--line)}.button{box-shadow:none}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.brojke li,.button-quiet,.jezik-prekidac a,.kartica,.note,.option,.pitanja,.vjezba-strelica{background:var(--raised)}}.zadatak-tijelo{transition:opacity .38s ease,transform .38s ease}.zadatak[data-odjava=da] .zadatak-tijelo{opacity:0;transform:translateY(.8rem) scale(.985);pointer-events:none}.zadatak[data-odjava=da] .progress-fill{transition:width .52s cubic-bezier(.2,.8,.2,1)}.racunam{margin-top:1.5rem;animation:vjezba-pojava .35s ease both}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}