body::after {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
  opacity: 0.4;
}

.hero-mask {
  mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, black 20%, transparent 100%);
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #c9a84c;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

/* --- ACTIVE STATE FIX --- */
/* JS jo class add karega uske liye */
.active-page { 
  color: #c9a84c !important; 
  opacity: 1 !important;
}

/* Desktop active underline */
.nav-link.active-page::after {
  width: 100% !important;
}

/* Mobile active indicator */
.m-link.active-page {
  border-left: 3px solid #c9a84c;
  padding-left: 12px !important;
}