.skills-component{background:#f5f5f5;padding:4rem 0}.skills-grid{flex-wrap:wrap;gap:2rem;justify-items:center}.skill-item,.skills-grid{display:flex;align-items:center}.skill-item{flex-direction:column;transition:transform .3s;cursor:pointer}.skill-item:hover{transform:translateY(-5px)}.icon-wrapper{background-color:#28084f;padding:1rem;border-radius:50%;font-size:2.5rem;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s,color .3s}.icon-wrapper:hover{transform:scale(1.2);color:#ff6b6b}.skill-item span{font-weight:bolder;font-size:20px;background-image:linear-gradient(90deg,#28084f,#4b2bff);-webkit-background-clip:text;background-clip:text;color:transparent}