/* Mobile Nav Styles */
.hamburger-btn {
  display: none;
  background: none;
  border: none;
  color: var(--dim, #94a3b8);
  font-size: 24px;
  cursor: pointer;
  padding: 8px;
  position: absolute;
  top: 12px;
  right: 20px;
  z-index: 999999;
}
.hamburger-btn:hover { color: var(--green, #10b981); }

.mobile-menu-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10, 10, 15, 0.8);
  backdrop-filter: blur(5px);
  z-index: 999997;
}
.mobile-menu-overlay.active { display: block; }

.mobile-menu {
  display: none;
  position: fixed;
  top: 60px;
  left: 20px;
  right: 20px;
  background: rgba(15, 15, 20, 0.95);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 20px;
  z-index: 999998;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}
.mobile-menu.active { display: flex; flex-direction: column; gap: 16px; }

.mobile-menu a {
  color: var(--dim, #94a3b8);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.mobile-menu a:last-child { border-bottom: none; }
.mobile-menu a:hover { color: var(--white, #fff); }
.mobile-menu .nav-tag { float: right; margin-top: 2px; }

@media (max-width: 800px) {
  .hamburger-btn { display: block; }
  .nav-links { display: none !important; }
  nav { padding: 16px 28px !important; }
  .nav-inner { flex-direction: row !important; align-items: center !important; }
}