@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+3:wght@300;400;500;600&family=Noto+Naskh+Arabic:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0d1b2a;--navy2:#1a2d42;--navy3:#243b55;--gold:#c9a84c;--gold2:#e6c97b;--gold3:#f5e4a8;--cream:#f8f5ee;--white:#fff;--text:#1a1a2e;--muted:#6b7280;--light:#f1ece3;--success:#27ae60;--warn:#e67e22;--danger:#c0392b;--info:#2980b9;--shadow-sm:0 2px 8px #00000014;--shadow:0 4px 20px #0000001f;--shadow-lg:0 8px 40px #0000002e;--radius:10px;--radius-lg:14px;--font-fr:"Source Sans 3", sans-serif;--font-ar:"Noto Naskh Arabic", serif;--font-title:"Playfair Display", serif}html{scroll-behavior:smooth}body{font-family:var(--font-fr);background:var(--cream);color:var(--text);line-height:1.6}[lang=ar],.rtl{font-family:var(--font-ar);text-align:right;direction:rtl}h1,h2,h3,h4{font-family:var(--font-title)}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{font-family:var(--font-ar)}.topbar{z-index:200;background:linear-gradient(135deg, var(--navy) 0%, var(--navy3) 100%);border-bottom:2px solid var(--gold);height:60px;box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-logo{cursor:pointer;align-items:center;gap:.75rem;text-decoration:none;display:flex}.topbar-logo-icon{color:var(--gold);font-size:1.4rem}.topbar-logo-text{line-height:1.2}.topbar-logo-title{font-family:var(--font-title);color:#fff;font-size:1rem;font-weight:700}.topbar-logo-sub{color:var(--gold2);letter-spacing:.07em;text-transform:uppercase;font-size:.6rem}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-lang{gap:.3rem;display:flex}.lang-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;transition:all .2s}.lang-btn:hover,.lang-btn.active{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:600}.topbar-stats{gap:1.2rem;display:flex}.stat-chip{color:var(--gold3);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.stat-chip strong{color:var(--gold)}.secure-badge{color:#5dbb7f;background:#27ae601f;border:1px solid #27ae6040;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;display:flex}.ad-banner{border-radius:var(--radius);text-align:center;color:var(--muted);background:linear-gradient(135deg,#f8f5ee,#f0e9d8);border:1px dashed #c9a84c55;justify-content:center;align-items:center;min-height:90px;margin:1rem 0;padding:.75rem 1.5rem;font-size:.75rem;display:flex}.ad-banner-leaderboard{min-height:90px}.ad-banner-rect{min-height:250px}.hero{background:linear-gradient(155deg, var(--navy) 0%, var(--navy3) 60%, #1e3a5f 100%);padding:3rem 1.5rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c12 0%,#0000 70%);width:450px;height:450px;position:absolute;top:-30%;right:-5%}.hero-inner{max-width:860px;margin:0 auto;position:relative}.hero-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;background:#c9a84c1f;border:1px solid #c9a84c40;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .8rem;font-size:.72rem;display:inline-flex}.hero h1{color:#fff;margin-bottom:.75rem;font-size:1.85rem;line-height:1.3}.hero h1 span{color:var(--gold)}.hero p{color:#ffffffb3;max-width:580px;font-size:.92rem;line-height:1.7}.hero-stats{flex-wrap:wrap;gap:1.75rem;margin-top:2rem;display:flex}.hstat{text-align:center}.hstat-n{font-family:var(--font-title);color:var(--gold);font-size:1.9rem;font-weight:700}.hstat-l{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.main-layout{min-height:calc(100vh - 60px);display:flex}.sidebar{background:#fff;border-right:1px solid #e8e0d0;flex-shrink:0;width:260px;overflow-y:auto}.content-area{flex:1;overflow-y:auto}.content{max-width:900px;padding:1.75rem}.category-tabs{background:#fff;border-bottom:2px solid #e8e0d0;gap:0;display:flex}.cat-tab{cursor:pointer;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:.4rem;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.cat-tab:hover{color:var(--navy)}.cat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.sidebar-section{padding:1rem 0}.sidebar-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:.4rem 1rem;font-size:.65rem;font-weight:600}.sidebar-pillar{cursor:pointer;color:var(--text);border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.82rem;transition:all .15s;display:flex}.sidebar-pillar:hover{background:var(--cream)}.sidebar-pillar.active{background:var(--light);border-left-color:var(--gold);color:var(--navy);font-weight:600}.sidebar-pillar-icon{font-size:.9rem}.sidebar-pillar-num{color:var(--muted);font-size:.65rem}.pillars-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;display:grid}.pillar-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:1px solid #e8e0d0;border-top:4px solid;padding:1.25rem 1.5rem;transition:all .25s}.pillar-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pillar-num{text-transform:uppercase;letter-spacing:.1em;opacity:.75;margin-bottom:.4rem;font-size:.68rem;font-weight:600}.pillar-title{font-family:var(--font-title);color:var(--navy);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.pillar-desc{color:var(--muted);margin-bottom:.9rem;font-size:.78rem;line-height:1.5}.pillar-footer{justify-content:space-between;font-size:.74rem;display:flex}.progress-bar{background:#e8e0d0;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .4s}.rec-list{flex-direction:column;gap:.85rem;display:flex}.rec-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:1px solid #e8e0d0;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.rec-card:hover{border-left:3px solid var(--gold);transform:translate(3px)}.rec-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:.72rem;font-weight:700;display:flex}.rec-info{flex:1}.rec-title{color:var(--navy);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.rec-sub{color:var(--muted);font-size:.73rem}.rec-arrow{color:var(--gold);opacity:.7;font-size:1.1rem}.section-header{margin-bottom:1.25rem}.section-header h2{color:var(--navy);margin-bottom:.3rem;font-size:1.1rem}.section-header p{color:var(--muted);font-size:.82rem}.courses-list{flex-direction:column;gap:.75rem;display:flex}.course-card{border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #e8e0d0;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.course-card:hover{box-shadow:var(--shadow);border-color:var(--gold)}.course-card.done{border-left:3px solid var(--success)}.course-icon{background:linear-gradient(135deg, var(--navy), var(--navy3));width:42px;height:42px;color:var(--gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.course-icon.done{background:var(--success);color:#fff}.course-info{flex:1}.course-title{color:var(--navy);font-size:.9rem;font-weight:600}.course-meta{color:var(--muted);gap:.75rem;margin-top:.15rem;font-size:.73rem;display:flex}.course-viewer{border-radius:var(--radius-lg);background:#fff;border:1px solid #e8e0d0;overflow:hidden}.course-header{background:linear-gradient(135deg, var(--navy), var(--navy3));color:#fff;padding:1.5rem 2rem}.course-header h2{margin-bottom:.5rem;font-size:1.15rem;line-height:1.4}.course-header-meta{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.meta-chip{color:var(--gold3);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;display:flex}.course-body{padding:1.75rem 2rem}.objectives-box{background:linear-gradient(135deg,#f0f7ff,#e8f1ff);border:1px solid #c0d5f0;border-radius:8px;margin-bottom:1.5rem;padding:1.1rem 1.25rem}.objectives-box h4{color:var(--navy);font-size:.85rem;font-family:var(--font-title);margin-bottom:.6rem}.obj-item{color:#2c3e50;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;font-size:.84rem;display:flex}.obj-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.4rem}.section-block{border-bottom:1px solid #f0e8d8;margin-bottom:1.5rem;padding-bottom:1.5rem}.section-block:last-of-type{border-bottom:none}.section-block h3{color:var(--navy);font-size:.95rem;font-family:var(--font-title);align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.section-block h3:before{content:"";background:var(--gold);border-radius:2px;flex-shrink:0;width:3px;height:.95rem;display:inline-block}.section-block p{color:#2c3e50;font-size:.86rem;line-height:1.78}.case-study{border:1px solid var(--gold2);border-radius:var(--radius);background:linear-gradient(135deg,#fff9ea,#fff4d0);margin-top:1.5rem;padding:1.5rem}.case-study h4{font-family:var(--font-title);color:var(--navy);margin-bottom:1rem;font-size:.95rem}.case-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:.3rem;font-size:.68rem;font-weight:600}.case-text{color:#2c3e50;margin-bottom:.9rem;font-size:.84rem;line-height:1.7}.keypoints{background:#f8f4ed;border-radius:8px;margin-top:1rem;padding:1rem 1.25rem}.keypoints h4{color:var(--navy);margin-bottom:.6rem;font-size:.82rem}.kp-item{color:#2c3e50;align-items:flex-start;gap:.4rem;margin-bottom:.3rem;font-size:.81rem;display:flex}.kp-star{color:var(--gold);flex-shrink:0}.quiz-levels{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem;margin-top:1rem;display:grid}.level-card{border-radius:var(--radius);cursor:pointer;text-align:center;background:#fff;border:2px solid #e8e0d0;padding:1.1rem;transition:all .2s}.level-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.level-num{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto .65rem;font-size:1rem;font-weight:700;display:flex}.level-name{color:var(--navy);margin-bottom:.2rem;font-size:.88rem;font-weight:700}.level-count{margin-top:.35rem;font-size:.72rem;font-weight:600}.quiz-box{border-radius:var(--radius-lg);background:#fff;border:1px solid #e8e0d0;overflow:hidden}.quiz-header{background:linear-gradient(135deg,var(--navy),var(--navy3));justify-content:space-between;align-items:center;padding:1.1rem 1.75rem;display:flex}.quiz-header h3{color:#fff;margin-bottom:.15rem;font-size:.95rem}.quiz-header p{color:#fff9;font-size:.75rem}.quiz-counter{color:var(--gold);background:#c9a84c2e;border:1px solid #c9a84c59;border-radius:20px;padding:.35rem .8rem;font-size:.82rem;font-weight:600}.quiz-pgbar{background:#ffffff26;height:3px}.quiz-pgfill{height:100%;transition:width .3s}.quiz-body{padding:1.75rem}.question-text{color:var(--navy);margin-bottom:1.4rem;font-size:1rem;font-weight:600;line-height:1.5}.options{flex-direction:column;gap:.65rem;display:flex}.opt-btn{text-align:left;cursor:pointer;color:#2c3e50;font-size:.88rem;font-family:var(--font-fr);background:#f8f4ed;border:2px solid #e8e0d0;border-radius:8px;align-items:center;gap:.7rem;padding:.85rem 1.1rem;transition:all .2s;display:flex}[lang=ar] .opt-btn{font-family:var(--font-ar);text-align:right;flex-direction:row-reverse}.opt-btn:hover:not(:disabled){border-color:var(--gold);background:#fff3d0}.opt-btn.correct{border-color:var(--success);color:var(--success);background:#e8f5e9}.opt-btn.wrong{border-color:var(--danger);color:var(--danger);background:#fde8e8}.opt-letter{background:var(--navy);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:flex}.opt-btn.correct .opt-letter{background:var(--success)}.opt-btn.wrong .opt-letter{background:var(--danger)}.expl-box{border:1px solid var(--gold2);color:#2c3e50;background:#fff9ea;border-radius:8px;margin-top:1rem;padding:.9rem 1.1rem;font-size:.83rem;line-height:1.65}.quiz-result{text-align:center;padding:3rem 2rem}.result-score{font-family:var(--font-title);margin-bottom:.4rem;font-size:2.8rem;font-weight:700}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #c9a84c4d}.btn-outline{border:2px solid var(--navy);color:var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:#fff}.btn-nav{background:linear-gradient(135deg,var(--navy),var(--navy3));color:#fff}.btn-nav:hover{opacity:.9;transform:translateY(-1px)}.breadcrumb{background:var(--navy2);color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.45rem 1.5rem;font-size:.78rem;display:flex}.breadcrumb span{cursor:pointer;transition:color .15s}.breadcrumb span:hover{color:var(--gold)}.breadcrumb .bc-sep{color:#ffffff40}.breadcrumb .bc-cur{color:var(--gold2);cursor:default}.loading{flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:4rem 2rem;display:flex}.spinner{border:3px solid #e8e0d0;border-top-color:var(--gold);border-radius:50%;width:38px;height:38px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--muted);font-size:.88rem}.actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.actions-left{align-items:center;gap:.6rem;display:flex}.admin-panel{border-radius:var(--radius-lg);background:#fff;border:1px solid #e8e0d0;overflow:hidden}.admin-header{background:var(--navy);color:#fff;padding:1rem 1.5rem}.admin-body{padding:1.5rem}.admin-tabs{border-bottom:1px solid #e8e0d0;gap:0;margin-bottom:1.5rem;display:flex}.admin-tab{cursor:pointer;color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.admin-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.form-group{margin-bottom:1rem}.form-group label{color:var(--navy);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;font-size:.88rem;font-family:var(--font-fr);border:1px solid #d0c8b8;border-radius:6px;padding:.6rem .85rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);outline:none}.form-group textarea{resize:vertical;min-height:100px}.doc-list{flex-direction:column;gap:.5rem;display:flex}.doc-item{background:var(--cream);border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.82rem;display:flex}.doc-badge{background:var(--gold);color:var(--navy);border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.footer{background:var(--navy);color:#ffffff59;text-align:center;border-top:1px solid #c9a84c26;padding:.85rem;font-size:.72rem}.pdf-badge{font-weight:700;background:var(--gold)!important;color:var(--navy)!important}.pdf-tabs{border-bottom:2px solid #e8e0d0;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.pdf-tab-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px 8px 0 0;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.pdf-tab-btn:hover{background:var(--cream);color:var(--navy)}.pdf-tab-btn.active{background:var(--navy);color:#fff;font-weight:600}.pdf-viewer-container{flex-direction:column;gap:1rem;display:flex}.pdf-iframe{border-radius:var(--radius);background:#f9f9f9;border:1px solid #e8e0d0;width:100%;height:75vh;min-height:500px}.pdf-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.75rem 0;display:flex}.pdf-notes{flex-direction:column;gap:.5rem;display:flex}.notes-textarea{box-sizing:border-box;width:100%;font-size:.88rem;font-family:var(--font-fr);resize:vertical;background:var(--cream);border:1px solid #d0c8b8;border-radius:8px;padding:.85rem 1rem;line-height:1.6;transition:border-color .2s}.notes-textarea:focus{border-color:var(--gold);outline:none}.reg-docs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.reg-doc-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e8e0d0;padding:1.1rem}.reg-doc-badge{background:var(--gold);color:var(--navy);border-radius:4px;margin-bottom:.5rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-block}.reg-doc-title{color:var(--navy);margin-bottom:.3rem;font-size:.85rem;font-weight:600;line-height:1.4}.reg-doc-meta{color:var(--muted);font-size:.73rem}@media (width<=768px){.topbar{flex-wrap:wrap;gap:.4rem;height:auto;min-height:56px;padding:.5rem .75rem}.topbar-logo-title{font-size:.88rem}.topbar-logo-sub,.topbar-stats{display:none}.topbar-right{flex-wrap:wrap;gap:.45rem}.secure-badge{display:none}.btn-outline{padding:.2rem .5rem;font-size:.7rem}.main-layout{flex-direction:column}.sidebar{border-bottom:1px solid #e8e0d0;border-right:none;width:100%;max-height:220px}.content{padding:.75rem}.hero h1{font-size:1.2rem}.hero-stats{flex-wrap:wrap;gap:.75rem}.pillars-grid{grid-template-columns:1fr;gap:.75rem}.quiz-levels{grid-template-columns:repeat(2,1fr)}.reg-docs-grid{grid-template-columns:1fr}.ad-banner{min-height:60px;margin:.5rem 0;padding:.5rem}.ad-banner-leaderboard{min-height:60px}.ad-banner-rect{min-height:150px}}