.flip-card{perspective:1000px;cursor:pointer;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform-style:preserve-3d;transition:all .3s ease}.flip-card-front{z-index:2;background-size:200% 200%;animation:gradient-shift 5s ease infinite}.flip-card-back{transform:rotateY(180deg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.5) rgba(255,255,255,.1)}.light .flip-card-back,.light .flip-card-front{background:linear-gradient(to bottom right,#a78bfa,#8b5cf6)}.dark .flip-card-back,.dark .flip-card-front{background:linear-gradient(to bottom right,rgba(17,24,39),rgba(46,16,101))}.flip-card-back::-webkit-scrollbar{width:4px}.flip-card-back::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.flip-card-back::-webkit-scrollbar-thumb{background-color:rgba(124,58,237,.5);border-radius:10px}.light .flip-card-back,.light .flip-card-front{box-shadow:0 4px 15px -1px rgba(124,58,237,.2),0 2px 8px -1px rgba(45,212,191,.15)}.light .flip-card-back{scrollbar-color:rgba(124,58,237,.5) rgba(0,0,0,.05)}.light .flip-card-back::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.light .flip-card-back::-webkit-scrollbar-thumb{background-color:rgba(124,58,237,.5)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:1200px){.flip-card{margin-bottom:1rem}}@keyframes scroll-loop{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.animate-scroll-loop{display:flex;width:200%;animation:scroll-loop 30s linear infinite}@media (max-width:640px){.animate-scroll-loop{animation-duration:20s}.flip-card-back,.flip-card-front{padding:.5rem}.flip-card-back::-webkit-scrollbar{width:2px}.flip-card-back{font-size:.75rem}}