:root{--pg-blue:#4f6ef7;--pg-indigo:#6366f1;--pg-violet:#8b5cf6;--pg-cyan:#22d3ee;--pg-brand:linear-gradient(120deg,#4f6ef7,#8b5cf6 55%,#22d3ee);--pg-btn:linear-gradient(180deg,#6b86ff,#4f6ef7);--pg-line:hsla(0,0%,100%,.09);--pg-glass:hsla(0,0%,100%,.045)}.px-grad-text{background:var(--pg-brand);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;padding-bottom:.06em;animation:px-flow 6s linear infinite}@keyframes px-flow{to{background-position:200%}}.px-btn{position:relative;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:0;cursor:pointer;text-decoration:none;font-weight:600;border-radius:14px;padding:13px 22px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.px-btn-primary{background:var(--pg-btn);color:#fff;box-shadow:0 10px 30px -8px rgba(79,110,247,.75),inset 0 1px 0 hsla(0,0%,100%,.35)}.px-btn-primary:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.5),transparent);transform:skewX(-18deg);animation:px-shine 4.5s ease-in-out infinite}@keyframes px-shine{0%,60%{left:-60%}to{left:130%}}.px-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(79,110,247,.9),inset 0 1px 0 hsla(0,0%,100%,.4)}.px-btn-ghost{background:var(--pg-glass);border:1px solid var(--pg-line);color:#fff;backdrop-filter:blur(8px)}.px-btn-ghost:hover{background:hsla(0,0%,100%,.09);transform:translateY(-1px)}.px-glass{background:linear-gradient(160deg,rgba(24,28,48,.9),rgba(12,14,26,.9));border:1px solid var(--pg-line);backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 0 0 1px hsla(0,0%,100%,.04),0 0 60px -20px rgba(79,110,247,.5)}.px-glass-light{background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.6);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 20px 50px -24px rgba(27,34,51,.35)}.px-glow{box-shadow:0 0 46px -6px rgba(99,102,241,.55)}.px-glow-soft{box-shadow:0 0 34px -10px rgba(79,110,247,.4)}.px-tile{display:grid;place-items:center;border-radius:14px;background:var(--pg-btn);color:#fff;box-shadow:0 8px 20px -6px rgba(79,110,247,.7),inset 0 1px 0 hsla(0,0%,100%,.4)}.px-card{border-radius:18px;border:1px solid var(--pg-line,rgba(20,24,40,.08));background:#fff;box-shadow:0 1px 2px rgba(27,34,51,.05),0 16px 34px -22px rgba(27,34,51,.28);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.px-card:hover{transform:translateY(-6px);box-shadow:0 1px 2px rgba(27,34,51,.06),0 30px 60px -22px rgba(79,110,247,.4);border-color:rgba(79,110,247,.35)}.px-stage{perspective:1400px;position:relative}.px-tilt{transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}.px-layer-front{transform:translateZ(60px)}.px-idle{animation:px-idle 9s ease-in-out infinite}@keyframes px-idle{0%,to{transform:rotateX(6deg) rotateY(-11deg)}50%{transform:rotateX(3deg) rotateY(-7deg) translateY(-8px)}}.px-float{animation:px-float 6s ease-in-out infinite}@keyframes px-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.px-live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;display:inline-block;animation:px-ping 1.7s infinite}@keyframes px-ping{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}to{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.px-bar{height:7px;border-radius:99px;background:linear-gradient(90deg,#4f6ef7,#8b5cf6,#22d3ee);background-size:200% auto;box-shadow:0 0 14px rgba(99,102,241,.6);width:0;animation:px-grow 1.4s cubic-bezier(.2,.7,.2,1) forwards,px-flow 3s linear infinite}@keyframes px-grow{to{width:var(--w,100%)}}.px-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.px-reveal.is-in{opacity:1;transform:none}.px-reveal.d1{transition-delay:.08s}.px-reveal.d2{transition-delay:.18s}.px-reveal.d3{transition-delay:.3s}.px-reveal.d4{transition-delay:.42s}.px-reveal-init{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.px-reveal-init.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.px-bar,.px-btn-primary:after,.px-float,.px-grad-text,.px-idle,.px-live-dot{animation:none!important}.px-grad-text{background-position:0}.px-bar{width:var(--w,100%)}.px-reveal,.px-reveal-init{opacity:1!important;transform:none!important;transition:none!important}.px-tilt{transform:none!important}}