.skills { background: var(--color-bg-alt); }
.skills-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.skills-cat-title { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; margin-bottom: 24px; padding-bottom: 14px; border-bottom: 1px solid var(--color-border); }
.skill-items { display: flex; flex-direction: column; gap: 18px; }
.skill-item { display: flex; flex-direction: column; gap: 8px; }
.skill-name { font-size: 0.85rem; font-weight: 500; color: var(--color-text-muted); }
.skill-bar { width: 100%; height: 6px; background: rgba(0,0,0,0.06); border-radius: 10px; overflow: hidden; }
.skill-fill { height: 100%; width: 0; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); border-radius: 10px; transition: width 1.2s var(--ease-out-expo); }