.card,.game-card,.vfx-card,.design-card,.media-card,.social-card{width:300px;height:450px;position:relative;display:flex;justify-content:center;align-items:center;padding:0 36px;perspective:2500px;cursor:pointer;border-radius:30px;overflow:visible}.wrapper{transition:all 0.5s;position:absolute;width:100%;z-index:-1;background:#000;border-radius:30px;box-shadow:rgba(0,0,0,0.25) 0px 14px 28px,rgba(0,0,0,0.22) 0px 10px 10px;overflow:visible}.wrapper img{border-radius:30px;box-shadow:rgba(0,0,0,0.25) 0px 14px 28px,rgba(0,0,0,0.22) 0px 10px 10px;transition:filter 0.5s ease}.card:hover .wrapper img{filter:blur(8px) brightness(0.7)}.card:hover .wrapper{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px rgba(0,0,0,0.75)}.wrapper::before,.wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.5s;border-radius:30px;position:absolute;left:0;box-shadow:rgba(0,0,0,0.25) 0px 14px 28px,rgba(0,0,0,0.22) 0px 10px 10px}.wrapper::before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(12,13,19,0.5) 68%,rgba(12,13,19) 97%)}.wrapper::after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(12,13,19,0.5) 68%,rgba(12,13,19) 97%)}.card:hover .wrapper::before,.wrapper::after{opacity:1}.card:hover .wrapper::after{height:120px}.cover-image{width:100%;height:100%;object-fit:cover}.character{width:100%;opacity:0;transition:all 0.5s;border-radius:30px;position:absolute;z-index:-1;object-fit:contain}.card:hover .character{opacity:1;transform:translateY(-20%)}.game-wrapper{transition:all 0.6s ease;position:absolute;width:100%;z-index:-1;background:linear-gradient(135deg,#dc2626,#ea580c);border-radius:30px;box-shadow:rgba(220,38,38,0.25) 0px 14px 28px,rgba(220,38,38,0.22) 0px 10px 10px;overflow:visible}.game-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:30px;transition:filter 0.6s ease}.game-card:hover .game-wrapper img{filter:blur(8px) brightness(0.7)}.game-card:hover .game-wrapper{transform:perspective(900px) translateY(-8%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px rgba(220,38,38,0.75)}.game-wrapper::before,.game-wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.6s;border-radius:30px;position:absolute;left:0}.game-wrapper::before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(220,38,38,0.5) 68%,rgba(220,38,38) 97%)}.game-wrapper::after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(220,38,38,0.5) 68%,rgba(220,38,38) 97%)}.game-card:hover .game-wrapper::before,.game-wrapper::after{opacity:1}.game-card:hover .game-wrapper::after{height:120px}.game-character{width:100%;height:100%;opacity:0;transition:all 0.6s ease;border-radius:30px;position:absolute;z-index:-1;object-fit:contain;filter:brightness(1.1) contrast(1.2)}.game-card:hover .game-character{opacity:1;transform:translateY(-20%) scale(1.05)}.game-icons{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible}.game-icon{position:absolute;width:40px;height:40px;background:rgba(220,38,38,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;opacity:0;transition:all 0.8s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3)}.game-icon-1{top:10%;right:-10%}.game-icon-2{top:30%;left:-15%}.game-icon-3{bottom:30%;right:-5%}.game-icon-4{bottom:10%;left:-10%}.game-card:hover .game-icon{opacity:1;animation:floatGameIcon 3s ease-in-out infinite}@keyframes floatGameIcon{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(180deg)}}.game-card:hover .game-icon-1{transform:translateX(-20px) translateY(-10px)}.game-card:hover .game-icon-2{transform:translateX(25px) translateY(-5px)}.game-card:hover .game-icon-3{transform:translateX(-15px) translateY(10px)}.game-card:hover .game-icon-4{transform:translateX(30px) translateY(15px)}.vfx-wrapper{transition:all 0.6s ease;position:absolute;width:100%;z-index:-1;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:30px;box-shadow:rgba(139,92,246,0.25) 0px 14px 28px,rgba(139,92,246,0.22) 0px 10px 10px;overflow:visible}.vfx-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:30px;transition:filter 0.6s ease}.vfx-card:hover .vfx-wrapper img{filter:blur(8px) brightness(0.7)}.vfx-card:hover .vfx-wrapper{transform:perspective(900px) translateY(-8%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px rgba(139,92,246,0.75)}.vfx-wrapper::before,.vfx-wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.6s;border-radius:30px;position:absolute;left:0}.vfx-wrapper::before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(139,92,246,0.5) 68%,rgba(139,92,246) 97%)}.vfx-wrapper::after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(139,92,246,0.5) 68%,rgba(139,92,246) 97%)}.vfx-card:hover .vfx-wrapper::before,.vfx-wrapper::after{opacity:1}.vfx-card:hover .vfx-wrapper::after{height:120px}.vfx-character{width:100%;height:100%;opacity:0;transition:all 0.6s ease;border-radius:30px;position:absolute;z-index:-1;object-fit:contain;filter:brightness(1.1) contrast(1.2)}.vfx-card:hover .vfx-character{opacity:1;transform:translateY(-20%) scale(1.05)}.vfx-effects{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible}.vfx-effect{position:absolute;width:40px;height:40px;background:rgba(139,92,246,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;opacity:0;transition:all 0.8s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3)}.vfx-effect-1{top:15%;right:-8%}.vfx-effect-2{top:35%;left:-12%}.vfx-effect-3{bottom:35%;right:-7%}.vfx-effect-4{bottom:15%;left:-8%}.vfx-card:hover .vfx-effect{opacity:1;animation:floatVFXEffect 3.5s ease-in-out infinite}@keyframes floatVFXEffect{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-12px) rotate(120deg) scale(1.1)}66%{transform:translateY(-8px) rotate(240deg) scale(0.9)}}.vfx-card:hover .vfx-effect-1{transform:translateX(-25px) translateY(-8px)}.vfx-card:hover .vfx-effect-2{transform:translateX(28px) translateY(-12px)}.vfx-card:hover .vfx-effect-3{transform:translateX(-18px) translateY(8px)}.vfx-card:hover .vfx-effect-4{transform:translateX(32px) translateY(12px)}.design-wrapper{transition:all 0.6s ease;position:absolute;width:100%;z-index:-1;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:30px;box-shadow:rgba(59,130,246,0.25) 0px 14px 28px,rgba(59,130,246,0.22) 0px 10px 10px;overflow:visible}.design-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:30px;transition:filter 0.6s ease}.design-card:hover .design-wrapper img{filter:blur(8px) brightness(0.7)}.design-card:hover .design-wrapper{transform:perspective(900px) translateY(-8%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px rgba(59,130,246,0.75)}.design-wrapper::before,.design-wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.6s;border-radius:30px;position:absolute;left:0}.design-wrapper::before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(16,185,129,0.5) 68%,rgba(16,185,129) 97%)}.design-wrapper::after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(16,185,129,0.5) 68%,rgba(16,185,129) 97%)}.design-card:hover .design-wrapper::before,.design-wrapper::after{opacity:1}.design-card:hover .design-wrapper::after{height:120px}.design-character{width:100%;height:100%;opacity:0;transition:all 0.6s ease;border-radius:30px;position:absolute;z-index:-1;object-fit:contain;filter:brightness(1.1) contrast(1.2)}.design-card:hover .design-character{opacity:1;transform:translateY(-20%) scale(1.05)}.design-tools{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible}.design-tool{position:absolute;width:40px;height:40px;background:rgba(16,185,129,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;opacity:0;transition:all 0.8s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3)}.design-tool-1{top:12%;right:-10%}.design-tool-2{top:28%;left:-14%}.design-tool-3{bottom:28%;right:-6%}.design-tool-4{bottom:12%;left:-9%}.design-card:hover .design-tool{opacity:1;animation:floatDesignTool 4s ease-in-out infinite}@keyframes floatDesignTool{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(90deg)}50%{transform:translateY(-18px) rotate(180deg)}75%{transform:translateY(-12px) rotate(270deg)}}.design-card:hover .design-tool-1{transform:translateX(-22px) translateY(-6px)}.design-card:hover .design-tool-2{transform:translateX(26px) translateY(-10px)}.design-card:hover .design-tool-3{transform:translateX(-16px) translateY(6px)}.design-card:hover .design-tool-4{transform:translateX(28px) translateY(10px)}.media-wrapper{transition:all 0.6s ease;position:absolute;width:100%;z-index:-1;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:30px;box-shadow:rgba(99,102,241,0.25) 0px 14px 28px,rgba(99,102,241,0.22) 0px 10px 10px;overflow:visible}.media-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:30px;transition:filter 0.6s ease}.media-card:hover .media-wrapper img{filter:blur(8px) brightness(0.7)}.media-card:hover .media-wrapper{transform:perspective(900px) translateY(-8%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px rgba(99,102,241,0.75)}.media-wrapper::before,.media-wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.6s;border-radius:30px;position:absolute;left:0}.media-wrapper::before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(99,102,241,0.5) 68%,rgba(99,102,241) 97%)}.media-wrapper::after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(99,102,241,0.5) 68%,rgba(99,102,241) 97%)}.media-card:hover .media-wrapper::before,.media-wrapper::after{opacity:1}.media-card:hover .media-wrapper::after{height:120px}.media-character{width:100%;height:100%;opacity:0;transition:all 0.6s ease;border-radius:30px;position:absolute;z-index:-1;object-fit:contain;filter:brightness(1.1) contrast(1.2)}.media-card:hover .media-character{opacity:1;transform:translateY(-20%) scale(1.05);animation:spinCharacter 3s linear infinite}@keyframes spinCharacter{from{transform:translateY(-20%) scale(1.05) rotate(0deg)}to{transform:translateY(-20%) scale(1.05) rotate(360deg)}}.media-icons{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible}.media-icon{position:absolute;width:40px;height:40px;background:rgba(99,102,241,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;opacity:0;transition:all 0.8s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3)}.media-icon-1{top:10%;right:-10%}.media-icon-2{top:30%;left:-15%}.media-icon-3{bottom:30%;right:-5%}.media-icon-4{bottom:10%;left:-10%}.media-card:hover .media-icon{opacity:1;animation:floatMediaIcon 3s ease-in-out infinite}@keyframes floatMediaIcon{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(180deg)}}.media-card:hover .media-icon-1{transform:translateX(-20px) translateY(-10px)}.media-card:hover .media-icon-2{transform:translateX(25px) translateY(-5px)}.media-card:hover .media-icon-3{transform:translateX(-15px) translateY(10px)}.media-card:hover .media-icon-4{transform:translateX(30px) translateY(15px)}.social-wrapper{transition:all 0.6s ease;position:absolute;width:100%;z-index:-1;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:30px;box-shadow:rgba(14,165,233,0.25) 0px 14px 28px,rgba(14,165,233,0.22) 0px 10px 10px;overflow:visible}.social-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:30px;transition:filter 0.6s ease}.social-card:hover .social-wrapper img{filter:blur(8px) brightness(0.7)}.social-card:hover .social-wrapper{transform:perspective(900px) translateY(-8%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px rgba(14,165,233,0.75)}.social-wrapper::before,.social-wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.6s;border-radius:30px;position:absolute;left:0}.social-wrapper::before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(14,165,233,0.5) 68%,rgba(14,165,233) 97%)}.social-wrapper::after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(14,165,233,0.5) 68%,rgba(14,165,233) 97%)}.social-card:hover .social-wrapper::before,.social-wrapper::after{opacity:1}.social-card:hover .social-wrapper::after{height:120px}.social-character{width:100%;height:100%;opacity:0;transition:all 0.6s ease;border-radius:30px;position:absolute;z-index:-1;object-fit:contain;filter:brightness(1.1) contrast(1.2)}.social-card:hover .social-character{opacity:1;transform:translateY(-20%) scale(1.05)}.social-icons{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible}.social-icon{position:absolute;width:42px;height:42px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;opacity:0;transform:scale(0.8);transition:opacity 0.45s ease,transform 0.45s ease,background 0.3s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.35)}.social-icon-1{top:12%;right:-10%;background:rgba(59,89,152,0.35)}.social-icon-2{top:35%;left:-14%;background:rgba(225,48,108,0.35)}.social-icon-3{bottom:38%;right:-6%;background:rgba(29,161,242,0.35)}.social-icon-4{bottom:14%;left:-9%;background:rgba(0,119,181,0.35)}.social-icon-5{top:50%;right:-14%;background:rgba(255,0,0,0.35)}.social-card:hover .social-icon{opacity:1;transform:scale(1);animation:floatSocialIcon 3.2s ease-in-out infinite}@keyframes floatSocialIcon{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@media (max-width:1200px){.card,.game-card,.vfx-card,.design-card,.media-card,.social-card{width:260px;height:380px;padding:0 20px}}@media (max-width:1024px){.card,.game-card,.vfx-card,.design-card,.media-card,.social-card{width:240px;height:360px;padding:0 18px}}@media (max-width:768px){.card,.game-card,.vfx-card,.design-card,.media-card,.social-card{width:280px;height:400px;padding:0 20px;margin:0 auto}.game-icon,.social-icon,.vfx-effect,.design-tool,.media-icon{width:35px;height:35px;font-size:16px}.game-card:hover .game-icon-1,.game-card:hover .game-icon-2,.game-card:hover .game-icon-3,.game-card:hover .game-icon-4,.social-card:hover .social-icon-1,.social-card:hover .social-icon-2,.social-card:hover .social-icon-3,.social-card:hover .social-icon-4,.social-card:hover .social-icon-5,.vfx-card:hover .vfx-effect-1,.vfx-card:hover .vfx-effect-2,.vfx-card:hover .vfx-effect-3,.vfx-card:hover .vfx-effect-4,.design-card:hover .design-tool-1,.design-card:hover .design-tool-2,.design-card:hover .design-tool-3,.design-card:hover .design-tool-4,.media-card:hover .media-icon-1,.media-card:hover .media-icon-2,.media-card:hover .media-icon-3,.media-card:hover .media-icon-4{transform:scale(0.9)}}@media (max-width:480px){.card,.game-card,.vfx-card,.design-card,.media-card,.social-card{width:250px;height:350px;padding:0 15px}.card:hover .wrapper,.game-card:hover .game-wrapper,.vfx-card:hover .vfx-wrapper,.design-card:hover .design-wrapper,.media-card:hover .media-wrapper,.social-card:hover .social-wrapper{transform:none}.game-icon,.social-icon,.vfx-effect,.design-tool,.media-icon{display:none}}@media (max-width:360px){.card,.game-card,.vfx-card,.design-card,.media-card,.social-card{width:220px;height:320px}}