/* Top Navigation Bar — Modern */
.top-nav { display:flex; align-items:center; gap:8px; padding:10px 24px; border-bottom:1px solid rgba(124,92,252,0.06); background:rgba(255,255,255,0.8); backdrop-filter:blur(12px); position:sticky; top:0; z-index:100; }
.tn-logo { display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--text,#1a1a2e); font-weight:700; font-size:15px; letter-spacing:-0.02em; margin-right:12px; }
.tn-logo-icon { width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,#7c5cfc,#a78bfa); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
.tn-links { display:flex; gap:2px; }
.tn-links a { padding:6px 14px; border-radius:8px; font-size:13px; color:var(--dim,#6b6b82); text-decoration:none; transition:all 0.15s; font-weight:500; }
.tn-links a:hover { background:rgba(124,92,252,0.04); color:var(--text,#1a1a2e); }
.tn-links a.active { background:rgba(124,92,252,0.08); color:#7c5cfc; }
.tn-spacer { flex:1; }
.tn-credits { font-size:13px; color:var(--dim,#6b6b82); font-weight:500; }
.tn-credits b { color:#7c5cfc; }