.card-swap-container{position:relative;perspective:1200px;display:flex;justify-content:center;align-items:center;margin:0 auto;height:100%;min-height:480px;overflow:visible;z-index:1}.card,.card-swap-container{width:100%;transform-style:preserve-3d}.card{position:absolute;top:50%;left:50%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);background:rgba(15,23,42,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:default;transition:transform .2s ease-out;opacity:1;visibility:visible;max-width:580px;height:350px;pointer-events:none;will-change:transform,opacity}.card:hover{transform:translateY(-5px) scale(1.02) translateZ(5px)!important;box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2)}.card-header{background-color:rgba(15,23,42,.9);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 20px;display:flex;align-items:center;height:50px;position:relative;z-index:2}.card-icon{margin-right:15px}.card-body,.card-icon{display:flex;align-items:center;justify-content:center;color:white}.card-body{width:100%;height:300px;border-radius:0 0 16px 16px;position:relative;overflow:hidden}.active-card{z-index:10;box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2)}@media (max-width:768px){.active-card{animation:activeCardPulse 2s cubic-bezier(.455,.03,.515,.955) infinite alternate}@keyframes activeCardPulse{0%{box-shadow:0 15px 45px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2)}to{box-shadow:0 15px 45px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.3)}}}.card h3{font-size:1.5rem;margin-bottom:.5rem;color:white}.card p{font-size:1rem;color:rgba(255,255,255,.8);line-height:1.6}.card .feature-list{margin-top:1.5rem;list-style-type:none;padding:0}.card .feature-list li{display:flex;align-items:center;margin-bottom:.75rem;color:rgba(255,255,255,.8)}.card .feature-list li:before{content:"";display:block;width:8px;height:8px;background:#60a5fa;border-radius:50%;margin-right:12px;flex-shrink:0}.card-content{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.card-swap-container{cursor:default;pointer-events:auto}@media (min-width:769px){.card-body img{transition:transform .7s cubic-bezier(.19,1,.22,1);image-rendering:-webkit-optimize-contrast;backface-visibility:hidden}.active-card .card-body img{transform:scale(1.02)}.colorful-number svg{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.active-card .colorful-number svg{transform:scale(1.03)}}@media (max-width:1280px){.card{max-width:522px;height:330px}.card-body{height:280px}}@media (max-width:768px){.card-swap-container{min-height:400px;perspective:1000px}.card{max-width:464px;height:300px;transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94)}.card-header{padding:9px 18px;height:46px}.card-body{height:254px}.card-body .bg-gradient-to-t{transition:opacity .4s ease}.active-card .card-body .bg-gradient-to-t{opacity:.7}}@media (max-width:480px){.card-swap-container{min-height:350px;perspective:800px;height:350px;overflow:hidden}.card{max-width:100%;height:350px;transform-origin:center center!important;transition:opacity .4s ease-out,transform .4s ease-out,box-shadow .4s ease-out}.card-header{padding:8px 16px;height:42px}.card-body{height:308px}.active-card{animation:mobileCardPulse 3s cubic-bezier(.455,.03,.515,.955) infinite alternate;box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.25)}@keyframes mobileCardPulse{0%{box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.15)}to{box-shadow:0 15px 35px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.25)}}.card[style*=transform]{
    /* !important to override inline styles applied by JS */left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:100%!important}.card:not(.active-card){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .4s ease-out,visibility .4s ease-out!important}.active-card{opacity:1!important;visibility:visible!important;z-index:10!important;transform:translate(-50%,-50%)!important;transition:opacity .5s ease-in,transform .5s cubic-bezier(.19,1,.22,1)!important}.active-card .card-body img{transform:scale(1.05);transition:transform .8s cubic-bezier(.19,1,.22,1)}.active-card .colorful-number svg{transform:scale(1.08);transition:transform .7s cubic-bezier(.175,.885,.32,1.275)}}@media (hover:none) and (pointer:coarse){.card:hover{transform:none!important;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1)}}