#sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:998;}
#sidebar-overlay.act{opacity:1;visibility:visible;}
.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:16px;background:transparent;border:none;cursor:pointer;z-index:1000;padding:0;}
.hamburger span{width:100%;height:2px;background-color:var(--t);border-radius:2px;transition:transform 0.3s ease,opacity 0.2s ease;}
@media(max-width:768px){
    .hamburger{display:flex;}
    .hamburger.act span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .hamburger.act span:nth-child(2){opacity:0;}
    .hamburger.act span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:rgba(26,27,30,0.75);border-left:1px solid rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;padding:90px 24px;gap:12px;box-shadow:-10px 0 30px rgba(0,0,0,0.3);transition:right 0.4s cubic-bezier(0.16,1,0.3,1);z-index:999;}
    nav.act{right:0;}
    nav a{margin-left:0;font-size:1.1rem;width:100%;text-align:left;padding:12px 16px;border-radius:6px;color:var(--m);transition:background-color 0.2s,color 0.2s;}
    nav a:hover{background-color:rgba(255,255,255,0.05);color:var(--t);}
    .btn-nav{display:block;text-align:center;background-color:var(--a);color:#fff;margin-top:10px;}
    .btn-nav:hover{background-color:var(--h);}}