@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--card-w:200px;--card-h:300px;--radius:750px}html,body{color:#fff;background:radial-gradient(circle,#1a1d1a 0%,#ad753c 60%,#000 100%);height:100vh;margin:0;font-family:sans-serif;overflow:hidden}h1,p,button{margin:0;font-family:Poppins,sans-serif}.stage{perspective:2000px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;margin-top:50px;display:flex;position:relative}.carousel-track{width:var(--card-w);height:var(--card-h);touch-action:pan-y;position:absolute;top:15%}.card{transform-origin:50% var(--radius);filter:brightness(.5);backface-visibility:hidden;will-change:transform;background-position:50%;background-size:cover;border-radius:30px;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;position:absolute;inset:0;overflow:hidden;transform:rotate(0)scale(.8);box-shadow:0 20px 40px #0006,0 10px 20px #0000004d}.card:before{content:"";pointer-events:none;opacity:.6;border-radius:inherit;background:linear-gradient(120deg,#ffffff4d 0%,#ffffff14 25%,#fff0 55%);position:absolute;inset:0}.card.active{filter:brightness();z-index:10}.content{z-index:20;text-align:center;flex-direction:column;gap:10px;max-width:500px;margin-top:380px;display:flex}.nav{z-index:999;justify-content:center;gap:20px;margin-top:20px;margin-bottom:30px;display:flex;position:relative}.nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;width:50px;height:50px;transition:background .3s,transform .3s}.nav button:hover{transform:scale(1.1)}@media (width<=768px){:root{--card-w:140px;--card-h:210px;--radius:500px}.carousel-track{top:10%}.content{width:90%;margin-top:360px}h1{font-size:1.8rem}p{font-size:.9rem}}