/* DJ Akademisi */
.dja-wrap { max-width: 980px; margin: 0 auto; padding: 24px 16px 48px; }
.dja-hero {
  display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: flex-start;
  margin-bottom: 22px;
}
.dja-hero h1 { margin: 6px 0 8px; font-size: 1.75rem; }
.dja-hero p { margin: 0; color: var(--muted, #94a3b8); max-width: 42rem; }
.dja-hero-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.dja-progress {
  background: color-mix(in srgb, #0f172a 88%, #fff 4%);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 16px;
  padding: 16px 18px;
  margin-bottom: 20px;
}
.dja-progress-top { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: .92rem; }
.dja-bar {
  height: 10px; border-radius: 999px; background: rgba(148,163,184,.18); overflow: hidden;
}
.dja-bar i {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, #c62828, #eab308);
}
.dja-bar-sm { width: 120px; display: inline-block; vertical-align: middle; margin-right: 8px; height: 8px; }
.dja-cert-banner {
  margin-top: 12px; padding: 10px 12px; border-radius: 10px;
  background: rgba(234, 179, 8, .12); border: 1px solid rgba(234, 179, 8, .35);
  color: #fde68a; font-size: .9rem;
}
.dja-cert-banner code { color: #fff; }

.dja-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
}
@media (max-width: 720px) { .dja-grid { grid-template-columns: 1fr; } }
.dja-card {
  display: block; text-decoration: none; color: inherit;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 16px; padding: 16px 16px 14px;
  background: rgba(15, 23, 42, .55);
  transition: border-color .15s, transform .15s;
}
.dja-card:hover { border-color: rgba(234, 179, 8, .55); transform: translateY(-1px); }
.dja-card.is-done { border-color: rgba(34, 197, 94, .45); }
.dja-card-top { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: .8rem; color: #94a3b8; }
.dja-card.is-done .dja-status { color: #4ade80; }
.dja-card h2 { margin: 0 0 8px; font-size: 1.15rem; }
.dja-card p { margin: 0 0 10px; color: #94a3b8; font-size: .92rem; }
.dja-card ul { margin: 0; padding-left: 1.1rem; color: #cbd5e1; font-size: .86rem; }

.dja-lesson, .dja-quiz {
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 16px; padding: 18px 20px; margin-bottom: 16px;
  background: rgba(15, 23, 42, .45);
}
.dja-lesson h2, .dja-quiz h2 { margin: 0 0 12px; font-size: 1.1rem; }
.dja-lesson p { margin: 0 0 12px; line-height: 1.55; color: #e2e8f0; }
.dja-quiz-hint { color: #94a3b8; font-size: .9rem; margin: 0 0 14px; }
.dja-q {
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 12px; padding: 12px 14px; margin: 0 0 12px;
}
.dja-q legend { padding: 0 4px; font-weight: 600; }
.dja-choice {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 8px 6px; cursor: pointer; border-radius: 8px;
}
.dja-choice:hover { background: rgba(148,163,184,.08); }
.dja-choice input { margin-top: 3px; }

/* Public profil sertifika */
.dj-academy-cert-card {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px; border-radius: 14px;
  border: 1px solid rgba(234, 179, 8, .4);
  background: linear-gradient(135deg, rgba(234,179,8,.12), rgba(15,23,42,.4));
  text-decoration: none; color: inherit;
}
.dj-academy-cert-card.is-link { cursor: pointer; transition: border-color .15s, transform .15s; }
.dj-academy-cert-card.is-link:hover { border-color: rgba(234, 179, 8, .75); transform: translateY(-1px); }
.dj-academy-open { display: inline-block; margin-top: 6px; font-size: .85rem; color: #fbbf24; font-weight: 600; }
.dja-cert-banner.is-link { display: block; text-decoration: none; color: inherit; }
.dja-cert-banner.is-link:hover { filter: brightness(1.08); }
.dja-cert-page { max-width: 1120px; }
.dja-cert-lead { letter-spacing: .01em; }
.dja-cert-page .dja-cert-frame {
  border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .25);
  background: #e8ecf2;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
  padding: 14px;
}
.dja-cert-img {
  display: block; width: 100%; height: auto;
  border-radius: 2px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .18);
}
.dja-cert-meta {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
  margin-top: 20px;
}
@media (max-width: 720px) { .dja-cert-meta { grid-template-columns: 1fr; } }
.dja-cert-meta > div {
  border: 1px solid rgba(212, 175, 80, .28);
  border-radius: 10px; padding: 14px 16px;
  background: linear-gradient(160deg, rgba(18,28,48,.7), rgba(15,23,42,.35));
}
.dja-cert-meta span {
  display: block; font-size: .72rem; text-transform: uppercase;
  letter-spacing: .08em; color: #c9a24a; margin-bottom: 6px;
}
.dja-cert-meta strong { font-size: .95rem; color: #f8fafc; }
.dj-academy-seal {
  width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center;
  background: #eab308; color: #111; font-size: 1.25rem; font-weight: 800;
  flex: 0 0 auto;
}
.dj-academy-cert-card strong { display: block; margin-bottom: 4px; }
.dj-academy-cert-card p { margin: 0 0 4px; color: var(--muted, #94a3b8); font-size: .92rem; }
.dj-academy-meta { font-size: .8rem !important; opacity: .85; }

/* Owner panel */
.dja-owner-lessons {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;
}
.dja-owner-lesson {
  border: 1px solid var(--border, rgba(148,163,184,.2));
  border-radius: 12px; padding: 12px 14px;
}
.dja-owner-lesson strong { display: block; }
.dja-owner-lesson span { font-size: .8rem; color: var(--muted, #94a3b8); }
.dja-owner-lesson p { margin: 6px 0 0; font-size: .88rem; color: var(--muted, #94a3b8); }