.vortex-cards-container{perspective:1000px}.vortex-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.vortex-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(110,218,126,.1),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none}.vortex-card:hover:before{opacity:1}.vortex-card-initial{opacity:0;transform:rotateX(90deg) translateY(50px)}.vortex-card-animated{opacity:1;transform:rotateX(0deg) translateY(0)}@media (max-width:768px){.vortex-cards-container{perspective:none}.vortex-card{transform-style:flat}.vortex-card:hover{transform:none!important}}@media (min-width:769px){.vortex-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(110,218,126,.2)}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.card-container{position:relative;margin-top:8px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);height:100%}.card-container.hovered{transform:translateY(-8px)}.ultra-card{position:relative;background:linear-gradient(145deg,rgba(25,25,25,.7),rgba(15,15,15,.9));backdrop-filter:blur(12px);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05);height:100%;display:flex;flex-direction:column}.card-container.hovered .ultra-card{box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(110,218,126,.2);border-color:rgba(110,218,126,.3)}.card-header{position:relative;padding:30px 20px 15px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden}.card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.card-accent-line{position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0;transition:all .3s ease;opacity:.9;background:linear-gradient(90deg,#6eda7e,#5bc76a,#6eda7e)}.card-container.hovered .card-accent-line{opacity:1;box-shadow:0 0 10px rgba(110,218,126,.3)}.card-backdrop{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0,transparent 50%);opacity:0;transition:opacity .5s ease;z-index:-1}.card-container.hovered .card-backdrop{opacity:1}.card-bg-accent{position:absolute;top:0;right:0;width:150px;height:150px;border-radius:50%;filter:blur(50px);opacity:.1;transition:all .5s ease;z-index:0}.card-container.hovered .card-bg-accent{opacity:.2;width:200px;height:200px}.card-shine{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:0;transition:opacity .5s ease}.card-container.hovered .card-shine{opacity:1}.card-glow{position:absolute;inset:0;border-radius:24px;opacity:0;transition:opacity .5s ease;z-index:-1;box-shadow:0 0 40px #6eda7e}.card-container.hovered .card-glow{opacity:.15}.card-icon-wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(110,218,126,.1);margin:0 auto 15px;transition:all .3s ease}.card-container.hovered .card-icon-wrapper{background:rgba(110,218,126,.2);transform:scale(1.1)}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:white;transition:all .3s ease}.card-container.hovered .card-title{color:#6eda7e}@media (max-width:768px){.card-container{margin-top:0}.card-container.hovered{transform:none}.card-title{font-size:1.25rem}}@media (max-width:1200px){.card-title{font-size:1.35rem}}