/* ===== Kviz "Koji si tip freelance dizajnera?" – isti stil kao ostatak sajta ===== */
:root{--kz-red:#ff263e;--kz-bg:#111016;--kz-card:rgba(255,255,255,.05);--kz-line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--kz-bg);color:#fff;font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
button{font:inherit;color:inherit}

/* pozadinski crveno-ljubičasti sjaj */
.kz-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.kz-aur{position:absolute;width:min(70vw,900px);aspect-ratio:1;border-radius:50%}
.kz-aur--r{left:-20%;top:-10%;background:radial-gradient(circle,rgba(255,38,62,.16),transparent 65%);animation:kzA 24s ease-in-out infinite alternate}
.kz-aur--v{right:-22%;bottom:-20%;background:radial-gradient(circle,rgba(150,70,255,.15),transparent 65%);animation:kzB 30s ease-in-out infinite alternate}
@keyframes kzA{to{transform:translate(20%,25%) scale(1.1)}}
@keyframes kzB{to{transform:translate(-18%,-25%) scale(.92)}}

/* gornja traka: logo, napredak, broj pitanja */
.kz-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;padding:18px clamp(16px,4vw,48px);background:rgba(17,16,22,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.kz-logo img{display:block;width:132px;height:auto}
.kz-progress{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;opacity:0;transition:opacity .4s ease}
.kz-progress_fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#b3142a,var(--kz-red));box-shadow:0 0 12px rgba(255,38,62,.7);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.kz-step{min-width:70px;text-align:right;font-size:14px;font-weight:600;color:rgba(255,255,255,.7)}
body.is-quiz .kz-progress{opacity:1}

.kz-main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:clamp(32px,7vh,80px) clamp(16px,4vw,48px) 80px}
.kz-screen{display:none}
.kz-screen.is-active{display:block;animation:kzIn .45s ease both}
@keyframes kzIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* početni ekran */
.kz-intro.is-active{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.kz-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;border:1px solid rgba(255,38,62,.45);color:var(--kz-red);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.kz-dot{width:7px;height:7px;border-radius:50%;background:var(--kz-red);box-shadow:0 0 8px var(--kz-red);animation:kzDot 1.4s ease-in-out infinite}
@keyframes kzDot{50%{opacity:.35;transform:scale(.8)}}
.kz-title{margin:20px 0 16px;font-size:clamp(36px,5.2vw,60px);line-height:1.05;font-weight:700}
.kz-title span{color:var(--kz-red)}
.kz-lead{margin:0 0 22px;font-size:1.15rem;line-height:1.55;color:rgba(255,255,255,.8);max-width:520px}
.kz-points{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px}
.kz-points li{position:relative;padding-left:22px;font-weight:600}
.kz-points li::before{content:"";position:absolute;left:0;top:.45em;width:0;height:0;border-left:8px solid var(--kz-red);border-top:5px solid transparent;border-bottom:5px solid transparent}
.kz-intro_doc{position:relative;justify-self:center;width:min(340px,80vw);aspect-ratio:2480/3508;border-radius:16px;overflow:hidden;transform:rotate(4deg);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(255,38,62,.25),0 0 60px rgba(255,38,62,.3),0 30px 60px rgba(0,0,0,.5);animation:kzFloat 7s ease-in-out infinite}
.kz-intro_doc img{display:block;width:100%;height:100%;object-fit:cover}
.kz-veil{position:absolute;left:0;right:0;bottom:0;top:36%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(180deg,rgba(17,16,22,0),rgba(17,16,22,.6) 45%,rgba(17,16,22,.85));
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
@keyframes kzFloat{50%{translate:0 -10px}}

/* dugmad */
.kz-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border:0;border-radius:14px;cursor:pointer;background-color:var(--kz-red);color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;
  background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;
  box-shadow:0 10px 30px rgba(255,38,62,.35);animation:kzShine 6s ease-in-out 1s infinite;transition:transform .2s ease,box-shadow .2s ease}
.kz-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,38,62,.5)}
.kz-btn svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes kzShine{0%,70%{background-position:160% 0}100%{background-position:-60% 0}}

/* ekran sa pitanjem */
.kz-q{max-width:760px;margin:0 auto}
.kz-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;padding:6px 0;border:0;background:none;cursor:pointer;color:rgba(255,255,255,.6);font-size:14px;font-weight:600}
.kz-back:hover{color:#fff}
.kz-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.kz-back[hidden]{display:none}
.kz-q_title{margin:0 0 28px;font-size:clamp(26px,3.4vw,36px);line-height:1.2;font-weight:700}
.kz-answers{display:grid;gap:12px}
.kz-ans{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;border-radius:16px;cursor:pointer;text-align:left;
  background:linear-gradient(135deg,rgba(28,26,34,.85),rgba(14,13,18,.85));border:1px solid rgba(255,38,62,.28);font-size:1.08rem;line-height:1.4;font-weight:500;
  transition:border-color .25s ease,background .25s ease,opacity .3s ease,transform .2s ease}
.kz-ans:hover{border-color:rgba(255,38,62,.85);animation:kzPulse 2.6s ease-in-out infinite}
.kz-ans_key{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,38,62,.45);background:rgba(255,38,62,.08);color:var(--kz-red);font-weight:800;font-size:14px;transition:all .25s ease}
.kz-ans.is-picked{border-color:var(--kz-red);background:linear-gradient(135deg,rgba(60,14,24,.9),rgba(14,13,18,.9));box-shadow:0 0 0 1px var(--kz-red),0 0 30px rgba(255,38,62,.35)}
.kz-ans.is-picked .kz-ans_key{background:var(--kz-red);color:#fff;border-color:var(--kz-red);box-shadow:0 0 12px rgba(255,38,62,.7)}
.kz-answers.is-answered .kz-ans:not(.is-picked){opacity:.45}
@keyframes kzPulse{0%,100%{box-shadow:0 0 14px rgba(255,38,62,.2)}50%{box-shadow:0 0 0 4px rgba(255,38,62,.1),0 0 34px rgba(255,38,62,.5)}}
.kz-why{margin-top:22px;padding:18px 20px 18px 22px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--kz-line);border-left:3px solid var(--kz-red);animation:kzIn .4s ease both}
.kz-why_label{margin-bottom:6px;color:var(--kz-red);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.kz-why_text{margin:0;color:rgba(255,255,255,.82);line-height:1.55}
.kz-next{margin-top:22px;animation:kzIn .4s ease both,kzShine 6s ease-in-out 1s infinite}
.kz-next[hidden],.kz-why[hidden]{display:none}

/* kraj kviza */
.kz-done{max-width:620px;margin:0 auto;text-align:center}
.kz-done .kz-lead{margin:0 auto 14px}
.kz-done_title{margin:22px 0 14px;font-size:clamp(28px,4vw,42px)}
.kz-loader{width:64px;height:64px;margin:0 auto;border-radius:50%;border:3px solid rgba(255,38,62,.2);border-top-color:var(--kz-red);animation:kzSpin 1s linear infinite;box-shadow:0 0 24px rgba(255,38,62,.3)}
.kz-done.is-ready .kz-loader{animation:none;border-color:var(--kz-red);background:radial-gradient(circle,rgba(255,38,62,.35),transparent 70%)}
@keyframes kzSpin{to{transform:rotate(360deg)}}
.kz-soon{display:inline-block;margin-top:8px;padding:10px 16px;border-radius:12px;border:1px dashed rgba(255,255,255,.25);color:rgba(255,255,255,.6);font-size:14px}
.kz-debug{margin-top:22px;padding:14px;border-radius:12px;background:#000;color:#9f9;text-align:left;font-size:12px;white-space:pre-wrap}

/* telefon */
@media (max-width:860px){
  .kz-intro.is-active{grid-template-columns:1fr;gap:36px}
  .kz-intro_doc{width:min(240px,62vw)}
}
@media (max-width:560px){
  .kz-top{gap:14px;padding:14px 16px}
  .kz-logo img{width:104px}
  .kz-step{min-width:0;font-size:13px}
  .kz-ans{padding:15px 14px;gap:12px;font-size:1rem}
  .kz-btn{width:100%;justify-content:center}
}
@media (hover:none){.kz-ans:hover{animation:none}}
@media (prefers-reduced-motion:reduce){.kz-aur,.kz-dot,.kz-intro_doc,.kz-btn,.kz-next,.kz-ans:hover,.kz-loader{animation:none}.kz-screen.is-active{animation:none}}

/* lebdeće doodle ikonice u pozadini */
.kz-obj{position:absolute;will-change:transform}
.kz-ic{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible;animation:kzFloatIc 20s ease-in-out infinite}
.kz-ic_2{stroke-width:1.1;opacity:.45}
@keyframes kzFloatIc{0%,100%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(14px,-22px) rotate(4deg)}50%{transform:translate(-8px,-36px) rotate(10deg)}75%{transform:translate(-18px,-12px) rotate(0)}}

/* veliki logo na početnom ekranu */
.kz-biglogo{display:block;width:clamp(200px,26vw,320px);height:auto;margin:0 0 26px;filter:drop-shadow(0 0 24px rgba(255,38,62,.25))}
body:not(.is-quiz) .kz-top .kz-logo{visibility:hidden}
body:not(.is-quiz) .kz-top{background:none;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}

/* forma za ime i mejl */
.kz-form{display:grid;gap:14px;max-width:440px;margin:26px auto 0;text-align:left}
.kz-field{display:grid;gap:6px;font-weight:600;font-size:14px}
.kz-field input{width:100%;padding:15px 16px;border-radius:12px;border:1px solid rgba(255,38,62,.35);background:rgba(14,13,18,.85);color:#fff;font:inherit;font-weight:500;font-size:16px;outline:0;transition:border-color .25s ease,box-shadow .25s ease}
.kz-field input::placeholder{color:rgba(255,255,255,.4)}
.kz-field input:hover{border-color:rgba(255,38,62,.6)}
.kz-field input:focus{border-color:var(--kz-red);box-shadow:0 0 0 3px rgba(255,38,62,.18),0 0 18px rgba(255,38,62,.25)}
.kz-send{justify-content:center;width:100%;margin-top:4px}
.kz-err{margin:0;color:#ff6b7d;font-size:14px;font-weight:600}
.kz-privacy{margin:0;text-align:center;color:rgba(255,255,255,.5);font-size:13px}
.kz-thanks{margin-top:18px;animation:kzIn .4s ease both}
.kz-form[hidden],.kz-thanks[hidden],.kz-err[hidden]{display:none}
.kz-home{margin-top:22px;text-decoration:none;background-color:transparent;border:1px solid rgba(255,38,62,.6);box-shadow:none;animation:none}
.kz-home:hover{background-color:var(--kz-red);box-shadow:0 10px 30px rgba(255,38,62,.4)}
.kz-homelink{display:inline-block;margin-top:22px;color:rgba(255,255,255,.6);font-size:14px;font-weight:600;text-decoration:none}
.kz-homelink:hover{color:#fff}
.kz-done:has(.kz-thanks:not([hidden])) .kz-homelink{display:none}
.kz-done:has(.kz-thanks:not([hidden])) > .kz-lead{display:none}

/* početni ekran: 4 izveštaja naslagana lepezasto (Digitalni nomad napred) */
.kz-stack{position:relative;justify-self:center;width:min(320px,74vw);aspect-ratio:2480/3508;margin-right:40px}
.kz-stack .kz-intro_doc{position:absolute;inset:0;width:100%;z-index:4}
.kz-ghost{position:absolute;inset:0;border-radius:16px;overflow:hidden;padding:9% 8%;background:linear-gradient(160deg,#1b1a21,#0d0c11);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,38,62,.12);transform-origin:50% 100%;animation:kzFloat 7s ease-in-out infinite}
.kz-ghost--1{z-index:3;transform:translate(-14%,-1%) rotate(-7deg);animation-delay:-1.5s}
.kz-ghost--2{z-index:2;transform:translate(-27%,1%) rotate(-14deg);animation-delay:-3s;opacity:.92}
.kz-ghost--3{z-index:1;transform:translate(-38%,4%) rotate(-21deg);animation-delay:-4.5s;opacity:.85}
.kz-ghost_logo{text-align:center;font-weight:800;font-size:clamp(12px,1.6vw,17px);letter-spacing:.02em;line-height:1}
.kz-ghost_logo i{display:block;color:var(--kz-red);font-style:italic;font-weight:500;font-size:.7em}
.kz-ghost_tag{display:inline-block;margin:12% 0 5%;padding:3px 8px;border-radius:99px;background:var(--kz-red);font-size:clamp(7px,.8vw,9px);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.kz-ghost_title{font-weight:800;text-transform:uppercase;font-size:clamp(17px,2.3vw,27px);line-height:.95;letter-spacing:-.01em}
.kz-ghost_lines{margin-top:9%;display:grid;gap:7px;filter:blur(2.5px);opacity:.55}
.kz-ghost_lines i{height:6px;border-radius:3px;background:rgba(255,255,255,.5)}
.kz-ghost_lines i:nth-child(2){width:85%}.kz-ghost_lines i:nth-child(3){width:70%}
.kz-ghost_lines b{height:26px;border-radius:6px;border:1px solid rgba(255,38,62,.6);margin-top:4px}
.kz-count{position:absolute;z-index:5;right:-18px;bottom:8%;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:rgba(17,16,22,.88);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,38,62,.45);font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 18px rgba(255,38,62,.25)}
.kz-count b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--kz-red);font-size:13px;box-shadow:0 0 10px rgba(255,38,62,.7)}
@media (max-width:860px){.kz-stack{width:min(220px,56vw);margin:0 0 0 22%}.kz-count{right:-28px;font-size:13px}}
/* lepeza ne sme da pređe preko teksta */
@media (min-width:861px){
  .kz-intro.is-active{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
  .kz-stack{justify-self:end;margin-right:30px;width:min(300px,26vw)}
  .kz-ghost--1{transform:translate(-11%,-1%) rotate(-6deg)}
  .kz-ghost--2{transform:translate(-21%,1%) rotate(-12deg)}
  .kz-ghost--3{transform:translate(-30%,4%) rotate(-18deg)}
}

/* gornja traka: logo u sredini kao na početnoj strani, napredak kao tanka linija ispod */
.kz-top{justify-content:center;min-height:76px;padding-top:14px;padding-bottom:14px}
.kz-logo img{width:152px}
body:not(.is-quiz) .kz-top .kz-logo{visibility:visible}
.kz-progress{position:absolute;left:0;right:0;bottom:-1px;flex:none;height:3px;border-radius:0}
.kz-step{position:absolute;right:clamp(16px,4vw,48px);top:50%;transform:translateY(-50%)}
@media (max-width:560px){.kz-logo img{width:120px}.kz-step{font-size:12px}}
/* lepeza izveštaja malo udesno – više vazduha između teksta i izveštaja */
@media (min-width:861px){.kz-stack{margin-right:-30px}}

/* ===== Početni ekran: krupnije, popunjenije, privlačnije ===== */
.kz-top{padding-top:22px;padding-bottom:16px}
.kz-logo img{width:168px}
.kz-main{max-width:1240px}
.kz-intro.is-active{min-height:calc(100vh - 150px);align-content:center}
.kz-title{font-size:clamp(40px,5.8vw,76px);margin:22px 0 18px}
.kz-lead{font-size:1.25rem;max-width:560px}
.kz-points{gap:14px;margin-bottom:34px}
.kz-points li{display:flex;align-items:center;gap:14px;padding-left:0;font-weight:500;font-size:1.08rem;color:rgba(255,255,255,.88)}
.kz-points li::before{display:none}
.kz-points b{color:#fff;font-weight:700}
.kz-pt_ic{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,38,62,.1);border:1px solid rgba(255,38,62,.45);box-shadow:0 0 16px rgba(255,38,62,.15)}
.kz-pt_ic svg{width:20px;height:20px;fill:none;stroke:var(--kz-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kz-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.kz-start{padding:19px 36px;font-size:16px;border-radius:16px}
.kz-start::after{content:"";position:absolute;inset:-6px;border-radius:20px;border:2px solid rgba(255,38,62,.55);animation:kzRing 2.4s ease-out infinite;pointer-events:none}
.kz-start{position:relative}
@keyframes kzRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.14)}}
.kz-cta_note{color:rgba(255,255,255,.55);font-size:14px}
.kz-trust{display:flex;gap:28px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.kz-trust div{display:flex;flex-direction:column;gap:2px}
.kz-trust b{font-size:28px;font-weight:700;line-height:1}
.kz-trust span{color:rgba(255,255,255,.6);font-size:13px}
@media (min-width:861px){.kz-stack{width:min(360px,28vw)}}
@media (max-width:560px){
  .kz-intro.is-active{min-height:0}
  .kz-points li{font-size:1rem}
  .kz-pt_ic{width:36px;height:36px}
  .kz-trust{gap:18px;justify-content:space-between}
  .kz-trust b{font-size:22px}
  .kz-cta{flex-direction:column;align-items:stretch;gap:10px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.kz-start::after{animation:none}}
/* da ceo početni ekran stane na ekran laptopa */
.kz-main{padding-top:clamp(20px,4vh,48px)}
.kz-intro.is-active{min-height:calc(100vh - 140px)}
.kz-title{font-size:clamp(40px,4.9vw,66px);margin:18px 0 14px}
.kz-lead{margin-bottom:20px}
.kz-points{gap:11px;margin-bottom:28px}
.kz-trust{margin-top:28px;padding-top:20px}
/* na početnom ekranu logo ne prati skrolovanje (da ne prelazi preko teksta) */
body:not(.is-quiz) .kz-top{position:relative}
/* uvodni tekst u tri reda na većim ekranima */
@media (min-width:861px){.kz-lead--intro{max-width:none}.kz-lead--intro span{display:block;white-space:nowrap}}
@media (min-width:861px){.kz-stack{margin-right:-70px}.kz-ghost--3{transform:translate(-27%,4%) rotate(-18deg)}.kz-ghost--2{transform:translate(-19%,1%) rotate(-12deg)}}

/* ===== Lista čekanja za mentorsku grupu ===== */
.lc-page .kz-top{position:relative;background:none;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.lc-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;min-height:calc(100vh - 160px)}
.lc-wrap .kz-title{font-size:clamp(38px,4.6vw,62px)}
.lc-card{position:relative;padding:32px;border-radius:22px;background:linear-gradient(135deg,rgba(28,26,34,.9),rgba(12,11,15,.9));border:1px solid rgba(255,38,62,.38);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 40px rgba(255,38,62,.15)}
.lc-card::before{content:"";position:absolute;inset:-2px;border-radius:24px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--lc-a,0deg),transparent 0deg,transparent 240deg,rgba(255,38,62,.9) 300deg,#fff 330deg,rgba(255,38,62,.9) 345deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lcFlare 5s linear infinite}
@property --lc-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes lcFlare{to{--lc-a:360deg}}
.lc-card_title{margin:0 0 20px;font-size:24px;font-weight:700}
.lc-form{display:grid;gap:14px}
.lc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lc-thanks{text-align:center;animation:kzIn .4s ease both}
.lc-thanks .kz-lead{margin:0 auto 12px}
.lc-ok{margin-bottom:16px;animation:none;border-color:var(--kz-red);background:radial-gradient(circle,rgba(255,38,62,.35),transparent 70%)}
.lc-thanks[hidden],.lc-form[hidden]{display:none}
@media (max-width:860px){.lc-wrap{grid-template-columns:1fr;gap:32px;min-height:0}}
@media (max-width:560px){.lc-card{padding:22px 18px}.lc-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lc-card::before{animation:none}}
/* lista čekanja: sadržaj bliže logotipu */
.lc-wrap{min-height:0;align-items:start;padding-top:12px}
.lc-page .kz-main{padding-top:24px}
/* lista čekanja: malo niže; odsjaj oko forme sporiji i diskretniji */
.lc-wrap{padding-top:clamp(40px,7vh,72px)}
.lc-card::before{animation-duration:14s;opacity:.45;
  background:conic-gradient(from var(--lc-a,0deg),transparent 0deg,transparent 250deg,rgba(255,38,62,.6) 305deg,rgba(255,255,255,.7) 330deg,rgba(255,38,62,.6) 345deg,transparent 360deg)}

/* odbrojavanje do sledeće grupe */
.lc-timer{margin:4px 0 28px}
.lc-timer[hidden]{display:none}
.lc-timer_label{margin-bottom:10px;color:var(--kz-red);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lc-timer_boxes{display:flex;gap:12px;flex-wrap:wrap}
.lc-timer_boxes div{min-width:84px;padding:12px 10px 10px;border-radius:14px;text-align:center;background:linear-gradient(160deg,rgba(28,26,34,.9),rgba(12,11,15,.9));
  border:1px solid rgba(255,38,62,.38);box-shadow:0 0 22px rgba(255,38,62,.12)}
.lc-timer_boxes div[hidden]{display:none}
.lc-timer_boxes b{display:block;font-size:34px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.lc-timer_boxes span{display:block;margin-top:6px;color:rgba(255,255,255,.6);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
@media (max-width:560px){.lc-timer_boxes{gap:8px}.lc-timer_boxes div{min-width:0;flex:1;padding:10px 4px 8px}.lc-timer_boxes b{font-size:26px}}

/* logo i dugme "Početna" – jasno da vode na početnu stranu */
.kz-logo{display:block;border-radius:10px;transition:transform .25s ease,filter .25s ease}
.kz-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 14px rgba(255,38,62,.55))}
.kz-homebtn{position:absolute;left:clamp(16px,4vw,48px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(255,255,255,.75);font-size:14px;font-weight:600;text-decoration:none;transition:all .25s ease}
.kz-homebtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.kz-homebtn:hover{color:#fff;border-color:rgba(255,38,62,.7);background:rgba(255,38,62,.12);box-shadow:0 0 18px rgba(255,38,62,.3)}
.kz-homebtn:hover svg{transform:translateX(-3px)}
@media (max-width:560px){.kz-homebtn{padding:8px 10px}.kz-homebtn span{display:none}}

/* ===== Ekran rezultata (tip + opis + radar) ===== */
.kz-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.kz-gate[hidden],.kz-result[hidden]{display:none}
.kz-send.is-loading{opacity:.7;pointer-events:none}
.kz-result{max-width:640px;margin:0 auto;text-align:center;animation:kzIn .45s ease both}
.kz-result .kz-tag{margin-bottom:16px}
.kz-result_type{margin:0 0 14px;font-size:clamp(34px,6vw,58px);line-height:1.02;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff,#ffb8c1);-webkit-background-clip:text;background-clip:text;color:transparent}
.kz-result_desc{margin:0 auto 26px;max-width:540px;color:rgba(255,255,255,.88)}
.kz-radar{margin:6px auto 22px;max-width:380px;padding:18px 10px 10px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--kz-line)}
.kz-radar_label{margin-bottom:4px;color:var(--kz-red);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.kz-radar_svg{width:100%;height:auto;display:block;overflow:visible}
.kz-note{margin:0 auto 14px;max-width:520px;font-size:14px;color:rgba(255,255,255,.62);line-height:1.5}
.kz-personal{padding:12px 16px;border-radius:12px;background:rgba(255,38,62,.08);border:1px solid rgba(255,38,62,.28);color:rgba(255,255,255,.85)}
.kz-mailnote b{color:#fff;font-weight:700}
.kz-dl{margin:0 auto 18px;padding:16px;max-width:480px;border-radius:14px;border:1px dashed rgba(255,38,62,.5);background:rgba(255,38,62,.06)}
.kz-dl_note{margin:0 0 12px;color:#fff}
.kz-dl_btn svg{stroke:#fff}
.kz-result_cta{margin-top:26px;padding-top:24px;border-top:1px solid var(--kz-line)}
.kz-result_ctatext{margin:0 auto 16px;max-width:460px;font-weight:600;color:#fff;font-size:17px}
.kz-wait{background-color:transparent;border:2px solid var(--kz-red);box-shadow:none}
.kz-wait:hover{background-color:var(--kz-red);box-shadow:0 12px 30px rgba(255,38,62,.4)}
.kz-result .kz-homelink{margin-top:20px}
@media (max-width:560px){.kz-radar{max-width:320px}.kz-radar_svg text{font-size:11px}}

/* početni ekran kviza: sadržaj bliže logou (bez velike rupe ispod logoa) */
.kz-intro.is-active{min-height:0;align-content:start}
body:not(.is-quiz) .kz-main{padding-top:clamp(8px,2vh,24px)}