:root{--iso-rotate-x:55deg;--iso-rotate-z:-35deg;--iso-rotate-z-mirrored:35deg}.scene{perspective:1200px;display:flex;align-items:center;justify-content:center}.phone-isometric{width:100px;height:180px;background:#1e293b;border-radius:20px;position:relative;transform-style:preserve-3d;box-shadow:-5px 5px 0 #0f172a,-10px 40px 60px rgba(0,0,0,.3)}.phone-left,.phone-static-left{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z))}.phone-left{animation:tap-left 4s ease-in-out infinite}.phone-right{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z-mirrored));box-shadow:5px 5px 0 #0f172a,10px 40px 60px rgba(0,0,0,.3);animation:tap-right 4s ease-in-out infinite}.phone-qr-ghost{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z)) translate3d(0,-60px,40px);opacity:.4}.qr-card{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z))}.glass-card{position:absolute;width:130px;height:160px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:16px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:0;display:flex;flex-direction:column;padding:12px;z-index:50}@keyframes tap-left{0%,10%{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z)) translate3d(-40px,0,0)}25%,35%{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z)) translate3d(10px,0,0)}50%,to{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z)) translate3d(-40px,0,0)}}@keyframes tap-right{0%,10%{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z-mirrored)) translate3d(40px,0,0)}25%,35%{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z-mirrored)) translate3d(-10px,0,0)}50%,to{transform:rotateX(var(--iso-rotate-x)) rotate(var(--iso-rotate-z-mirrored)) translate3d(40px,0,0)}}@keyframes card-float-up{0%,35%{transform:translate3d(-50%,-50%,0);opacity:0}50%,85%{transform:translate3d(-50%,-50%,70px);opacity:1}to{transform:translate3d(-50%,-50%,90px);opacity:0}}.animate-glass-reveal{animation:card-float-up 4s ease-in-out infinite}.nfc-pulse{position:absolute;width:40px;height:40px;border:2px solid #0d5e4f;border-radius:50%;top:20%;left:50%;transform:translateX(-50%);opacity:0}@keyframes pulse-ring{25%{transform:translateX(-50%) scale(.5);opacity:0}30%{transform:translateX(-50%) scale(1);opacity:1}40%{transform:translateX(-50%) scale(2.5);opacity:0}}.animate-pulse-nfc{animation:pulse-ring 4s ease-in-out infinite}.scan-line{position:absolute;width:100%;height:2px;background:rgba(13,94,79,.5);box-shadow:0 0 15px #0d5e4f;animation:scanning 2s linear infinite}@keyframes scanning{0%{top:10%;opacity:0}10%,90%{opacity:1}to{top:90%;opacity:0}}