.card-swap-container{transform-origin:100% 100%;perspective:1200px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,15%)}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#0a0a0c;border:1px solid #ffffff14;border-radius:20px;transition:border-color .3s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d}.card:hover{border-color:#3b82f64d}.card h3{z-index:5;text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 12px #000c;font-size:1.25rem;font-weight:900;position:absolute;top:24px;left:24px}.card p{z-index:5;text-transform:uppercase;letter-spacing:.15em;color:#3b82f6;text-shadow:0 2px 4px #00000080;font-size:.75rem;font-weight:700;position:absolute;bottom:24px;left:24px}@media (max-width:1024px){.card-swap-container{transform:scale(.85)translate(25%,15%)}}@media (max-width:768px){.card-swap-container{transform:scale(.7)translate(35%,15%)}}@media (max-width:480px){.card-swap-container{transform:scale(.5)translate(45%,15%)}}
.text-rotate{white-space:nowrap;display:inline-flex;position:relative}.text-rotate-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-rotate-word{display:inline-flex}.text-rotate-lines{flex-direction:column;width:100%;display:flex}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}