:root { --tekst:#1b2430; --tiho:#5d6b7a; --rub:#dde3ea; --pozadina:#f5f7fa; --naglasak:#0b6bcb; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
       color:var(--tekst); background:var(--pozadina); }
header { display:flex; align-items:center; gap:24px; padding:12px 24px;
         background:#fff; border-bottom:1px solid var(--rub); }
.marka { font-weight:700; letter-spacing:.05em; }
nav button { background:none; border:none; padding:8px 12px; cursor:pointer;
             color:var(--tiho); font-size:15px; border-radius:6px; }
nav button.aktivan { background:var(--pozadina); color:var(--tekst); font-weight:600; }
.desno { margin-left:auto; display:flex; align-items:center; gap:12px; color:var(--tiho); font-size:14px; }
main { max-width:1000px; margin:32px auto; padding:0 24px; }
h1 { font-size:24px; margin:0 0 8px; } h2 { font-size:18px; margin:28px 0 10px; }
.podnaslov { color:var(--tiho); margin-top:0; }
.kartica { max-width:420px; margin:60px auto; background:#fff; padding:28px;
           border:1px solid var(--rub); border-radius:10px; }
label { display:block; margin:14px 0; font-size:14px; color:var(--tiho); }
input { display:block; width:100%; margin-top:4px; padding:9px 10px; font-size:15px;
        border:1px solid var(--rub); border-radius:6px; }
button { padding:9px 16px; font-size:15px; border:1px solid var(--naglasak);
         background:var(--naglasak); color:#fff; border-radius:6px; cursor:pointer; }
button:hover { filter:brightness(1.08); }
.greska { color:#b3261e; min-height:20px; font-size:14px; }
.plocice { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
.plocica { background:#fff; border:1px solid var(--rub); border-radius:10px; padding:18px; }
.plocica h2 { margin:0 0 6px; font-size:17px; }
.plocica p { margin:0 0 10px; color:var(--tiho); font-size:14px; }
.plocica span { font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--tiho); }
table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--rub);
        border-radius:8px; overflow:hidden; }
th,td { text-align:left; padding:9px 12px; border-bottom:1px solid var(--rub); font-size:14px; }
th { background:#fbfcfd; color:var(--tiho); font-weight:600; }
tr:last-child td { border-bottom:none; }