body{color:#f8fafc;background-color:#050511;flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.bg-orb{filter:blur(100px);opacity:.3;z-index:-1;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.stage-container{perspective:1200px;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative}.stage-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:340px;height:440px;padding:2.5rem;transition:all .6s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;box-shadow:0 10px 30px -10px #00000080}.stage-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff26,#0000);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pos-front{z-index:40;opacity:1;border-color:#8b5cf666;transform:translate(0)translateZ(0)scale(1);box-shadow:0 0 50px #8b5cf633,0 25px 50px -12px #00000080}.pos-right{z-index:30;opacity:.5;transform:translate(85%)translateZ(-150px)scale(.85)rotateY(-10deg)}.pos-right:hover{opacity:.8;transform:translate(85%)translateZ(-130px)scale(.87)rotateY(-10deg)}.pos-back{z-index:20;opacity:.15;pointer-events:none;transform:translate(0)translateZ(-300px)scale(.7)}.pos-left{z-index:30;opacity:.5;transform:translate(-85%)translateZ(-150px)scale(.85)rotateY(10deg)}.pos-left:hover{opacity:.8;transform:translate(-85%)translateZ(-130px)scale(.87)rotateY(10deg)}.pos-hidden{opacity:0;pointer-events:none;transform:translate(0)translateZ(-400px)scale(.3)}.icon-box{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0d}.coming-soon-badge{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.card-disabled{filter:grayscale(80%)}.pos-front.card-disabled{filter:grayscale(40%)}