/* Header bar */
.topbar {
    background: linear-gradient(90deg, #9C27B0, #FF4081);
    color: #fff;
    padding: 20px;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.brand { font-weight:700; margin:0; font-size:1.4rem; }
.badge {
    background: rgba(255,255,255,0.2);
    padding:4px 10px;
    border-radius:999px;
    font-size:12px;
}
.nav { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:8px; }
.nav-link {
    color:#fff; text-decoration:none; font-weight:600;
    padding:6px 12px; border-radius:8px; transition:background .3s;
}
.nav-link:hover, .nav-link.active {
    background: rgba(255,255,255,0.25);
}