@keyframes neonPulse{0%,to{box-shadow:0 0 20px rgba(0,255,255,.6),inset 0 0 20px rgba(0,255,255,.1);opacity:1}50%{box-shadow:0 0 40px rgba(0,255,255,.8),inset 0 0 40px rgba(0,255,255,.2);opacity:.8}}@keyframes neonBorder{0%,to{background-position:0 50%;opacity:1}25%{background-position:100% 50%;opacity:.8}50%{background-position:100% 100%;opacity:1}75%{background-position:0 100%;opacity:.8}}@keyframes neonGlow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(0,255,255,.8))}50%{filter:brightness(1.2) drop-shadow(0 0 20px rgba(0,255,255,1))}}@keyframes neonFlicker{0%,to{opacity:1;transform:scale(1)}10%{opacity:.8;transform:scale(.98)}20%{opacity:1;transform:scale(1)}30%{opacity:.9;transform:scale(.99)}40%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}60%{opacity:1;transform:scale(1)}}.neon-button-connect,.neon-button-connected{position:relative;overflow:hidden;transition:all .3s ease;animation:neonFlicker 4s ease-in-out infinite}.neon-button-connect:hover,.neon-button-connected:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,255,255,.4);animation:none}.neon-button-connect:hover .neon-border,.neon-button-connected:hover .neon-border{animation:neonBorder 1.5s ease-in-out infinite}.neon-button-connect:hover .neon-glow,.neon-button-connected:hover .neon-glow{animation:neonGlow 1s ease-in-out infinite}.neon-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.neon-particle{position:absolute;width:2px;height:2px;background:#0ff;border-radius:50%;animation:floatParticle 4s ease-in-out infinite;box-shadow:0 0 4px currentColor}@keyframes floatParticle{0%,to{transform:translateY(0) translateX(0);opacity:0;scale:.5}25%{opacity:1;scale:1}50%{transform:translateY(-20px) translateX(10px);opacity:.8;scale:1.2}75%{opacity:.5;scale:.8}}.neon-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,255,255,.3);transform:translate(-50%,-50%);animation:rippleEffect 1s ease-out}@keyframes rippleEffect{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.neon-cyan{--neon-color:#0ff;--neon-glow:rgba(0,255,255,.8)}.neon-blue{--neon-color:#0080ff;--neon-glow:rgba(0,128,255,.8)}.neon-green{--neon-color:#00ff80;--neon-glow:rgba(0,255,128,.8)}.neon-purple{--neon-color:#8000ff;--neon-glow:rgba(128,0,255,.8)}.neon-dark-red{--neon-color:red;--neon-glow:rgba(255,0,0,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(20,0,0,.95),rgba(40,0,0,.98))}.neon-dark-orange{--neon-color:#f60;--neon-glow:rgba(255,102,0,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(25,10,0,.95),rgba(50,20,0,.98))}.neon-dark-yellow{--neon-color:#fc0;--neon-glow:rgba(255,204,0,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(25,25,0,.95),rgba(50,50,0,.98))}.neon-dark-pink{--neon-color:#ff0080;--neon-glow:rgba(255,0,128,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(25,0,20,.95),rgba(50,0,40,.98))}.neon-dark-cyan{--neon-color:#0cf;--neon-glow:rgba(0,204,255,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(0,20,25,.95),rgba(0,40,50,.98))}.neon-dark-blue{--neon-color:#06f;--neon-glow:rgba(0,102,255,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(0,10,25,.95),rgba(0,20,50,.98))}.neon-dark-green{--neon-color:#0c6;--neon-glow:rgba(0,204,102,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(0,25,10,.95),rgba(0,50,20,.98))}.neon-dark-purple{--neon-color:#60f;--neon-glow:rgba(102,0,255,.8);--text-color:#fff;--bg-color:linear-gradient(135deg,rgba(20,0,25,.95),rgba(40,0,50,.98))}.neon-button-connect:active,.neon-button-connected:active{transform:translateY(0) scale(.98);transition:all .1s ease}.neon-button-connect span,.neon-button-connected span{text-shadow:0 0 5px currentColor;transition:text-shadow .3s ease}.neon-button-connect:hover span,.neon-button-connected:hover span{text-shadow:0 0 10px currentColor,0 0 20px currentColor}.neon-button-connect:before,.neon-button-connected:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,transparent,rgba(0,255,255,.3),transparent);border-radius:31px;z-index:-2;animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width:768px){.neon-button-connect,.neon-button-connected{padding:.8rem 1.5rem;font-size:.9rem}.neon-particle{width:1px;height:1px}}