.skills-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
@media (max-width: 900px){ .skills-grid{grid-template-columns:1fr} }

.skill-card{
  padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}

.skill-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.meter{
  height:10px;
  margin:14px 0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
}

.meter-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--accent), var(--accent-alt));
  box-shadow:0 0 22px rgba(124,58,237,.5);
  transition:width 1s cubic-bezier(.2,.8,.2,1);
}