/* buttons.css — PLAYFUL FONT + ANIMATIONS for VanguardBot buttons */
        .vote-link{
            display:flex; align-items:center; gap:7px;
            font-family:var(--font-playful) !important; font-weight:400; font-size:13px; letter-spacing:0.5px;
            color:var(--gold) !important; padding:8px 16px; border-radius:999px;
            border:1px solid rgba(255,215,0,0.3); background:rgba(255,215,0,0.08);
            transition:all 0.2s;
        }
        .vote-link:hover{ background:rgba(255,215,0,0.16); border-color:rgba(255,215,0,0.6); transform:translateY(-1px) rotate(-0.5deg) scale(1.03); }
        .btn-red{
            display:inline-flex; align-items:center; gap:9px;
            background:var(--red); color:#fff; padding:13px 24px; border-radius:999px;
            font-family:var(--font-playful) !important; font-weight:400; font-size:14px; letter-spacing:0.6px; border:none; cursor:pointer;
            transition:all 0.2s; position:relative; overflow:hidden;
        }
        .btn-outline-red{
            border:1px solid rgba(255,255,255,0.08); padding:10px 18px; border-radius:999px;
            font-family:var(--font-playful) !important; font-weight:400; font-size:13px; letter-spacing:0.4px;
            transition:all 0.2s; background:rgba(255,255,255,0.04); cursor:pointer; color:var(--text) !important;
        }
        .btn-solid-red{
            background:var(--red); color:#fff; padding:12px 22px; border-radius:999px;
            font-family:var(--font-playful) !important; font-weight:400; font-size:13px; letter-spacing:0.5px;
            transition:all 0.2s; display:inline-flex; align-items:center; gap:8px; border:none; cursor:pointer; box-shadow:0 4px 16px var(--red-glow);
        }
        .slide-btn{ display:inline-flex; align-items:center; justify-content:center; position:relative; overflow:hidden; cursor:pointer; border:none; background:transparent; transition:background 0.25s, box-shadow 0.25s, transform 0.2s; }
        /* PLAYFUL TEXT — all main buttons */
        .nav-link, .btn-hero, .btn-ghost, .slide-btn .sb-label, .vote-link{
            font-family:var(--font-playful) !important; letter-spacing:0.6px;
        }
        /* playful hover — wobble + spacing */
        .nav-link:hover{ transform:translateY(-1px) scale(1.04); letter-spacing:0.9px; }
        .btn-hero:hover, .btn-ghost:hover{ transform:translateY(-2px) scale(1.03); letter-spacing:0.9px; }
        .nav-link:active, .btn-hero:active{ transform:scale(0.97); }
        /* ICONS — never override */
        .nav-link i, .btn-hero i, .btn-ghost i, .slide-btn i, .vote-link i,
        .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands{
            font-family:"Font Awesome 6 Free","Font Awesome 6 Brands" !important; font-weight:900 !important;
        }
        .fab{ font-weight:400 !important; }
        .btn-hero.slide-btn{ background:#7a0000; border-radius:12px; }
        .slide-btn .sb-label{ display:flex; align-items:center; gap:7px; transition:transform 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.3s, letter-spacing 0.2s; position:relative; z-index:1; }
        .slide-btn .sb-img{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; transform:translateY(100%); transition:transform 0.35s cubic-bezier(0.4,0,0.2,1); z-index:2; }
        .slide-btn .sb-img img{ width:26px; height:26px; border-radius:50%; object-fit:cover; }
        .slide-btn:hover .sb-label{ transform:translateY(-120%); opacity:0; }
        .slide-btn:hover .sb-img{ transform:translateY(0); }
        @keyframes playfulWobble{ 0%,100%{transform:translateY(-1px) scale(1.04) rotate(0deg)} 25%{transform:translateY(-1px) scale(1.04) rotate(0.6deg)} 75%{transform:translateY(-1px) scale(1.04) rotate(-0.6deg)}}