.okvir-prijava{--pri-sirina:84%;--pri-max:410px;--pri-font:Inter, "Segoe UI", Roboto, Arial, sans-serif;--pri-serif:"Segoe UI", Roboto, Arial, sans-serif;--pri-card-bg:linear-gradient(180deg, rgba(39, 57, 92, 0.92) 0%, rgba(13, 23, 39, 0.98) 58%, rgba(13, 24, 42, 0.99) 100%);--pri-card-border:rgba(126, 163, 216, 0.25);--pri-card-border-soft:rgba(255, 255, 255, 0.06);--pri-field-bg:linear-gradient(180deg, rgba(38, 56, 90, 0.94) 0%, rgba(10, 19, 34, 0.99) 100%);--pri-field-bg-hover:linear-gradient(180deg, rgba(43, 64, 101, 0.96) 0%, rgba(12, 23, 40, 0.99) 100%);--pri-field-border:rgba(133, 169, 224, 0.26);--pri-field-border-hover:rgba(149, 205, 238, 0.40);--pri-title:#eef5ff;--pri-text:var(--lp-text);--pri-muted:rgba(211, 223, 241, 0.72);--pri-muted-soft:rgba(196, 211, 231, 0.62);--pri-value:#ffffff;--pri-green-border:rgba(129, 238, 178, 0.50);--pri-green-border-hover:rgba(166, 252, 205, 0.78);--pri-green-glow:rgba(83, 226, 146, 0.18);--pri-blue-border:rgba(153, 190, 242, 0.38);--pri-blue-glow:rgba(91, 159, 239, 0.16);--pri-radius:var(--lp-radius);--pri-radius-sm:var(--lp-radius-sm);width:100%;margin:18px auto 22px;padding:0;font-family:var(--pri-font)}.zaglavlje-prijava h1{width:var(--pri-sirina);max-width:var(--pri-max);margin:0 auto 16px;padding-left:4px;font-family:var(--pri-serif);font-size:1.42rem;line-height:1.18;letter-spacing:.15px;color:transparent;background:linear-gradient(180deg,#ffffff 0%,#e7f0ff 42%,#b8c9e5 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 1px 14px rgba(131,180,255,.14),0 0 1px rgba(255,255,255,.12)}.formaokvir-prijava{position:relative;overflow:hidden;width:var(--pri-sirina);max-width:var(--pri-max);margin:0 auto;padding:15px;border-radius:var(--pri-radius);border:1px solid var(--pri-card-border);background:var(--pri-card-bg);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 var(--pri-card-border-soft);font-family:var(--pri-font)}.formaokvir-prijava::before{content:"";position:absolute;inset:1px 1px auto 1px;height:44px;border-radius:calc(var(--pri-radius) - 1px)calc(var(--pri-radius) - 1px)0 0;background:linear-gradient(180deg,rgba(255,255,255,.075),transparent),linear-gradient(90deg,transparent,rgba(118,226,174,.075),transparent);pointer-events:none}#forma-prijava{position:relative;z-index:1;display:grid;gap:11px}.polje-prijava{display:grid;grid-template-rows:auto auto;row-gap:7px;padding:0;background:0 0;border:none;box-shadow:none}.polje-prijava label{color:var(--pri-muted);font-size:.92rem;line-height:1.32;font-weight:550;margin:0 2px}.unos-prijava{appearance:none;width:100%;min-height:42px;padding:9px 11px;border-radius:var(--pri-radius-sm);border:1px solid var(--pri-field-border);background:var(--pri-field-bg);color:var(--pri-text);font-family:var(--pri-font);font-size:1rem;line-height:1.35;outline:none;caret-color:var(--lp-accent);box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.055);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.unos-prijava::placeholder{color:var(--pri-muted-soft);opacity:.78;font-size:.86rem}.unos-prijava:hover{border-color:var(--pri-field-border-hover);background:var(--pri-field-bg-hover);box-shadow:0 10px 20px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.065)}.unos-prijava:focus,.unos-prijava:focus-visible{border-color:var(--lp-accent);background:var(--pri-field-bg-hover);box-shadow:0 0 0 2px rgba(90,160,255,.16),0 10px 20px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,7%);outline:none}#totp{margin-top:7px}.ili-razdvajac{display:flex;align-items:center;justify-content:center;gap:10px;margin:3px 0 5px;color:var(--pri-muted);font-size:.9rem;line-height:1.35}.ili-razdvajac::before,.ili-razdvajac::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(132,168,218,.26),transparent)}.lp-totp-akcije{display:inline-flex;align-items:center;gap:8px;margin-left:12px;vertical-align:middle}.lp-totp-otvori{appearance:none;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:3px 11px;border-radius:999px;border:1px solid var(--pri-green-border);background:linear-gradient(180deg,rgba(39,124,84,.99),rgba(15,78,55,.99) 52%,rgba(7,40,32,.99));color:#f5fff8;font-family:var(--pri-font);font-weight:720;font-size:.78rem;line-height:1.2;letter-spacing:.12px;text-decoration:none;box-shadow:0 7px 14px rgba(0,0,0,.22),0 0 16px rgba(57,219,132,9%),inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(137,239,181,.16);text-shadow:0 1px 4px rgba(0,0,0,.3);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.lp-totp-otvori::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 44%),linear-gradient(90deg,transparent,rgba(173,255,214,.1),transparent);pointer-events:none}.lp-totp-otvori:hover{color:#fff;border-color:var(--pri-green-border-hover);background:linear-gradient(180deg,rgba(47,143,96,.99),rgba(18,90,63,.99) 52%,rgba(8,46,36,.99));box-shadow:0 9px 16px rgba(0,0,0,.24),0 0 20px var(--pri-green-glow),inset 0 1px rgba(255,255,255,.14),inset 0 -1px rgba(166,252,205,.18);transform:translateY(-1px)}.lp-totp-otvori:active{transform:translateY(0);box-shadow:0 5px 11px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,8%)}.lp-totp-otvori:focus-visible{outline:2px solid rgba(166,252,205,.9);outline-offset:3px}.lp-totp-manji-tekst{font-size:.86rem}.greska-prijava{display:none;margin-top:4px;color:#ffb4b4;font-size:.9rem;line-height:1.35}.greska-prijava.error{display:block}.unos-prijava.error{border-color:rgba(255,120,120,.88);box-shadow:0 0 0 2px rgba(255,120,120,.2),0 8px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.055)}.dugme-prijava{appearance:none;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:16px;padding:10px 14px;border-radius:var(--pri-radius-sm);border:1px solid var(--pri-green-border);background:linear-gradient(180deg,rgba(39,124,84,.99),rgba(15,78,55,.99) 52%,rgba(7,40,32,.99));color:#f5fff8;font-family:var(--pri-font);font-size:1rem;line-height:1.25;font-weight:760;letter-spacing:.14px;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 10px 18px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(57,219,132,.1),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(137,239,181,.18);text-shadow:0 1px 4px rgba(0,0,0,.34);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.dugme-prijava::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.105),transparent 42%),linear-gradient(90deg,transparent,rgba(173,255,214,.12),transparent);pointer-events:none}.dugme-prijava::after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(180,255,216,.88),rgba(112,233,165,.76),transparent);opacity:.86;pointer-events:none}.dugme-prijava:hover{color:#fff;border-color:var(--pri-green-border-hover);background:linear-gradient(180deg,rgba(47,143,96,.99),rgba(18,90,63,.99) 52%,rgba(8,46,36,.99));box-shadow:0 12px 20px rgba(0,0,0,.27),0 0 24px var(--pri-green-glow),inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(166,252,205,.2);transform:translateY(-1px);filter:none}.dugme-prijava:active{transform:translateY(0);box-shadow:0 7px 14px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,8%)}.dugme-prijava:focus-visible{color:#f5fff8;outline:2px solid rgba(166,252,205,.9);outline-offset:3px}.dugme-prijava:disabled{cursor:not-allowed;opacity:.78;filter:grayscale(12%)brightness(.94);transform:none}.link-reset{margin-top:8px;text-align:center}.link-reset a{color:var(--lp-link);text-decoration:none;border-bottom:1px dotted var(--lp-footer-underline);font-size:.82rem;line-height:1.35;transition:color .16s ease,border-bottom-color .16s ease}.link-reset a:hover{color:var(--lp-link-hover);border-bottom-style:solid}@media(min-width:1024px){.okvir-prijava{--pri-sirina:90%;--pri-max:430px;margin-top:24px;margin-bottom:28px}.zaglavlje-prijava h1{margin-top:0;margin-bottom:18px;padding-left:5px;font-size:2rem}.formaokvir-prijava{padding:18px}#forma-prijava{gap:12px}.polje-prijava{row-gap:8px}.unos-prijava{min-height:44px;padding:10px 12px}#totp{margin-top:8px}.dugme-prijava{min-height:48px;margin-top:17px;font-size:1.02rem}}