.menu-btn {
  position: fixed; top: 20px; right: 20px;
  width: 35px; height: 25px; cursor: pointer; z-index: 1001;
}
.menu-btn span {
  display: block; height: 3px; background: #FFD700;
  margin: 6px 0; transition: 0.3s;
}

.side-menu {
  position: fixed; top:0; right:0; width:190px; height:100%;
  background: rgba(0,0,0,0.3); backdrop-filter: blur(15px);
  padding-top:80px; padding-right:18px;
  display:flex; flex-direction: column; gap:20px;
  transition: transform 0.4s ease; z-index:1000; transform: translateX(100%);
}
.side-menu.active { transform: translateX(0); }

.side-menu a {
  color:#FFD700; text-decoration:none; font-size:14px;
  text-align:right; position:relative;
}
.side-menu a::after {
  content:''; position:absolute; right:0; bottom:-4px;
  width:0; height:1px; background:#FFEA00; transition:0.3s;
}
.side-menu a:hover::after { width:100%; }

@media(max-width:768px){
    .side-menu { width:177px; padding-top:60px; padding-right:15px; }
    .side-menu a { font-size:14px; }
    .menu-btn { width:30px; height:22px; }
    .menu-btn span { height:2.5px; margin:5px 0; }
}