body {
  margin:0;
  font-family: Arial, sans-serif;
  background:#050b14;
  color:#fff;
}

/* Hamburger */
#menuBtn {
  position:fixed;
  top:15px;
  left:15px;
  z-index:1001;
  font-size:28px;
  color:#00f6ff;
  cursor:pointer;
}

/* Overlay */
#overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  opacity:0;
  pointer-events:none;
  transition:.3s;
  z-index:999;
}
#overlay.show {
  opacity:1;
  pointer-events:auto;
}

/* Menu */
#sideMenu {
  position:fixed;
  top:0;
  left:-260px;
  width:260px;
  height:100%;
  background:#0a1220;
  padding:80px 20px;
  transition:.3s;
  z-index:1000;
  box-shadow:0 0 20px #00f6ff55;
}
#sideMenu.show {
  left:0;
}

#sideMenu a {
  display:block;
  padding:15px;
  margin-bottom:10px;
  color:#fff;
  text-decoration:none;
  border-radius:10px;
}

#sideMenu a.active {
  background:linear-gradient(135deg,#00f6ff,#00aaff);
  color:#000;
  box-shadow:0 0 15px #00f6ff;
}

/* Content */
.content {
  padding:80px 20px;
}