/* navbar.css — fixed portfolio pill — fonts Inter/Space Grotesk */
        .navbar{
            position:sticky; top:0; z-index:999;
            background:rgba(5,5,5,0.84);
            backdrop-filter:blur(16px) saturate(1.4);
            border-bottom:1px solid rgba(255,255,255,0.06);
        }
        .navbar-inner{
            display:grid;
            grid-template-columns: auto 1fr auto;
            align-items:center;
            padding:12px 0; gap:14px;
        }
        .logo{
            display:flex; align-items:center; gap:10px;
            cursor:pointer; flex-shrink:0;
        }
        .logo-img{
            width:36px; height:36px; border-radius:9px;
            border:1px solid var(--red-border);
            box-shadow:0 0 14px var(--red-glow);
            object-fit:cover; background:#0e0e0e;
        }
        .logo-text{
            font-family:var(--font-display);
            font-size:18px; font-weight:700; letter-spacing:-0.3px;
            color:#fff; line-height:1;
        }
        .nav-links-center{
            display:flex; align-items:center; justify-content:center; gap:4px;
            background:rgba(255,255,255,0.04);
            border:1px solid rgba(255,255,255,0.06);
            padding:4px; border-radius:999px;
        }
        .nav-right{ display:flex; align-items:center; gap:8px; justify-content:flex-end; }
        .nav-links{ display:flex; align-items:center; gap:2px; }
        .nav-link{
            display:inline-flex; align-items:center; gap:7px;
            padding:8px 14px; border-radius:999px;
            font-family:var(--font-playful) !important;
            font-size:13px; font-weight:400; letter-spacing:0.6px; color:#9a9a9a;
            transition:all var(--transition);
            cursor:pointer; border:none; background:transparent;
            white-space:nowrap;
        }
        /* icons handled in buttons.css */
        .nav-link:hover{ color:#fff; background:rgba(255,255,255,0.07); }
        .nav-link.active{ color:#fff; background:var(--red); box-shadow:0 4px 14px var(--red-glow); }
        .nav-link i{ font-size:12px; color:var(--red); }
        .nav-link.active i{ color:#fff; }
        .nav-link.vote-link{
            color:#111 !important; font-weight:800;
            background:var(--gold);
            border:1px solid rgba(255,215,0,0.45);
            box-shadow:0 4px 16px rgba(255,215,0,0.22);
        }
        .nav-link.vote-link:hover{ background:#ffd900; transform:translateY(-1px); }
        @media(max-width:900px){
            .navbar-inner{ grid-template-columns:1fr auto; }
            .nav-links-center{ grid-column:1 / -1; order:3; justify-content:center; }
        }
        @media(max-width:600px){
            .navbar-inner{ grid-template-columns:1fr auto; gap:10px; }
            .logo-text{ font-size:16px; }
            .nav-links-center{ padding:3px; }
            .nav-link{ padding:7px 10px; font-size:12px; }
        }
        .features-dropdown-wrap{ position:relative; display:inline-block; }
        .features-dropdown-menu{
            position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(-6px);
            background:rgba(10,10,10,0.98); backdrop-filter:blur(20px);
            border:1px solid rgba(255,255,255,0.08); border-radius:14px;
            padding:6px; min-width:180px;
            box-shadow:0 20px 40px rgba(0,0,0,0.6);
            opacity:0; visibility:hidden; transition:all 0.22s; z-index:1000;
            display:grid; gap:2px;
        }
        .features-dropdown-wrap.active .features-dropdown-menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
        .features-dropdown-item{
            display:flex; align-items:center; gap:8px;
            padding:9px 12px; border-radius:10px;
            color:#bbb; font-family:'Poppins',sans-serif !important; font-size:13px; font-weight:500;
            cursor:pointer; border:none; background:transparent; text-align:left; width:100%;
        }
        .features-dropdown-item i{ width:16px; color:var(--red); font-size:11px; }
        .features-dropdown-item:hover{ background:var(--red-dim); color:#fff; }
        .dropdown-divider{ height:1px; background:rgba(255,255,255,0.06); margin:6px 0; }
        .user-info-dropdown{ padding:10px 14px; font-size:13px; color:var(--muted); border-bottom:1px solid rgba(255,255,255,0.06); }
        .user-info-dropdown strong{ color:#fff; display:block; font-family:var(--font-display); }