*{box-sizing:border-box}
body{margin:0;background:#0b0d18;color:#f0f1fa;font:16px/1.55 system-ui,sans-serif}
main{width:min(1180px,92vw);margin:auto;padding:52px 0}
header{max-width:850px}.nadnaslov{letter-spacing:.18em;font-size:.75rem;opacity:.55}
h1{font-size:clamp(2.6rem,7vw,5.8rem);line-height:.95;margin:.22em 0}
header>p:last-child{max-width:760px;opacity:.76}
.kontrole{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:34px}
input,select{padding:13px 14px;background:#14182c;color:#fff;border:1px solid #ffffff22;border-radius:10px;font:inherit}
.zavihki{display:flex;gap:8px;margin:14px 0}.zavihki button{padding:9px 13px;background:transparent;color:#fff;border:1px solid #ffffff20;border-radius:99px}.zavihki button.aktiven{background:#ffffff15}
#stanje{opacity:.6}.mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.kartica{background:#121629;border:1px solid #ffffff17;border-radius:16px;padding:18px}.kartica h2{font-size:1.15rem}.meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.poglobitev{margin-top:10px}.poglobitev a{color:#a8a6ff;font-weight:700;text-decoration:none;font-size:.85rem}.poglobitev a:hover{text-decoration:underline}
aside{margin-top:30px;padding:16px 18px;border-left:3px solid #a8a6ff;background:#121629;max-width:900px}
@media(max-width:650px){.kontrole{grid-template-columns:1fr}}