.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.skill-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s}
.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}
.skill-card h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px}
.skill-tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid}
.skill-tags.blue .tag{background:rgba(59,130,246,.08);color:#3b82f6;border-color:rgba(59,130,246,.2)}
.skill-tags.orange .tag{background:rgba(249,115,22,.08);color:#f97316;border-color:rgba(249,115,22,.2)}
.skill-tags.cyan .tag{background:rgba(6,182,212,.08);color:#06b6d4;border-color:rgba(6,182,212,.2)}
.skill-tags.violet .tag{background:rgba(139,92,246,.08);color:#8b5cf6;border-color:rgba(139,92,246,.2)}
.skill-tags.rose .tag{background:rgba(244,63,94,.08);color:#f43f5e;border-color:rgba(244,63,94,.2)}
@media(max-width:700px){.skills-grid{grid-template-columns:1fr}}