.menu-toggle{position:fixed;opacity:0;pointer-events:none;inset:auto}
.menu-btn{cursor:pointer;user-select:none}
.menu-overlay{position:fixed;inset:0;background:rgba(6,5,10,0.58);opacity:0;pointer-events:none;transition:opacity 220ms ease;z-index:1000}
.menu-drawer{
  position:fixed;
  top:0;
  right:0;
  width:min(320px,86vw);
  height:100vh;
  padding:18px 16px;
  background:
    radial-gradient(circle at 18% 14%,rgba(244,114,182,0.14),transparent 26%),
    radial-gradient(circle at 84% 86%,rgba(192,132,252,0.12),transparent 28%),
    linear-gradient(180deg,rgba(26,17,32,0.98),rgba(12,9,18,0.98));
  border-left:1px solid rgba(255,255,255,0.08);
  box-shadow:-20px 0 60px rgba(0,0,0,0.42);
  transform:translateX(102%);
  transition:transform 260ms ease;
  z-index:1001;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:16px;
  backdrop-filter:blur(16px);
}
.drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-weight:900
}
.drawer-close{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  color:#fff;
  text-decoration:none;
  font-size:1.5rem;
  line-height:1;
  cursor:pointer
}
.drawer-links{
  display:grid;
  gap:10px;
  align-content:start;
  padding-top:4px;
  overflow:auto
}
.drawer-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px;
  border-radius:14px;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  letter-spacing:0.03em;
  background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));
  border:1px solid rgba(255,255,255,0.08);
  transition:transform 180ms ease,background 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease
}
.drawer-links a:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(244,114,182,0.16),rgba(192,132,252,0.12));
  border-color:rgba(244,114,182,0.18);
  box-shadow:0 12px 30px rgba(0,0,0,0.18)
}
.drawer-links a::after{content:">";color:#f472b6;font-size:1.2rem;line-height:1}
.menu-toggle:checked~.menu-overlay{opacity:1;pointer-events:auto}
.menu-toggle:checked~.menu-drawer{transform:translateX(0)}
@media (max-width:640px){.menu-drawer{width:min(300px,88vw)}}