:root{--primary:#7c3aed;--secondary:#0ea5e9;--accent:#ec4899;--dark:#1e1b4b;--light:#eef2ff}.cyber-border{position:relative}.cyber-border:after,.cyber-border:before{animation:gradientBorder 15s ease infinite;background:linear-gradient(45deg,#7c3aed,#0ea5e9,#ec4899,#7c3aed);background-size:400% 400%;border-radius:.75rem;content:"";height:calc(100% + 10px);left:-5px;position:absolute;top:-5px;width:calc(100% + 10px);z-index:-1}.cyber-border:after{filter:blur(10px)}.cyber-card{overflow:hidden;position:relative}.progress-bar{background:linear-gradient(to right,var(--accent),var(--secondary));bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease}@keyframes gradientBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bubble{animation:floatBubble 10s ease-in-out infinite,fadeInOut 5s infinite;border-radius:50%;opacity:.5;position:absolute}@keyframes floatBubble{0%,to{transform:translate(0)}25%{transform:translate(40px,-20px)}50%{transform:translate(20px,-40px)}75%{transform:translate(-20px,-20px)}}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.8}}.popup{align-items:center;animation:bounceUp 1.5s ease-in-out;background:#1e1b4be6;border-radius:.5rem;box-shadow:0 0 15px #4ade8080;color:#4ade80;display:flex;font-weight:700;gap:.5rem;padding:.5rem 1rem;pointer-events:none;position:fixed;white-space:nowrap;width:auto;z-index:50}@keyframes bounceUp{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(-30px)}60%{transform:translateY(-50px)}80%{transform:translateY(-45px)}to{opacity:0;transform:translateY(-50px)}}.font-cyber{font-family:Orbitron,sans-serif}