*{box-sizing:border-box}
body{margin:0;background:#081015;color:#eef7f8;font:16px/1.5 system-ui,sans-serif}
main{width:min(1000px,92vw);margin:auto;padding:48px 0}
header{max-width:800px}.oznaka{font-size:.75rem;letter-spacing:.18em;opacity:.55}
h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:.95;margin:.22em 0}
header>p:last-child{opacity:.72}
.kontrole{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}
button{font:inherit;padding:10px 14px;border-radius:10px;border:1px solid #ffffff20;background:#14242b;color:#fff;cursor:pointer}
button:disabled{opacity:.4;cursor:not-allowed}
.mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kartica{background:#0e1b21;border:1px solid #ffffff14;border-radius:16px;padding:18px}.glavna{grid-column:span 1}
.meta{font-size:.72rem;letter-spacing:.08em;opacity:.55}.aktivnost{font-size:2.4rem;font-weight:800;margin:.3rem 0}
dl{margin:0}dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ffffff0d}dt{opacity:.65}dd{margin:0;font-variant-numeric:tabular-nums}
.opomba{margin-top:28px;padding-top:18px;border-top:1px solid #ffffff16;max-width:820px}.opomba h2{font-size:1rem}
@media(max-width:800px){.mreza{grid-template-columns:1fr}}