body{color:#f8fafc;background-color:#050511;flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.bg-orb{filter:blur(140px);opacity:.25;z-index:-1;will-change:transform, opacity;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.12)}66%{transform:translate(-30px,30px)scale(.92)}to{transform:translate(0)scale(1)}}.stage-container{perspective:1200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative}.stage-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;background:#0f172ac7;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;width:350px;height:450px;padding:2.25rem;transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .6s cubic-bezier(.25,1,.5,1),box-shadow .4s,border-color .4s;display:flex;position:absolute;overflow:hidden}.stage-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff40,#0000 70%);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;transform:translate(0)translateZ(0)scale(1)}.pos-front.card-theme-0{border-color:#3b82f699;box-shadow:0 0 50px #3b82f659,0 25px 50px -12px #000c}.pos-front.card-theme-1{border-color:#10b98199;box-shadow:0 0 50px #10b98159,0 25px 50px -12px #000c}.pos-front.card-theme-2{border-color:#8b5cf699;box-shadow:0 0 50px #8b5cf659,0 25px 50px -12px #000c}.pos-front.card-theme-3{border-color:#f43f5e99;box-shadow:0 0 50px #f43f5e59,0 25px 50px -12px #000c}.pos-right{z-index:30;opacity:.55;transform:translate(80%)translateZ(-160px)scale(.82)rotateY(-12deg)}.pos-right:hover{opacity:.85;transform:translate(80%)translateZ(-130px)scale(.85)rotateY(-10deg)}.pos-back{z-index:20;opacity:.15;pointer-events:none;transform:translate(0)translateZ(-320px)scale(.65)}.pos-left{z-index:30;opacity:.55;transform:translate(-80%)translateZ(-160px)scale(.82)rotateY(12deg)}.pos-left:hover{opacity:.85;transform:translate(-80%)translateZ(-130px)scale(.85)rotateY(10deg)}.pos-hidden{opacity:0;pointer-events:none;transform:translate(0)translateZ(-400px)scale(.3)}.icon-box{background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;transition:transform .3s,box-shadow .3s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pos-front .icon-box{animation:4s ease-in-out infinite floatIcon}.coming-soon-badge{color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26}.card-disabled{filter:grayscale(70%)}.pos-front.card-disabled{filter:grayscale(20%)}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";background:linear-gradient(60deg,#0000 30%,#ffffff4d 50%,#0000 70%);width:200%;height:200%;transition:transform .8s ease-in-out;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translate(-100%)}.btn-shimmer:hover:after{transform:rotate(30deg)translate(100%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes badgeDotPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.badge-dot-pulse{animation:2s ease-in-out infinite badgeDotPulse}