/* KingdomOS LMS Skin v0.4.2 */
:root{
  --kosa-navy:#0B1F3B;
  --kosa-carolina:#4B9CD3;
  --kosa-black:#05070A;
  --kosa-silver:#C0C7D1;
  --kosa-white:#FFFFFF;
}

.kosa-card{
  background: linear-gradient(180deg, rgba(11,31,59,.80), rgba(5,7,10,.92));
  border:1px solid rgba(192,199,209,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  border-radius: 10px;
  padding: 16px;
}

.kosa-badge{
  display:inline-block;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: var(--kosa-carolina);
  background: rgba(75,156,211,.10);
  border:1px solid rgba(75,156,211,.25);
  padding: 8px 10px;
  border-radius: 999px;
}

.kosa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease, background .2s ease;
}
.kosa-btn-primary{
  background: var(--kosa-carolina);
  color: var(--kosa-white);
  box-shadow: 0 0 24px rgba(75,156,211,.35);
}
.kosa-btn-primary:hover{
  transform: scale(1.03);
  filter: brightness(1.06);
  box-shadow: 0 0 40px rgba(75,156,211,.55);
}
.kosa-btn-ghost{
  background: transparent;
  color: var(--kosa-white);
  border:1px solid rgba(192,199,209,.30);
}
.kosa-btn-ghost:hover{ background: rgba(255,255,255,.05); }

.kosa-progress{
  height:10px;
  border-radius:999px;
  background: rgba(192,199,209,.12);
  border:1px solid rgba(192,199,209,.12);
  overflow:hidden;
}
.kosa-progress > span{
  display:block;
  height:100%;
  background: linear-gradient(90deg, rgba(75,156,211,1), rgba(255,255,255,1));
  width:0%;
}

.kosa-list{
  margin:0; padding-left: 18px;
  color: rgba(192,199,209,.9);
  font-weight: 300;
}
.kosa-locked{ opacity:.65; }
.kosa-locked::before{ content:"🔒 "; }
.kosa-complete::before{ content:"✅ "; }

.kosa-lesson-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 14px;
}

.kosa-quiz{
  margin-top:18px;
}
.kosa-quiz h3{
  margin:0 0 10px;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.kosa-quiz label{ color: rgba(192,199,209,.92); }
.kosa-quiz button{ cursor:pointer; }