@keyframes auto-zoom{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes text-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.collection-card{position:relative;overflow:hidden;background-color:#130325;border-radius:2.5rem;cursor:pointer;transition:all .5s ease;z-index:1}.collection-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(139,92,246,.4) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:2;pointer-events:none}.collection-card:hover:after{opacity:1}.collection-card img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:all .6s cubic-bezier(.4,0,.2,1);animation:auto-zoom 10s ease-in-out infinite}.collection-card:hover img{opacity:1;transform:scale(1.1) rotate(1deg)!important;filter:brightness(1.2) contrast(1.1);animation-play-state:paused}.collection-card h3{position:relative;z-index:10;color:#fff;animation:text-float 4s ease-in-out infinite;text-shadow:0 4px 15px rgba(0,0,0,.5)}.collection-card:hover h3{transform:scale(1.1) translateY(-10px);color:#a78bfa}body{background-color:#0f011d;color:#fff}.collection-card{background-color:#1a0233;border:1px solid rgba(139,92,246,.1);position:relative;overflow:hidden;border-radius:2.5rem;transition:all .5s ease}.collection-card:hover{border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf633;transform:translateY(-5px)}.collection-card .bg-gradient-to-t{background:linear-gradient(to top,#0f011d 0%,rgba(15,1,29,.8) 30%,transparent 100%)}@layer utilities{@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{display:flex;width:max-content;animation:marquee 20s linear infinite}}