/* Skener (skener.epuskice.rs, scan.bizzcheatsheets.com): ide posle v3.css, nova.css i kalkulator.css sa sajta.
   Koristi tokene sajta (--n-*), ovde su samo delovi kojih na sajtu nema: forma za adresu, krug ocene, nalazi, zaključana rešenja, lestvica. */
body.sk{background:var(--n-paper)}
.sk .sh .wrap{justify-content:flex-start}
.sk-hero{padding-bottom:clamp(48px,7vw,88px)}
.sk-hero h1{font-size:clamp(38px,5.6vw,72px);max-width:16ch}
.sk-hero .n-lead{margin-top:20px}

/* forma: polje i dugme u jednoj beloj traci */
.sk-form{display:flex;gap:8px;max-width:640px;margin-top:32px;padding:8px;background:#fff;border-radius:16px;box-shadow:var(--n-shadow-lg)}
.sk-form input[type=text]{flex:1 1 auto;min-width:0;height:56px;border:0;border-radius:10px;padding:0 16px;font:500 18px var(--fb);color:var(--n-ink);background:var(--n-paper);box-shadow:inset 0 0 0 1.5px var(--n-line)}
.sk-form input[type=text]:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 2px var(--n-blue),0 0 0 4px rgba(43,96,232,.14)}
.sk-form .n-btn{flex:0 0 auto}
.sk-err{margin-top:12px;color:#ffb4b4;font-weight:600}
.sk-ts{margin-top:12px}
.sk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:560px){.sk-form{flex-direction:column}.sk-form .n-btn{width:100%}}

/* čekanje */
.sk-wait{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.sk-spin{width:72px;height:72px;border-radius:50%;border:6px solid rgba(255,255,255,.14);border-top-color:var(--n-hl);animation:sk-spin 1s linear infinite;flex:0 0 auto}
@keyframes sk-spin{to{transform:rotate(360deg)}}
.sk-steps{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.sk-steps li{font:500 13px/1 var(--n-mono);color:#c6d0e6;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);border-radius:6px;padding:8px 10px;animation:sk-pulse 1.8s var(--n-ease) infinite}
.sk-steps li:nth-child(2){animation-delay:.6s}.sk-steps li:nth-child(3){animation-delay:1.2s}
@keyframes sk-pulse{50%{color:#fff;box-shadow:inset 0 0 0 1px var(--n-hl)}}
@media (prefers-reduced-motion:reduce){.sk-spin,.sk-steps li{animation:none}}

/* rezultat: krug ocene */
.sk-score{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center}
.sk-ring{position:relative;width:clamp(150px,18vw,200px);aspect-ratio:1}
.sk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sk-ring circle{fill:none;stroke-width:12}
.sk-ring .bg{stroke:rgba(255,255,255,.12)}
.sk-ring .fg{stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--n-ease)}
.sk-ring.ok .fg{stroke:#4cd18a}.sk-ring.warn .fg{stroke:#ffb547}.sk-ring.bad .fg{stroke:#ff7a6b}
.sk-ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(44px,5vw,60px)/1 var(--fd);letter-spacing:-.04em;color:#fff}
.sk-ring b small{display:block;font:500 13px/1 var(--n-mono);color:#9fb6ff;letter-spacing:0;margin-top:6px;text-align:center}
.sk-score h1{font-size:clamp(30px,4.2vw,52px);max-width:none;word-break:break-word}
.sk-score .n-lead{margin-top:14px}
.sk-score .n-lead strong{color:#fff}
.sk-type{margin-top:14px;font-size:14px;color:#9fb0d0}
.sk-type button{background:none;border:0;padding:0;color:#c6d0e6;text-decoration:underline;cursor:pointer;font:inherit}
.sk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media (max-width:640px){.sk-score{grid-template-columns:1fr}.sk-ring{width:150px}}

/* nalazi */
.sk-sec{padding:clamp(48px,6vw,80px) 0}
.sk-sec>.n-wrap{max-width:860px}
.sk-sec h2{font-size:clamp(28px,3.4vw,40px);margin:0 0 24px}
.sk-list{display:grid;gap:14px}
.sk-find{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 0 0 1px var(--n-line),var(--n-shadow);border-left:6px solid var(--n-line-2)}
.sk-find.critical{border-left-color:var(--n-bad)}.sk-find.warning{border-left-color:var(--n-warn)}.sk-find.pass{border-left-color:var(--n-ok)}
.sk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 12.5px/1 var(--n-mono);color:var(--n-muted)}
.sk-tag{display:inline-block;padding:5px 9px;border-radius:999px;font:700 11px/1 var(--n-mono);letter-spacing:.05em;text-transform:uppercase}
.sk-tag.critical{background:#fdeaea;color:#b42323}.sk-tag.warning{background:#fdf2dc;color:#94600a}.sk-tag.pass{background:#e4f5ea;color:#17783f}
.sk-find h3{font-size:20px;line-height:1.25;margin:12px 0 6px;color:var(--n-ink)}
.sk-find p{margin:0;color:var(--n-body)}
.sk-fix{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--n-blue-t);color:var(--n-ink)}
.sk-fix b{display:block;font:600 13px/1.2 var(--n-mono);color:var(--n-blue-d);margin-bottom:6px}
.sk-lock{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;border-radius:12px;background:var(--n-paper);color:var(--n-muted);text-decoration:none}
.sk-lock span.blur{flex:1;filter:blur(5px);user-select:none;color:var(--n-body)}
.sk-lock strong{flex:0 0 auto;font:600 14px var(--fb);color:var(--n-blue)}
.sk-lock svg{flex:0 0 auto}
.sk-more{display:grid;gap:10px;margin-top:14px}
.sk-more div{height:58px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--n-line);display:flex;align-items:center;padding:0 22px;filter:blur(3px);user-select:none;color:var(--n-muted);font-weight:600}
.sk-more-label{margin-top:12px;font:600 15px var(--fb);color:var(--n-ink)}

/* mejl za rešenja */
.sk-gate{margin-top:28px;background:var(--n-night);color:#fff;border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:var(--n-shadow-lg)}
.sk-gate h2{color:#fff;font-size:clamp(26px,3vw,36px);margin:0 0 10px}
.sk-gate p{color:#c6d0e6;margin:0 0 20px}
.sk-gate .row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.sk-gate input[type=text],.sk-gate input[type=email]{height:54px;border:0;border-radius:12px;padding:0 16px;font:500 17px var(--fb);color:var(--n-ink);background:#fff}
.sk-gate label.chk{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;font-size:14.5px;color:#c6d0e6;cursor:pointer}
.sk-gate label.chk input{margin-top:4px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--n-hl)}
.sk-gate .err{color:#ffb4b4;font-weight:600;margin-top:8px}
.sk-gate.done{background:#0f3d26}
@media (max-width:560px){.sk-gate .row{grid-template-columns:1fr}}

/* prošle provere */
.sk-passed{margin-top:28px}
.sk-passed summary{cursor:pointer;font:600 17px var(--fb);color:var(--n-ink);padding:10px 0}
.sk-passed .sk-list{margin-top:10px}
.sk-passed .sk-find{padding:16px 20px}
.sk-passed .sk-find h3{font-size:17px;margin-top:8px}

/* lestvica ponude */
.sk-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sk-tier{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 0 0 1px var(--n-line),var(--n-shadow)}
.sk-tier.hl{box-shadow:0 0 0 2px var(--n-hl),var(--n-shadow-lg)}
.sk-tier h3{font-size:22px;margin:0;color:var(--n-ink)}
.sk-tier .price{font:800 26px/1.1 var(--fd);letter-spacing:-.02em;color:var(--n-ink)}
.sk-tier .price small{font:500 14px var(--fb);color:var(--n-muted);letter-spacing:0}
.sk-tier p{margin:0;color:var(--n-body);font-size:15.5px}
.sk-tier .n-btn{margin-top:auto;width:100%}
.sk-tier .n-btn.off{background:var(--n-paper-2);color:var(--n-muted);box-shadow:none;pointer-events:none}
@media (max-width:860px){.sk-ladder{grid-template-columns:1fr}}

.sk-foot{background:#0a1226;color:#94a3b8;font-size:14px;padding:28px 0}
.sk-foot a{color:#c6d0e6}