/* IDRIVE — "Aplikacija". Svijetlo nebo, stakleni (glass) paneli, Sora, mekani gradijenti u pozadini. */
:root{
  --bg:#eef4fa; --fg:#0b1726; --mut:#5c6b7d; --line:rgba(11,23,38,.09); --card:rgba(255,255,255,.62); --alt:#e3edf7;
  --dk:#081320; --dk-card:rgba(255,255,255,.05);
  --hw:700; --ht:-.05em; --hlh:.92; --r:28px;
}
body{background:radial-gradient(60vw 60vw at 90% 10%,rgba(14,165,233,.16),transparent 60%),radial-gradient(50vw 50vw at 0% 60%,rgba(99,102,241,.12),transparent 60%),var(--bg);background-attachment:fixed}
.sec{background:transparent}.sec-tint{background:rgba(255,255,255,.35)}.sec-dark{background:var(--dk)}
.info>div,.st,.area,.fact,.doc-col,.quiz,.kb,.tc,.kat-detail{backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 40px -24px rgba(11,23,38,.25)}
.sec-dark .kb,.sec-dark .tc,.sec-dark .kat-detail{border-color:rgba(255,255,255,.1);box-shadow:none}
.h1 em,.h2 em{background:linear-gradient(90deg,var(--acc),#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}
.tape{background:linear-gradient(90deg,var(--acc),#6366f1)}
.st .n{font-size:1rem;font-family:var(--mono);color:var(--acc);background:rgba(14,165,233,.1);padding:6px 12px;border-radius:999px;width:max-content}
.stat b{background:linear-gradient(180deg,var(--fg),color-mix(in srgb,var(--fg) 45%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}
.info .hot{background:linear-gradient(140deg,var(--acc),#6366f1);border:0}.info .hot b{color:#fff}.info .hot small,.info .hot span{color:rgba(255,255,255,.8)}
.btn-acc{background:linear-gradient(90deg,var(--acc),#6366f1)}