/* PROGRESS */
.academy-progress {
  background: var(--card);
  padding: 20px;
  border-radius: var(--radius);
  margin-bottom: 20px;
}

.progress-bar {
  width: 100%;
  height: 10px;
  background: #1f2a44;
  border-radius: 10px;
  margin: 10px 0;
}

.progress-fill {
  width: 72%;
  height: 100%;
  background: var(--primary);
  border-radius: 10px;
}

/* PATHS */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}

.course-card {
  background: var(--card);
  padding: 20px;
  border-radius: var(--radius);
}

/* COURSES */
.course-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}

.course {
  background: var(--card);
  padding: 15px;
  border-radius: var(--radius);
  cursor: pointer;
}

.course:hover {
  background: #222f48;
}

/* CERTIFICATIONS */
.cert-box {
  background: var(--card);
  padding: 20px;
  border-radius: var(--radius);
}

.cert {
  padding: 10px;
  margin-top: 10px;
  background: rgba(0,212,255,0.1);
  border-radius: 10px;
}