.flip-card{perspective:1000px;cursor:pointer;height:450px;margin-bottom:24px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:400px;border:2px solid #e5e7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.flip-card-front{overflow:hidden;z-index:2;transform:rotateY(0deg)}.flip-card-back{transform:rotateY(180deg);overflow:hidden;display:flex;flex-direction:column}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flip-card:not(.flipped):hover .flip-card-front{box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.08);border-color:#3b82f6;transform:translateY(-2px);transition:all .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.flip-card:not(.flipped):hover button{animation:pulse 2s ease-in-out infinite}.flip-card-front .text-right{max-width:35%;flex-shrink:0;overflow:hidden}.flip-card-front .flex-1{min-width:0;overflow:hidden}@media (max-width:640px){.flip-card-back,.flip-card-front{min-height:450px}.flip-card-front .text-right{max-width:40%}.flip-card-front .text-right span[class*=text-lg]{font-size:.7rem!important;line-height:1!important}.flip-card-front .text-right span[class*=text-base]{font-size:.75rem!important}.flip-card-front .text-right span[class*=text-xs]{font-size:.6rem!important}.flip-card-front .text-right .flex{gap:.125rem!important}}.flip-card-back>div,.flip-card-front>div{max-width:100%}