.payx-page{--payx-primary:99,102,241;--payx-secondary:139,92,246;--payx-accent:6,182,212}.payx-glass{background:rgba(255,255,255,.03);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08)}.payx-glass-strong{background:rgba(255,255,255,.08);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.12)}.payx-glass-premium{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,27,75,.8));backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}.payx-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:1.5rem;position:relative;overflow:hidden}.payx-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.payx-btn-primary{position:relative;overflow:hidden;font-weight:600;padding:.875rem 1.75rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgb(var(--payx-primary)) 0,rgb(var(--payx-secondary)) 100%);box-shadow:0 4px 15px -3px rgba(99,102,241,.4)}.payx-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.payx-btn-primary:hover:before{left:100%}.payx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(99,102,241,.5)}.payx-btn-primary:active{transform:translateY(0) scale(.98)}.payx-btn-secondary{position:relative;font-weight:600;padding:.875rem 1.75rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15)}.payx-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);transform:translateY(-2px)}.payx-btn-ghost{font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);color:rgba(255,255,255,.7)}.payx-btn-ghost:hover{color:#ffffff;background:rgba(255,255,255,.05)}@keyframes payx-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(4px) rotate(-1deg)}}@keyframes payx-pulse-glow{0%,to{opacity:1;box-shadow:0 0 20px rgba(99,102,241,.3)}50%{opacity:.8;box-shadow:0 0 40px rgba(99,102,241,.5)}}@keyframes payx-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes payx-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.payx-animate-float{animation:payx-float 6s ease-in-out infinite}.payx-animate-pulse-glow{animation:payx-pulse-glow 2s ease-in-out infinite}.payx-animate-fade-in-up{animation:payx-fade-in-up .6s ease-out forwards}.payx-animate-fade-in-scale{animation:payx-fade-in-scale .4s ease-out forwards}.payx-animate-pulse-slow{animation:payx-pulse-slow 6s ease-in-out infinite}.payx-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.payx-orb-primary{background:radial-gradient(circle,rgba(99,102,241,.4) 0,transparent 70%)}.payx-orb-secondary{background:radial-gradient(circle,rgba(139,92,246,.3) 0,transparent 70%)}.payx-orb-accent{background:radial-gradient(circle,rgba(6,182,212,.3) 0,transparent 70%)}.payx-status-dot{position:relative;display:inline-flex;height:.625rem;width:.625rem}.payx-status-dot:before{position:absolute;height:100%;width:100%;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.payx-status-dot:after,.payx-status-dot:before{content:"";display:inline-flex;border-radius:9999px}.payx-status-dot:after{position:relative;height:.625rem;width:.625rem}.payx-status-dot.online:after,.payx-status-dot.online:before{background-color:rgb(74,222,128)}@keyframes payx-pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.payx-animate-pulse-slow{animation:payx-pulse-slow 4s ease-in-out infinite}.payx-card-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.payx-card-3d:hover{transform:translateZ(20px) scale(1.02)}@keyframes payx-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.payx-gradient-animate{background-size:200% 200%;animation:payx-gradient-shift 3s ease infinite}@keyframes payx-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.payx-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:payx-shimmer 2s infinite}@keyframes payx-glow-pulse{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3),0 0 40px rgba(139,92,246,.2)}50%{box-shadow:0 0 40px rgba(99,102,241,.6),0 0 80px rgba(139,92,246,.4)}}.payx-glow-pulse{animation:payx-glow-pulse 2s ease-in-out infinite}.payx-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.payx-hover-lift:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 60px -15px rgba(0,0,0,.5)}@keyframes payx-confetti-fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.payx-confetti{animation:payx-confetti-fall 3s ease-in-out forwards}@keyframes payx-gradient-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.payx-gradient-border{border:2px solid transparent;background:linear-gradient(#0a0b0f,#0a0b0f) padding-box,linear-gradient(90deg,rgb(99,102,241),rgb(139,92,246),rgb(6,182,212)) border-box;background-size:200% 200%;animation:payx-gradient-border 3s ease infinite}