/* ── HEADER ───────────────────────────────── */
.glass-header {
  background: rgba(5,5,5,.45);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.nav-link {
  position: relative; color: #d1d5db; font-weight: 500;
  font-size: 0.85rem; letter-spacing: 0.5px; text-transform: uppercase;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none; transition: color .3s;
  cursor: pointer; height: 100%; display: flex; align-items: center;
}
.nav-link:hover { color: #fff; }
.nav-link::after {
  content:''; position:absolute; width:0%; height:2px;
  bottom:20px; left:0;
  background: linear-gradient(90deg, var(--dotsi-blue), var(--dotsi-purple));
  transition: width .3s ease;
}
.nav-link:hover::after { width:100%; }

/* ── NAV DOTS (right sidebar) ─────────────── */
#nav-dots {
  position: fixed; right: 24px; top: 50%;
  transform: translateY(-50%);
  z-index: 200; display: flex; flex-direction: column; gap: 14px;
}
.nav-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.2); cursor: pointer;
  border: 1px solid rgba(255,255,255,.3);
  transition: all .3s; position: relative;
}
.nav-dot::after {
  content: attr(data-label);
  position: absolute; right: 20px; top: 50%;
  transform: translateY(-50%);
  white-space: nowrap; font-size: 11px;
  color: rgba(255,255,255,0); transition: color .3s;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0,0,0,.9);
  font-family: 'Space Grotesk', sans-serif;
}
.nav-dot:hover::after { color: rgba(255,255,255,.85); }
.nav-dot.active {
  background: var(--fiber); border-color: var(--fiber);
  box-shadow: 0 0 12px rgba(0,243,255,.9);
  transform: scale(1.35);
}

/* ── DROPDOWN MENUS ───────────────────────── */
.group:hover .dropdown-menu {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.dropdown-menu {
  opacity: 0; visibility: hidden;
  transform: translateY(15px);
  transition: all .3s cubic-bezier(.4,0,.2,1);
  background: rgba(15,15,20,.95);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1);
}
.dropdown-item {
  color: #9ca3af;
  transition: all .2s ease;
  position: relative;
}
.dropdown-item:hover {
  color: white;
  background: rgba(255,255,255,.05);
  padding-left: 1.5rem;
}
.dropdown-item::before {
  content: ''; position: absolute;
  left: 0; top: 0; height: 100%; width: 2px;
  background: linear-gradient(to bottom, var(--dotsi-blue), var(--dotsi-purple));
  opacity: 0; transition: opacity .2s;
}
.dropdown-item:hover::before { opacity: 1; }