.skills-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:4rem}@media (min-width: 640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.skill-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d;background-color:transparent}.skill-card:hover{transform:scale(1.05);border-color:#8b5cf666;box-shadow:0 12px 48px #8b5cf626,0 8px 24px #0000001a}.skill-icon{color:#8b5cf6;margin-bottom:16px;display:flex;justify-content:center}.skill-category-title{font-size:20px;font-weight:500;color:#fff;margin-bottom:16px;line-height:1.2;transition:color .3s ease}html.light .skill-category-title{color:#1e293b}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skill-tag{font-size:14px;font-weight:500;color:#8b5cf6;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);padding:4px 12px;border-radius:9999px;transition:all .2s ease;white-space:nowrap;text-decoration:none;cursor:pointer}html.light .skill-tag{color:#6b46c1;background:#6b46c11a;border-color:#6b46c133}.skill-tag:hover{background:#8b5cf633;border-color:#8b5cf64d;transform:translateY(-1px)}html.light .skill-tag:hover{background:#6b46c133;border-color:#6b46c14d}