.cool-card{position:relative;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;cursor:pointer}.cool-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:linear-gradient(45deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#667eea 100%);background-size:400% 400%;animation:gradient-rotate 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;opacity:0;transition:opacity .3s ease}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cool-card:after{content:"";position:absolute;top:50%;left:50%;width:90%;height:90%;background:radial-gradient(circle,rgba(24,144,255,.15) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.cool-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a,0 0 60px #1890ff1a}.cool-card:hover:before{opacity:1}.cool-card:hover:after{opacity:1}.cool-card-3d{transform-style:preserve-3d;transform:perspective(1000px)}.cool-card-3d:hover{transform:perspective(1000px) rotateX(-10deg) rotateY(10deg) scale(1.05)}.cool-card-shine{position:relative;overflow:hidden}.cool-card-shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s}.cool-card-shine:hover:before{transform:rotate(45deg) translate(100%,100%)}.cool-card-neon{box-shadow:0 0 10px #1890ff80,inset 0 0 10px #1890ff1a}.cool-card-neon:hover{box-shadow:0 0 20px #1890ffcc,0 0 40px #1890ff99,0 0 60px #1890ff66,inset 0 0 20px #1890ff33}.cool-card-particles{position:relative}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;opacity:0;animation:float-particle 3s infinite}@keyframes float-particle{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}.cool-card-morph{border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 100%);transition:all .3s ease}.cool-card-morph:hover{border-radius:32px;background:linear-gradient(135deg,rgba(24,144,255,.1) 0%,rgba(114,46,209,.1) 100%)}.cool-card-wave{position:relative;overflow:hidden}.cool-card-wave:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(24,144,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.cool-card-wave:hover:before{width:300%;height:300%}.cool-card-slide .card-content{transition:transform .3s ease}.cool-card-slide:hover .card-content{transform:translateY(-5px)}.cool-card .card-icon{transition:all .3s ease}.cool-card:hover .card-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 5px 15px rgba(24,144,255,.4))}.cool-card .card-title{position:relative;display:inline-block}.cool-card .card-title:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transition:width .3s ease}.cool-card:hover .card-title:after{width:100%}.cool-card .card-button{position:relative;overflow:hidden;transition:all .3s ease}.cool-card .card-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cool-card .card-button:hover:before{width:300px;height:300px}.cool-card-holographic{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.cool-card-holographic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 30.1%,rgba(255,255,255,.1) 40%,transparent 40.1%,transparent 60%,rgba(255,255,255,.1) 60.1%,rgba(255,255,255,.1) 70%,transparent 70.1%);background-size:20px 20px;animation:holographic-shift 3s linear infinite}@keyframes holographic-shift{0%{transform:translate(0)}to{transform:translate(20px)}}.cool-card-glitch{position:relative}.cool-card-glitch:hover{animation:glitch .3s infinite}@keyframes glitch{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,2px);filter:hue-rotate(90deg)}40%{transform:translate(-2px,-2px);filter:hue-rotate(180deg)}60%{transform:translate(2px,2px);filter:hue-rotate(270deg)}80%{transform:translate(2px,-2px);filter:hue-rotate(360deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}.cool-card-matrix{position:relative;overflow:hidden}.cool-card-matrix:before{content:"10101010101010101010";position:absolute;top:-100%;left:0;width:100%;height:100%;color:#00ff001a;font-family:monospace;font-size:20px;line-height:1;animation:matrix-rain 5s linear infinite;pointer-events:none}@keyframes matrix-rain{to{top:100%}}.cool-card-aurora{position:relative;background:#1a1a2e;overflow:hidden}.cool-card-aurora:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,119,198,.3),transparent 50%),radial-gradient(circle at 40% 50%,rgba(120,219,255,.3),transparent 50%);animation:aurora 10s ease-in-out infinite}@keyframes aurora{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}.cool-card-liquid{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.cool-card-liquid:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:liquid-morph 4s ease-in-out infinite}@keyframes liquid-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 60% 50%/40% 50% 60%}75%{border-radius:60% 40% 60% 50%/60% 40% 50%}}.cool-card-electric:hover{animation:electric-pulse .5s ease-in-out;box-shadow:0 0 30px #00a2ffcc,0 0 60px #00a2ff99,0 0 90px #00a2ff66}@keyframes electric-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.cool-card{padding:20px}.cool-card:hover{transform:translateY(-5px) scale(1.01)}}