.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:12px;border:1px solid hsl(var(--border));background-color:#fff;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .3s ease;cursor:pointer}.dark .card{background-color:#111827}.card-active:hover{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 60px rgba(96,165,250,.3);border-color:rgba(96,165,250,.6);z-index:9999!important}.card img{transition:transform .3s ease}.card-active:hover img{transform:scale(1.15)}@media (max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.star-button-base .inner-content{background:#000;color:#fff;padding:16px 26px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid #222;border-radius:20px}.star-button-base:hover .inner-content{background:#1a1a1a}.star-button-base:active .inner-content{transform:scale(.98)}.star-button-base:disabled .inner-content{opacity:.5;cursor:not-allowed}.star-button-1 .inner-content{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border-color:#00ced1}.star-button-1:hover .inner-content{background:linear-gradient(135deg,#1a1a2e,#2a2a3e)}.star-button-2 .inner-content{background:linear-gradient(135deg,#0a0a0a,#1e0a2e);border-color:#9b59b6}.star-button-2:hover .inner-content{background:linear-gradient(135deg,#1e0a2e,#2e1a3e)}.star-button-3 .inner-content{background:linear-gradient(135deg,#0a0a0a,#0a2e0a);border-color:#0f0}.star-button-3:hover .inner-content{background:linear-gradient(135deg,#0a2e0a,#1a3e1a)}