.perspective-1000{perspective:1000px}.backface-hidden{backface-visibility:hidden}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #9f45e84d}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}.card-shine{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 100%;animation:shine 3s infinite}.card-glow{box-shadow:0 0 20px #9f45e880,0 0 40px #9f45e84d,0 0 60px #9f45e81a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-float{animation:float 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #9f45e84d}50%{transform:scale(1.05);box-shadow:0 15px 40px #9f45e880}}.card-pulse{animation:pulse 2s ease-in-out infinite}.card-list::-webkit-scrollbar{width:6px}.card-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.card-list::-webkit-scrollbar-thumb{background:#9f45e880;border-radius:3px}.card-list::-webkit-scrollbar-thumb:hover{background:#9f45e8b3}.card-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.perspective-1000{perspective:800px}}.card-reveal-container{transform-style:preserve-3d;transition:transform .6s}.card-reveal-container.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-face-back{transform:rotateY(180deg)}html{scroll-behavior:smooth}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes sectionReveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.animate-section-reveal{animation:sectionReveal .8s cubic-bezier(.22,1,.36,1) forwards}.card-lift{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.card-lift:hover{transform:translateY(-6px);box-shadow:0 24px 48px #00000040,0 0 0 1px #ffffff0d}@keyframes popupEnter{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayEnter{0%{opacity:0}to{opacity:1}}.popup-enter{animation:popupEnter .25s cubic-bezier(.22,1,.36,1) forwards}.overlay-enter{animation:overlayEnter .2s ease-out forwards}
