/* SKILLS */
#skills{background:linear-gradient(180deg,var(--cream),var(--cream-deep));}
.skills-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:1.2rem;}
@media (max-width:960px){.skills-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.skills-grid{grid-template-columns:1fr;}}
.skill-cat{border-radius:22px; padding:1.7rem 1.4rem;}
.skill-cat .cat-icon{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--lavender),var(--blush)); margin-bottom:1rem; display:flex; align-items:center; justify-content:center; font-size:1.1rem;}
.skill-cat h4{font-size:0.95rem; margin-bottom:0.9rem; font-style:italic;}
.skill-item{margin-bottom:0.85rem;}
.skill-item:last-child{margin-bottom:0;}
.skill-name{font-family:var(--font-mono); font-size:0.72rem; color:var(--plum-soft); display:flex; justify-content:space-between; margin-bottom:0.3rem;}
.skill-bar{height:4px; border-radius:4px; background:rgba(56,37,63,0.08); overflow:hidden;}
.skill-bar span{display:block; height:100%; border-radius:4px; width:0%; background:linear-gradient(90deg,var(--lavender-deep),var(--gold)); transition:width 1.4s cubic-bezier(.16,1,.3,1);}