/* ============ SKILLS ============ */
.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.skill-card{border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--line-soft);transition:transform .3s ease,box-shadow .3s ease}
.skill-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.skill-visual{height:118px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.skill-visual svg{width:44px;height:44px;position:relative;z-index:1}
.skill-visual::before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.16);top:-40px;right:-30px}
.skill-visual::after{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.14);bottom:-30px;left:-20px}
.skill-body{padding:1.4rem 1.5rem 1.6rem}
.skill-body h3{font-size:1.02rem;margin-bottom:.4rem}
.skill-body p{color:var(--slate);font-size:.86rem;margin-bottom:1.1rem;min-height:2.6em}
.skill-foot{display:flex;align-items:center;justify-content:space-between}
.skill-dur{font-size:.78rem;color:var(--slate-soft);font-weight:600}