.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:20px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 12px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:768px){.card-swap-container{right:auto;left:50%;transform:translateX(-50%) scale(.72);transform-origin:bottom center}}@media (max-width:480px){.card-swap-container{transform:translateX(-50%) scale(.6)}}.ferrofluid-container{position:relative;width:100%;height:100%;overflow:hidden}