.tz-app{--loop:10s;background:radial-gradient(60% 70% at 78% 20%,rgba(91,227,138,.16),transparent 70%),radial-gradient(50% 60% at 10% 100%,rgba(224,160,46,.16),transparent 70%),linear-gradient(160deg,#0F2A22,#0B1D2B 55%,#0A1620);box-shadow:0 40px 90px -50px rgba(10,22,32,.85)}.tz-stars{background-image:radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 28% 8%,rgba(255,255,255,.5),transparent),radial-gradient(1.4px 1.4px at 46% 22%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 63% 6%,rgba(255,255,255,.5),transparent),radial-gradient(1.2px 1.2px at 88% 30%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 72% 44%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 6% 56%,rgba(255,255,255,.45),transparent),radial-gradient(1.3px 1.3px at 38% 48%,rgba(255,255,255,.35),transparent)}.tz-grad{background:linear-gradient(92deg,#FFD27A,#FFB347 45%,#7CF0A8);-webkit-background-clip:text;background-clip:text;color:transparent}.tz-ping{animation:tz-ping 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes tz-ping{75%,to{transform:scale(2.4);opacity:0}}.tz-play{box-shadow:0 14px 30px -16px rgba(0,0,0,.9)}.tz-stage{--px:0;--py:0}.tz-tilt{transform:translateX(-50%) perspective(1300px) rotateY(calc(-14deg + var(--px) * 16deg)) rotateX(calc(6deg - var(--py) * 10deg)) rotate(2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.tz-phone-box{position:relative;aspect-ratio:240/512;--ps:0.82}@media (min-width:1024px){.tz-phone-box{--ps:0.99}}.tz-phone{position:absolute;left:0;top:0;width:240px;height:512px;border-radius:34px;transform:scale(var(--ps));transform-origin:0 0;padding:8px;background:linear-gradient(145deg,#2A3330,#0C1110 60%,#222927);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),-26px 40px 60px -24px rgba(0,0,0,.75),0 0 80px -10px rgba(91,227,138,.25)}.tz-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:27px;background:radial-gradient(120% 70% at 30% 10%,#2C6E49 0,#133A2A 55%,#0B1D2B 100%);font-family:var(--font-body),system-ui,sans-serif}.tz-phone-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.1) 45%,transparent 60%);transform:translateX(calc(var(--px) * 40%));transition:transform .5s}.tz-panda{transform-origin:50% 100%;animation:tz-panda 4s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}@keyframes tz-panda{0%,to{transform:rotate(7deg) translateY(0)}50%{transform:rotate(11deg) translateY(-6px)}}.tz-chip{animation:tz-float 6s ease-in-out infinite;box-shadow:0 16px 30px -18px rgba(0,0,0,.8)}@keyframes tz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tz-win{opacity:.55;animation:tz-win 6s ease-in-out infinite}@keyframes tz-win{0%,to{opacity:.55}40%{opacity:.9}60%{opacity:.25}}.tz-win-src{animation:tz-src var(--loop) linear infinite;filter:drop-shadow(0 0 6px #FFC85C)}@keyframes tz-src{0%,14%{opacity:1}20%,to{opacity:.6}}.tz-arc{stroke-dasharray:1;stroke-dashoffset:1;animation:tz-arc var(--loop) linear infinite;filter:drop-shadow(0 0 4px rgba(255,200,92,.8))}@keyframes tz-arc{0%,2%{stroke-dashoffset:1;opacity:1}12%{stroke-dashoffset:0;opacity:1}22%,to{stroke-dashoffset:0;opacity:0}}.tz-spark{filter:drop-shadow(0 0 6px #FFD27A);animation:tz-spark var(--loop) linear infinite}@keyframes tz-spark{0%,1%{opacity:0}11%,3%{opacity:1}13%,to{opacity:0}}.tz-scene{animation:var(--loop) cubic-bezier(.2,.8,.2,1) infinite both}.tz-lock{animation-name:tz-lock}@keyframes tz-lock{0%,32%{opacity:1}34%,98%{opacity:0}to{opacity:1}}.tz-notif{animation-name:tz-notif}@keyframes tz-notif{0%,11%{opacity:0;transform:translateY(-22px) scale(.96)}14%,31%{opacity:1;transform:none}33.5%,to{opacity:0;transform:translateY(-10px) scale(.98)}}.tz-b{animation-name:tz-b}@keyframes tz-b{0%,34%{opacity:0;transform:translateX(18px)}37%,57%{opacity:1;transform:none}59%,to{opacity:0;transform:translateX(-18px)}}.tz-accept{animation:tz-press var(--loop) ease infinite}@keyframes tz-press{0%,44%{transform:none;background:#1B4A33}46%{transform:scale(.93)}48%,to{transform:none;background:#2C6E49}}.tz-accept-a{animation:tz-swap-out var(--loop) step-end infinite}.tz-accept-b{animation:tz-swap-in var(--loop) step-end infinite}@keyframes tz-swap-out{0%{opacity:1}47%{opacity:0}}@keyframes tz-swap-in{0%{opacity:0}47%{opacity:1}}.tz-c{animation-name:tz-c}@keyframes tz-c{0%,59%{opacity:0;transform:translateX(18px)}62%,83%{opacity:1;transform:none}85%,to{opacity:0}}.tz-b1,.tz-b2,.tz-typing{animation:var(--loop) cubic-bezier(.34,1.56,.64,1) infinite both}.tz-b1{animation-name:tz-b1}@keyframes tz-b1{0%,62%{opacity:0;transform:translateY(8px) scale(.94)}65%,to{opacity:1;transform:none}}.tz-typing{animation-name:tz-typing;display:inline-flex;gap:3px}@keyframes tz-typing{0%,66%{opacity:0}68%,73%{opacity:1}74%,to{opacity:0;height:0;padding:0;margin:0}}.tz-dot{width:4px;height:4px;border-radius:99px;background:#ECEDE6;animation:tz-dot .9s ease-in-out infinite}.tz-dot:nth-child(2){animation-delay:.15s}.tz-dot:nth-child(3){animation-delay:.3s}@keyframes tz-dot{0%,to{opacity:.35;transform:none}50%{opacity:1;transform:translateY(-2px)}}.tz-b2{animation-name:tz-b2}@keyframes tz-b2{0%,73%{opacity:0;transform:translateY(8px) scale(.94)}76%,to{opacity:1;transform:none}}.tz-d{animation-name:tz-d}@keyframes tz-d{0%,85%{opacity:0;transform:scale(.92)}88%,97%{opacity:1;transform:none}99%,to{opacity:0}}.tz-conf{position:absolute;left:50%;top:42%;width:6px;height:9px;border-radius:2px;opacity:0;animation:tz-conf var(--loop) cubic-bezier(.2,.8,.2,1) infinite}@keyframes tz-conf{0%,86%{opacity:0;transform:translate(0) rotate(0)}88%{opacity:1}97%,to{opacity:0;transform:translate(var(--x),var(--y)) rotate(320deg)}}@media (max-width:1023px){.tz-stage{max-width:420px}}@media (max-width:420px){.tz-chip{max-width:138px;padding:6px 8px}.tz-chip span{font-size:10px}}@media (prefers-reduced-motion:reduce){.tz-app *,.tz-app :after{animation:none!important;transition:none!important}.tz-b,.tz-conf,.tz-d,.tz-lock,.tz-spark,.tz-typing{display:none}.tz-arc{stroke-dashoffset:0}.tz-notif{opacity:1;top:9%;z-index:5}.tz-c{opacity:1;padding-top:38%}.tz-tilt{transform:translateX(-50%) perspective(1300px) rotateY(-14deg) rotateX(6deg) rotate(2deg)}}