@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.floating-card{position:relative;width:320px;height:200px;margin:2rem auto;perspective:1000px;cursor:pointer;animation:float 6s ease-in-out infinite}.floating-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease;pointer-events:none;z-index:-1}.floating-card .card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .8s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.floating-card .card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.2);transition:all .6s ease}.floating-card .card-front{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));border:1px solid rgba(255,255,255,.3);color:#333}.floating-card .card-back{background:linear-gradient(135deg,rgba(241,144,99,.9),rgba(220,120,79,.9));border:1px solid rgba(255,255,255,.2);color:white;transform:rotateY(180deg)}.floating-card:hover{animation-play-state:paused}.floating-card:hover .card-inner{transform:rotateY(180deg) translateZ(20px)}.floating-card:hover .card-face{box-shadow:0 30px 60px rgba(0,0,0,.15),0 15px 30px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3)}.floating-card:hover:before{width:400px;height:400px}@media (prefers-reduced-motion:reduce){.floating-card{animation:none}.floating-card .card-inner{transition:transform .3s ease}.floating-card:hover .card-inner{transform:rotateY(180deg)}}@media (max-width:768px){.floating-card{width:280px;height:180px}}