/* UX NEXT — Cards 3D + Glow (safe add-on) */

.mind-card{
  position: relative;
  transform-style: preserve-3d;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  will-change: transform;
}

/* Glow ring */
.mind-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(260px 140px at 20% 0%, rgba(68,166,65,.24), transparent 60%),
    radial-gradient(260px 140px at 80% 100%, rgba(7,140,3,.18), transparent 60%);
  filter: blur(10px);
  transition: opacity .22s ease;
}

/* Subtle grid sheen */
.mind-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(120deg, transparent, rgba(242,242,242,.10), transparent);
  mix-blend-mode: screen;
  transition: opacity .22s ease;
}

.mind-card:hover{
  transform: translateY(-4px) perspective(900px) rotateX(2.5deg) rotateY(-2.5deg);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  filter: brightness(1.03);
}

.mind-card:hover::before,
.mind-card:hover::after{
  opacity:1;
}

/* Accent border highlight if card has border */
.mind-card:hover{
  border-color: rgba(68,166,65,.45) !important;
}

/* Optional: badges inside cards */
.mind-badge{
  display:inline-flex;
  gap:6px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(68,166,65,.25);
  background: rgba(255,255,255,.04);
  color: rgba(242,242,242,.88);
  font-size:12px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .mind-card{ transition:none; }
  .mind-card:hover{ transform:none; }
  .mind-card::before,.mind-card::after{ display:none; }
}