:root{
  --cpp-primary:#111827;
  --cpp-accent:#2563eb;
  --cpp-bg:#f8fafc;
  --cpp-border:#e5e7eb;
  --cpp-text:#111827;
  --cpp-muted:#6b7280;
  --cpp-card:#ffffff;
}
.cpp-wrap{max-width:1200px}
.cpp-admin-grid,.cpp-course-grid,.cpp-auth-grid{display:grid;gap:20px}
.cpp-admin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:24px 0}
.cpp-course-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cpp-auth-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cpp-card{
  background:var(--cpp-card);
  border:1px solid var(--cpp-border);
  border-radius:18px;
  padding:24px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.cpp-course-card h3,.cpp-card h2,.cpp-card h3{margin-top:0}
.cpp-thumb img{width:100%;height:auto;border-radius:14px;display:block}
.cpp-btn{
  display:inline-block;
  background:var(--cpp-primary);
  color:#fff !important;
  text-decoration:none;
  border:none;
  border-radius:12px;
  padding:12px 18px;
  font-weight:600;
  cursor:pointer;
}
.cpp-btn:hover{opacity:.92}
.cpp-btn-secondary{background:var(--cpp-accent)}
.cpp-pill{
  display:inline-block;
  background:#eff6ff;
  color:#1d4ed8;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.cpp-meta{margin:12px 0}
.cpp-progress{
  height:10px;
  border-radius:999px;
  background:#e5e7eb;
  overflow:hidden;
  margin:16px 0 8px;
}
.cpp-progress span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
}
.cpp-alert{
  background:#fef2f2;
  color:#991b1b;
  padding:12px 14px;
  border-radius:12px;
}
.cpp-curriculum{padding-left:18px}
.cpp-curriculum li{margin-bottom:8px}
.cpp-dashboard-head{margin-bottom:24px}
.cpp-enroll-form{margin:0}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],select{
  width:100%;
  border:1px solid var(--cpp-border);
  border-radius:12px;
  padding:12px 14px;
  background:#fff;
}