.card-swap-container{transform:translate(-50%,-50%);transform-origin:center;perspective:3000px;overflow:visible}.card,.card-swap-container{position:absolute;top:50%;left:50%}.card{border-radius:12px;border:1px solid rgba(16,185,129,.3);background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 1px rgba(16,185,129,0),inset 0 0 50px rgba(255,193,7,0);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:480px){.card-swap-container{transform:translate(-50%,-50%);perspective:2000px}.card{border-radius:8px;border-width:1px;box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 1px rgba(16,185,129,.2),inset 0 0 30px rgba(255,193,7,.05)}}@media (max-width:768px) and (min-width:481px){.card-swap-container{transform:translate(-50%,-50%);perspective:2500px}.card{border-radius:10px;border-width:1px;box-shadow:0 6px 20px rgba(0,0,0,.25),0 0 1px rgba(16,185,129,.25),inset 0 0 40px rgba(255,193,7,.08)}}@media (max-width:1024px) and (min-width:769px){.card-swap-container{transform:translate(-50%,-50%);perspective:2800px}.card{border-radius:11px}}@media (min-width:1025px){.card-swap-container{transform:translate(-50%,-50%);perspective:3000px}.card{border-radius:12px}}