:root{
  --naj-blue:#0b4ea2;
  --naj-cyan:#18b9e7;
  --naj-green:#20b46b;
  --naj-yellow:#f5c542;
  --naj-ink:#10233f;
  --naj-soft:#eef8ff;
}
body{font-family:"Noto Kufi Arabic","Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f6fbff 0%,#ffffff 36%,#f4fff8 100%);}
.navbar{box-shadow:0 12px 30px rgba(16,35,63,.08);border-bottom:1px solid rgba(24,185,231,.18)!important;}
.navbar-brand,.navbar-brand span{font-weight:900!important;color:var(--naj-blue)!important;}
#page-header,.page-context-header{border-radius:28px;background:linear-gradient(135deg,rgba(11,78,162,.95),rgba(24,185,231,.86));color:#fff;padding:22px;box-shadow:0 22px 55px rgba(11,78,162,.18);}
#page-header h1,.page-context-header h1{color:#fff!important;font-weight:900!important;}
.card,.coursebox,.dashboard-card{border:1px solid rgba(24,185,231,.18)!important;border-radius:24px!important;box-shadow:0 18px 45px rgba(16,35,63,.08)!important;overflow:hidden;}
.btn-primary,.btn-secondary:hover{background:linear-gradient(135deg,var(--naj-green),var(--naj-cyan))!important;border:none!important;border-radius:999px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(32,180,107,.25)!important;}
.btn-outline-primary{border-color:var(--naj-cyan)!important;color:var(--naj-blue)!important;border-radius:999px!important;font-weight:800!important;}
.breadcrumb{background:rgba(255,255,255,.72);border:1px solid rgba(24,185,231,.16);border-radius:999px;padding:.55rem 1rem;}
#region-main{border-radius:28px!important;border:1px solid rgba(24,185,231,.16)!important;box-shadow:0 22px 60px rgba(16,35,63,.07)!important;}
.naj-course-summary{direction:rtl;text-align:right;border-radius:26px;overflow:hidden;background:#fff;border:1px solid rgba(24,185,231,.18);box-shadow:0 16px 40px rgba(16,35,63,.08);margin:8px 0 18px;}
.naj-course-hero{position:relative;display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;padding:18px;background:linear-gradient(135deg,rgba(11,78,162,.08),rgba(24,185,231,.12),rgba(32,180,107,.08));}
.naj-course-hero img{width:140px;height:100px;object-fit:cover;border-radius:20px;box-shadow:0 12px 26px rgba(11,78,162,.15);background:#fff;}
.naj-course-hero h3{margin:0 0 8px;font-weight:900;color:var(--naj-blue);font-size:1.25rem;}
.naj-course-hero p{margin:0;color:#31506f;line-height:1.8;font-weight:600;}
.naj-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px;}
.naj-tags span{background:rgba(24,185,231,.12);color:var(--naj-blue);border:1px solid rgba(24,185,231,.22);border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:800;}
.naj-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px;}
.naj-plan div{background:#f8fcff;border:1px solid rgba(11,78,162,.08);border-radius:16px;padding:12px;color:#203b5c;font-weight:700;line-height:1.7;}
.naj-plan strong{display:block;color:var(--naj-green);font-size:.92rem;margin-bottom:4px;}
.course-content ul.topics li.section{border-radius:22px;border:1px solid rgba(24,185,231,.14);box-shadow:0 12px 32px rgba(16,35,63,.05);margin-bottom:16px;padding:14px;background:#fff;}
@media(max-width:760px){.naj-course-hero{grid-template-columns:1fr}.naj-course-hero img{width:100%;height:160px}.naj-plan{grid-template-columns:1fr}.navbar{padding:.5rem .75rem}}