.skill-bar {
  margin: 10px 0;
}

.skill-bar span {
  display: block;
  color: #f5e000;
  margin-bottom: 5px;
  font-weight: bold;
}

.bar {
  height: 10px;
  background: #222;
  border-radius: 5px;
  overflow: hidden;
}

.fill {
  height: 100%;
  background: linear-gradient(90deg, #00ff9c, #f5e000);
  width: 0;
  animation: fillAnim 1s forwards;
}

@keyframes fillAnim {
  from { width: 0; }
}