.card{position:relative;align-items:center;justify-content:center;width:320px;border-radius:24px;line-height:1.6}.card,.content{display:flex;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.content{flex-direction:column;align-items:flex-start;gap:24px;padding:36px;border-radius:22px;color:#ffffff;background:rgba(15,22,49,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content:before{top:-4%;width:90%;height:90%;background:linear-gradient(135deg,#b9c6f8,#87CEEB);z-index:-1}.content:after,.content:before{position:absolute;content:"";left:50%;transform:translate(-50%);transform-origin:bottom;border-radius:inherit;transition:all .4s cubic-bezier(.23,1,.32,1)}.content:after{top:-8%;width:80%;height:80%;background:linear-gradient(135deg,#ced2e8,#FF6B6B);z-index:-2}.content svg{width:48px;height:48px;transition:all .4s cubic-bezier(.23,1,.32,1)}.content .para{opacity:1;font-size:18px}.content .link,.content .para{z-index:1;transition:all .4s cubic-bezier(.23,1,.32,1)}.content .link{color:#87CEEB;text-decoration:none;font-family:inherit;font-size:16px}.content .link:hover{color:#FF6B6B;text-decoration:underline}.card:hover{transform:translateY(-16px) scale(1.02)}.card:hover .content:before{transform:translate(-50%) rotate(-8deg) scale(1.1);top:0}.card:hover .content:after{transform:translate(-50%) rotate(8deg) scale(1.1);top:0}.card:hover svg{transform:scale(1.2) rotate(10deg)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:float 3s ease-in-out infinite}.gradient-animate{background-size:200% 200%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:640px){.card{width:100%}.content{padding:24px}}