.inmyexp-learn-home,
.inmyexp-learn-progress,
.inmyexp-learn-resume,
.inmyexp-learn-achievements,
.inmyexp-lesson-actions {
  --inmyexp-learn-bg: #080c18;
  --inmyexp-learn-panel: rgba(10, 15, 28, .95);
  --inmyexp-learn-border: rgba(255, 255, 255, .1);
  --inmyexp-learn-green: #00ff88;
  --inmyexp-learn-cyan: #0daab2;
  --inmyexp-learn-text: rgba(255, 255, 255, .96);
  --inmyexp-learn-muted: rgba(255, 255, 255, .7);
  color: var(--inmyexp-learn-text);
  font-family: Inter, Arial, sans-serif;
}

.inmyexp-learn__eyebrow {
  color: var(--inmyexp-learn-green);
  display: block;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .16em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.inmyexp-learn__button {
  align-items: center;
  background: linear-gradient(135deg, var(--inmyexp-learn-green), var(--inmyexp-learn-cyan));
  border: 0;
  border-radius: 12px;
  color: #04170f;
  cursor: pointer;
  display: inline-flex;
  font-size: .95rem;
  font-weight: 700;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  text-decoration: none;
}

.inmyexp-learn__button--secondary {
  background: rgba(255, 255, 255, .05);
  border: 1px solid var(--inmyexp-learn-border);
  color: var(--inmyexp-learn-text);
}

.inmyexp-learn__notice {
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--inmyexp-learn-border);
  border-radius: 12px;
  color: var(--inmyexp-learn-muted);
  font-size: .9rem;
  line-height: 1.5;
  margin: 18px 0 0;
  padding: 11px 13px;
}

.inmyexp-learn__notice a {
  color: #9ffaff;
  font-weight: 700;
}

.inmyexp-learn-progress,
.inmyexp-learn-resume,
.inmyexp-learn-achievements {
  background: var(--inmyexp-learn-panel);
  border: 1px solid var(--inmyexp-learn-border);
  border-radius: 20px;
  padding: 20px;
}

.inmyexp-learn-progress__head,
.inmyexp-learn-achievements__head {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.inmyexp-learn-progress__head h3 {
  font-size: 1.25rem;
  margin: 0;
}

.inmyexp-learn-progress__head .inmyexp-learn__eyebrow,
.inmyexp-learn-achievements__head .inmyexp-learn__eyebrow {
  margin: 0;
}

.inmyexp-learn-progress__bar {
  background: rgba(255, 255, 255, .08);
  border-radius: 999px;
  height: 13px;
  overflow: hidden;
}

.inmyexp-learn-progress__bar span {
  background: linear-gradient(90deg, var(--inmyexp-learn-green), var(--inmyexp-learn-cyan));
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width .35s ease;
  width: 0;
}

.inmyexp-learn-progress p,
.inmyexp-learn-resume p {
  color: var(--inmyexp-learn-muted);
  margin: 13px 0 0;
}

.inmyexp-learn-progress p + p {
  font-size: .9rem;
  margin-top: 5px;
}

.inmyexp-learn-resume .inmyexp-learn__button {
  margin-top: 18px;
}

.inmyexp-learn-achievements ul {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.inmyexp-learn-achievements li {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 14px;
  display: grid;
  gap: 6px;
  padding: 13px;
}

.inmyexp-learn-achievements li span {
  color: var(--inmyexp-learn-muted);
  font-size: .9rem;
}

.inmyexp-learn-achievements li em {
  color: rgba(255, 255, 255, .5);
  font-size: .78rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.inmyexp-learn-achievements li.is-earned {
  border-color: rgba(0, 255, 136, .28);
}

.inmyexp-learn-achievements li.is-earned em {
  color: var(--inmyexp-learn-green);
}

@media (max-width: 767px) {
  .inmyexp-learn-achievements ul {
    grid-template-columns: 1fr;
  }
}