.stack-container{display:flex;height:450px;justify-content:center;align-items:center;padding:2rem 0;width:100%;perspective:1000px;overflow:visible}.stack-card{display:flex;flex-direction:column;height:360px;width:280px;background-color:hsl(var(--card));border-radius:16px;box-shadow:-1rem 0 3rem rgba(0,0,0,.1);transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;margin-right:-120px;border:1px solid hsl(var(--border));overflow:hidden;background:hsl(var(--card))}.dark .stack-card{box-shadow:-1rem 0 3rem rgba(0,0,0,.4)}.stack-card:last-child{margin-right:0}.stack-card:hover{transform:translateY(-25px) rotate(0deg);z-index:30;box-shadow:0 20px 40px rgba(0,0,0,.2);margin-right:20px;margin-left:10px}.stack-card:hover~.stack-card{transform:translateX(100px)}.stack-title{color:hsl(var(--card-foreground));font-weight:700;position:absolute;left:24px;top:28px;width:140px;font-size:1.25rem;line-height:1.3;z-index:5;transition:width .3s}.stack-card:hover .stack-title{width:230px}.stack-bar{position:absolute;top:110px;left:24px;height:4px;width:60px;background-color:hsl(var(--muted));border-radius:2px;overflow:hidden;transition:width .3s}.stack-filledbar{position:absolute;top:0;left:0;width:0;height:100%;background:hsl(var(--primary));transition:width .4s ease-out}.stack-card:hover .stack-bar{width:230px}.stack-card:hover .stack-filledbar{width:100%}.stack-content{position:absolute;top:140px;left:24px;right:24px;opacity:.6;filter:blur(.5px);transform:translateY(0);transition:all .4s ease-out;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.stack-card:hover .stack-content{opacity:1;filter:blur(0);-webkit-line-clamp:8;line-clamp:8}.stack-circle-container{position:absolute;bottom:24px;right:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}@media (max-width:768px){.stack-container{height:auto;flex-direction:column;padding:2rem 0;align-items:center;gap:1.5rem}.stack-card{height:320px;width:100%;max-width:340px;margin-right:0!important;box-shadow:0 4px 20px rgba(0,0,0,.1)}.stack-card:hover{transform:translateY(-5px);margin-right:0;margin-left:0}.stack-card:hover~.stack-card{transform:none}}