.card-swap-container{transform:translate(-50%,-50%);transform-origin:center center;perspective:900px;overflow:visible}.card,.card-swap-container{position:absolute;top:50%;left:50%}.card{border-radius:12px;border:1px solid #e2e8f0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;transition:box-shadow .3s ease}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card-content{padding:1.5rem;text-align:center}.card-icon{width:3rem;height:3rem;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:white}.card-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.4}.card-description{font-size:.875rem;color:#64748b;line-height:1.5}@media (max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}.card-content{padding:1rem}.card-icon{width:2.5rem;height:2.5rem}.card-title{font-size:1rem}.card-description{font-size:.8rem}}@media (max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}