/* CLICK SAFETY (не меняет дизайн, только снимает перехват кликов невидимыми слоями) */
#preloader{ pointer-events:none !important; } /* если вдруг остался прозрачный */
.modal.hidden{ pointer-events:none !important; }

/* GLASS SHINE + IMPACT */

.nav-item,
.card,
.info-item,
.metric-card,
.btn,
.tab-btn{
  position: relative;
  overflow: hidden;
}

.nav-item::after,
.card::after,
.info-item::after,
.metric-card::after,
.btn::after,
.tab-btn::after{
  content:'';
  position:absolute;
  top:0;
  left:-130%;
  width:120%;
  height:100%;
  background: linear-gradient(
    100deg,
    transparent 20%,
    rgba(255,255,255,.10) 50%,
    transparent 80%
  );
  transform: skewX(-12deg);
  transition: left .65s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}

.nav-item:hover::after,
.card:hover::after,
.info-item:hover::after,
.metric-card:hover::after,
.btn:hover::after,
.tab-btn:hover::after{
  left:130%;
}

.nav-item:hover,
.info-item:hover,
.metric-card:hover,
.btn:hover{
  box-shadow: 0 0 26px rgba(0,255,136,.14);
}

.tab-btn:active{
  transform: scale(.98);
}

.info-item:active,
.metric-card:active,
.btn:active{
  transform: scale(.985);
}

/* extra nav glow on active */
@keyframes navPulse {
  0% { box-shadow: 0 0 0 rgba(0,255,136,0); }
  50% { box-shadow: 0 0 26px rgba(0,255,136,.18); }
  100% { box-shadow: 0 0 0 rgba(0,255,136,0); }
}
.nav-item.active{ animation: navPulse 5s ease-in-out infinite; }