@keyframes marquee-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.skill-row{display:flex;gap:1rem;white-space:nowrap;position:relative;width:max-content}.skill-row.left{animation:marquee-left 80s linear infinite}.skill-row.right{animation:marquee-right 90s linear infinite}.skill-bubble{display:inline-block;color:white;padding:1rem 1.5rem;border-radius:9999px;background:rgba(55,65,81,.3);backdrop-filter:blur(8px);border:1px solid rgba(75,85,99,.3);white-space:nowrap;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1.1rem;font-weight:500;min-width:160px;text-align:center;position:relative;overflow:hidden;margin:0 .25rem}.skill-bubble:hover{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4);box-shadow:0 20px 40px rgba(34,197,94,.2);color:#4ade80}.skill-bubble:hover span{transform:scale(1.2);transition:transform .3s ease}.skill-bubble:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(151,71,255,.3),rgba(27,152,210,.3),transparent);transition:left .5s}.skill-bubble:hover:before{left:100%}