.stack-content{position:relative;width:100%;max-width:600px;margin:0 auto;padding:100px 2px}.stack-card{cursor:pointer;border-radius:24px;position:sticky;display:flex;color:white;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:20px;border:solid rgba(56,71,102,.686);border-width:3px 3px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform ease-in-out;flex-direction:column}.skills,.stack-card{background:linear-gradient(0deg,rgb(53,94,165),rgba(10,37,77,.5))}.skills{border:solid rgba(56,71,102,.686)}.stack-card.one{top:100px;transform:translateX(350px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.one:hover{transform:translateX(470px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.two{top:120px;transform:translateX(280px) skewY(5deg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform 1s ease-in-out}.stack-card.two:hover{transform:translateX(400px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.three{top:140px;transform:translateX(210px) skewY(5deg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform 1s ease-in-out}.stack-card.three:hover{transform:translateX(310px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.four{top:160px;transform:translateX(140px) skewY(5deg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform 1s ease-in-out}.stack-card.four:hover{transform:translateX(240px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.five{top:180px;transform:translateX(70px) skewY(5deg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform 1s ease-in-out}.stack-card.five:hover{transform:translateX(170px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.six{top:200px;transform:translateX(0) skewY(5deg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform 1s ease-in-out}.stack-card.six:hover{transform:translateX(100px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.seven{top:220px;transform:translateX(-70px) skewY(5deg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform 1s ease-in-out}.stack-card.seven:hover{transform:translateX(-30px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.eight{top:240px;transform:translateX(-140px) skewY(5deg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform 1s ease-in-out}.stack-card.eight:hover{transform:translateX(-40px) skewY(5deg);transition:transform 1s ease-in-out}.stack-card.active{transform:skewY(0) rotateX(0deg) scale(1.05);z-index:20;height:auto;min-height:400px;align-items:flex-start;padding-top:40px}.stack-card.clicked{transform:skewY(0) scale(1.05);z-index:100;box-shadow:0 15px 35px rgba(0,0,0,.3),0 0 0 2px rgba(255,255,255,.1);transition:transform .4s ease,box-shadow .3s ease}.stack-card.one.clicked{transform:translateX(150px) skewY(0) scale(1.05)}.stack-card.two.clicked{transform:translateX(50px) skewY(0) scale(1.05)}.stack-card.three.clicked{transform:translateX(-50px) skewY(0) scale(1.05)}.stack-card.four.clicked{transform:translateX(-150px) skewY(0) scale(1.05)}.card-popup{position:fixed;width:250px;padding:20px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:white;pointer-events:none;z-index:1000;transform:translateZ(0);box-shadow:0 5px 15px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);transition:transform .1s ease-out}.card-popup h3{font-size:18px;margin-bottom:8px;font-weight:700}.card-popup p{font-size:14px;line-height:1.4;color:rgba(255,255,255,.9)}.custom-cursor-wrapper{mix-blend-mode:difference}.custom-cursor-wrapper,.custom-cursor-wrapper-footer{position:fixed;top:0;left:0;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:ease-in-out}.cursor-outer{top:0;left:0;transform:translate(-50%,-50%)}.cursor-inner,.cursor-outer{position:absolute}.stack-card{width:90%;height:47vh;font-size:clamp(1.5rem,6vw,5rem)}@media (max-width:768px){.stack-content{padding:5px}.stack-card{top:0;margin:10px auto;height:auto}.stack-card,.stack-card.eight,.stack-card.eight:hover,.stack-card.five,.stack-card.five:hover,.stack-card.four,.stack-card.four:hover,.stack-card.one,.stack-card.one:hover,.stack-card.seven,.stack-card.six,.stack-card.six:hover .stack-card.seven:hover,.stack-card.three,.stack-card.three:hover,.stack-card.two,.stack-card.two:hover{transform:none}.card-popup{width:80%;left:10%!important;top:auto!important;bottom:20px;transform:none!important}}.dot{width:10px;height:10px;background-color:white;border-radius:50%}.dot-animation{animation:bounce 1.4s ease-in-out infinite both}.delay-0{animation-delay:0s}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}