.card{isolation:isolate}
  .card>*{position:relative;z-index:2}
  .card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(237,232,221,.07)}
  .card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 44px rgba(22,201,176,.3);animation:cardBreath 4s ease-in-out infinite}
  @keyframes cardBreath{0%,100%{opacity:.3}50%{opacity:1}}
  .card:nth-child(2)::after{animation-delay:0.90s}
  .card:nth-child(3)::after{animation-delay:1.35s}
  .card:nth-child(4)::after{animation-delay:1.80s}
  .card:nth-child(5)::after{animation-delay:2.25s}
  .card:nth-child(6)::after{animation-delay:2.70s}
  .card:nth-child(7)::after{animation-delay:3.15s}
  .card:nth-child(8)::after{animation-delay:3.60s}
  .card:nth-child(9)::after{animation-delay:0.05s}
  .card:nth-child(10)::after{animation-delay:0.50s}
  .card:nth-child(11)::after{animation-delay:0.95s}
  .card:nth-child(12)::after{animation-delay:1.40s}
  @media(prefers-reduced-motion:reduce){.card::after{animation:none;opacity:.5}}
  /*hover0929*/
  .card{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,box-shadow .35s}
  .card:hover{transform:translateY(-8px);background:rgba(22,201,176,.10);border-color:var(--teal);box-shadow:0 22px 50px rgba(0,0,0,.45),0 0 22px rgba(22,201,176,.45),inset 0 0 18px rgba(22,201,176,.18)}