@keyframes card-popup{0%{opacity:0;transform:scale(.9) translateY(20px)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.card.animate-in{animation:card-popup .6s cubic-bezier(.34,1.56,.64,1) forwards}.card{position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;backface-visibility:hidden;will-change:transform;overflow:visible}@media (hover:hover) and (min-width:769px){.card{transition:transform .35s cubic-bezier(.18,.89,.32,1.28),box-shadow .25s ease}.card:hover{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--scale,1.08))}.card:after{content:"";position:absolute;inset:0 0 -12% 0;border-radius:inherit;opacity:0;z-index:-1;pointer-events:none;transition:opacity .3s ease;box-shadow:rgba(var(--card-shadow-color,120,80,255),.25) 0 calc(2% + 8px) calc(2% + 10px),rgba(var(--card-shadow-color,120,80,255),.12) 0 calc(1% + 4px) calc(3% + 12px),rgba(var(--card-shadow-color,120,80,255),.12) 0 calc(.5% + 2px) calc(.5% + 4px),rgba(var(--card-shadow-color,120,80,255),.17) 0 calc(1% + 6px) calc(1% + 8px),rgba(var(--card-shadow-color,120,80,255),.09) 0 calc(.5% + 2px) calc(.5% + 3px)}.card:hover:after{opacity:1}}@media (max-width:768px){.card{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.card:active{transform:translateY(-15px) scale(1.08);box-shadow:0 15px 30px rgba(0,0,0,.25),0 0 20px 5px rgba(120,80,255,.4),0 0 40px 15px rgba(120,80,255,.3)}}.card-glitter{position:absolute;inset:-20px;z-index:-1;opacity:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(120,80,255,.3),rgba(80,70,230,.2),transparent 70%);filter:blur(15px);pointer-events:none;transition:opacity .2s cubic-bezier(.2,.8,.2,1)}.card:active .card-glitter,.card:hover .card-glitter{opacity:1}