.skills-slider{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.skills-slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.skills-slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:skillsRun 20s linear infinite;transition:all .5s ease;animation-delay:calc((20s / var(--quantity)) * (var(--position) - 1) - 20s)!important}.skill-card{flex:0 0 auto;width:200px;height:100px;margin:0 1rem;padding:1rem;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:12px;border:1px solid hsla(86,16%,54%,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(157,142,199,.2);border-color:rgba(157,142,199,.4)}.expertise-level{width:100%;height:6px;background:hsla(86,16%,54%,.2);border-radius:3px;margin-top:.5rem}.expertise-level-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#9d8ec7,#bba5e6)}@keyframes skillsRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.skills-slider:hover .item{animation-play-state:paused!important;opacity:.7}.skills-slider .item:hover{opacity:1}.skill-logo{width:32px;height:32px;object-fit:contain;margin-bottom:.5rem}.category-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.category-tab{padding:.5rem 1rem;border-radius:9999px;cursor:pointer;transition:all .3s ease;background:hsla(86,16%,54%,.1)}.category-tab.active{background:#8b9b76;color:#fff}.skills-row{width:100%;height:120px;position:relative;overflow:hidden;margin:1rem 0}.skills-track{display:flex;position:absolute;white-space:nowrap;will-change:transform;animation:marquee 30s linear infinite}.skills-track-reverse{animation-direction:reverse}.expertise-dots{display:flex;gap:4px;margin-top:.5rem}.expertise-dot{width:6px;height:6px;border-radius:50%;background-color:#8b9b76;opacity:.3}.expertise-dot.active{background-color:#9d8ec7;opacity:1}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-row:hover .skills-track{animation-play-state:paused}