/* Narodni AI Urnebes - AI zanimljivosti v1 */
:root{--bg:#0b0b0d;--card:rgba(20,20,24,.82);--line:rgba(255,255,255,.13);--text:#fff;--muted:#c9c9c9;--cyan:#34f5ff;--yellow:#ffde59}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.78)),url('../dan0.jpg') center/cover fixed no-repeat,var(--bg)}
.page-wrap{max-width:1100px;margin:0 auto;padding:36px 18px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
.brand-small{font-weight:900;font-size:22px;letter-spacing:.3px}
.brand-small span{color:var(--cyan);text-shadow:0 0 14px rgba(52,245,255,.65)}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.07);color:#eee;text-decoration:none;font-weight:800}
.badge .dot{width:8px;height:8px;border-radius:99px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 70px rgba(0,0,0,.45);backdrop-filter:blur(14px);padding:26px}
h1{font-size:42px;margin:0 0 8px;line-height:1.05}.lead{font-size:18px;color:var(--muted);margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.fact-card{position:relative;overflow:hidden;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:190px}
.fact-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:160px;height:160px;background:radial-gradient(circle,rgba(52,245,255,.23),transparent 70%)}
.fact-card h2{font-size:19px;margin:0 0 10px;position:relative}
.fact-card p{color:var(--muted);line-height:1.5;margin:0;position:relative}
.tag{display:inline-flex;margin-bottom:12px;border:1px solid rgba(52,245,255,.3);background:rgba(52,245,255,.09);color:#bafcff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900;position:relative}
.empty{border:1px dashed var(--line);border-radius:18px;padding:20px;color:var(--muted);background:rgba(0,0,0,.25)}
.note{margin-top:18px;border-left:4px solid var(--cyan);background:rgba(52,245,255,.08);padding:14px 16px;border-radius:12px;color:#e8ffff}
footer{margin-top:24px;color:#aaa;text-align:center;font-size:13px}
@media(max-width:700px){h1{font-size:32px}.topbar{align-items:flex-start;flex-direction:column}.card{padding:20px}}