/* 🔧 Patch for Luminomorphism - Clarity Enhancement without losing identity */

.nav-links > .dropdown > a {
  display: inline-block;
  padding: 8px 12px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}

/* Overlay noise on each card for anti-banding and texture */
.l-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGBgAAAABAABJzQnCgAAAABJRU5ErkJggg==");
  background-repeat: repeat;
  opacity: 0.02;
  mix-blend-mode: soft-light;
  pointer-events: none;
  z-index: 1;
}

.l-card {
  position: relative;
  width: 260px;
  height: 260px;
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.04), rgba(0,0,0,0.1)),
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.05), transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
    0 25px 50px rgba(0, 0, 0, 0.4),
    0 0 6px rgba(255, 255, 255, 0.07),
    inset 0 0 120px rgba(255, 255, 255, 0.015);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e8f9ff;
  font-size: 1.1rem;
  font-weight: 600;
  overflow: hidden;
  transform: perspective(1000px) var(--card-transform, rotateX(0deg) rotateY(0deg));
  transform-style: preserve-3d;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 0;
}