/* ============================================================
   EKTSAB — COMPONENTS (عناصر قابلة لإعادة الاستخدام)
   أزرار، كروت، شارات، مودالات، فورمز — نفس القطعة تتكرر هنا
   مرة واحدة بس وتُستخدم في أي صفحة.
   ============================================================ */
 
/* ── الأزرار ── */
.btn-primary { background: var(--red); color: var(--white); padding: 12px 32px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; border: none; cursor: pointer; display: inline-block; transition: background .3s ease; border-radius: 10px; }
.btn-primary > span, .btn-primary { transform-style: preserve-3d; }
.btn-primary:hover { background: #c41920; }
.btn-final { background: var(--white); color: var(--red-d); padding: 13px 36px; font-family: 'Cairo', sans-serif; font-size: clamp(14px,2vw,16px); font-weight: 800; border: none; cursor: pointer; display: inline-block; transition: all .3s ease; box-shadow: 0 0 20px rgba(255,255,255,0.2); border-radius: 10px; }
.btn-final:hover { transform: translateY(-3px); box-shadow: 0 0 40px rgba(255,255,255,0.35), 0 16px 40px rgba(0,0,0,0.3); }
.browse-courses-btn{display:inline-block;background:rgba(229,31,38,0.12);color:var(--white);border:1px solid rgba(229,31,38,0.35);padding:12px 32px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:background .3s ease;text-decoration:none;border-radius:10px;}
.browse-courses-btn:hover{background:rgba(229,31,38,0.22);}
.plan-cta{background:var(--red);color:var(--white);width:100%;padding:14px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:800;border:none;cursor:pointer;display:block;transition:all .25s ease;text-decoration:none;box-shadow:0 0 16px rgba(229,31,38,0.3);text-align:center;border-radius:6px;}
.plan-cta:hover{background:var(--red-b);transform:translateY(-2px);}
.details-btn { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; font-size: 13px; font-weight: 700; color: var(--red-b); cursor: pointer; margin-top: 12px; background: rgba(229,31,38,0.12); border: 1px solid rgba(229,31,38,0.35); font-family: 'Cairo', sans-serif; padding: 11px 14px; border-radius: 10px; transition: all .2s; }
.details-btn:hover { background: rgba(229,31,38,0.22); color: var(--white); }
.details-btn .arr { transition: transform .3s; display: inline-block; }
.details-btn.open .arr { transform: rotate(180deg); }
 
/* ── الشارات (Live / قريبًا) — نسخة الموقع العام ── */
.badge-live { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; padding: 3px 9px; margin-bottom: 10px; background: rgba(229,31,38,0.2); color: var(--red-b); }
.badge-soon { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; padding: 3px 9px; margin-bottom: 10px; background: rgba(255,255,255,0.08); color: var(--gray); }
 
/* شارات نسخة الداشبورد (مباشر / منتهي / قريبًا) */
.ccd-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;padding:4px 10px;letter-spacing:.5px;border-radius:20px;}
.ccd-badge.live{background:var(--red);color:var(--white);}
.ccd-badge.done{background:var(--green);color:var(--white);}
.ccd-badge.soon{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);}
 
/* ── كارت الكورس (نسخة الموقع العام - قبل تسجيل الدخول) ── */
.course-card { overflow:hidden; border-radius: 16px; background: var(--black3); border: 1px solid rgba(255,255,255,0.07); transition: transform .3s ease, border-color .3s ease; border-top: 3px solid transparent; padding: 0; display: flex; flex-direction: column; height: 100%; min-height: 420px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.course-card:hover { border-top-color: var(--red); transform: translateY(-5px); }
.c-thumb { width:100%; display:block; overflow:hidden; border-radius: 11px 11px 0 0; }
.c-thumb svg { width:100%; height:auto; display:block; direction:ltr; }
.course-card-body { padding: 16px; display: flex; flex-direction: column; flex: 1; }
.course-icon { font-size: 26px; margin-bottom: 8px; }
.course-card h3 { font-size: 15px; font-weight: 800; margin-bottom: 6px; color: var(--white); line-height: 1.3; }
.course-card p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.5; }
.details-body { max-height: 0; overflow: hidden; transition: max-height .45s ease, padding-top .3s; }
.details-body.open { max-height: 500px; padding-top: 12px; }
.details-body ol { list-style: none; display: grid; gap: 8px; }
.details-body li { display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: rgba(255,255,255,0.7); line-height: 1.5; }
.course-meta { display:flex; align-items:center; gap:8px; margin-top:8px; flex-wrap:wrap; }
.course-meta-item { font-size:11px; color:var(--gray); display:flex; align-items:center; gap:4px; }
.course-meta-item svg { width:12px; height:12px; fill:var(--gray); }
.course-instructor { font-size:12px; color:var(--red-b); font-weight:600; margin-top:6px; }
.inst-logo { width:26px; height:26px; border-radius:50%; background:var(--black2); border:1px solid rgba(229,31,38,0.4); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.inst-logo img { width:18px; height:18px; object-fit:contain; }
.inst-logo img.founder-img-card { width:26px; height:26px; object-fit:cover; border-radius:50%; }
.inst-name { font-size:12px; font-weight:700; color:var(--red-b); }
 
/* ── كارت الكورس (نسخة الداشبورد - بعد تسجيل الدخول، فيه تقدّم/مفضلة) ── */
.course-card-dash{background:var(--black2);border:1px solid rgba(255,255,255,0.06);overflow:hidden;transition:all .25s;cursor:pointer;border-radius:16px;}
.course-card-dash:hover{border-color:rgba(229,31,38,0.3);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.4);}
.ccd-thumb{width:100%;aspect-ratio:16/7;background:var(--black3);overflow:hidden;position:relative;}
.ccd-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ccd-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,var(--black3),var(--black4));}
.fav-btn{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2;}
.fav-btn svg{width:14px;height:14px;fill:rgba(255,255,255,0.5);transition:fill .2s;}
.fav-btn.active svg{fill:#E51F26;}
.fav-btn:hover svg{fill:#E51F26;}
.ccd-body{padding:14px 16px;}
.ccd-cat{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin-bottom:5px;}
.ccd-name{font-size:14px;font-weight:800;color:var(--white);line-height:1.4;margin-bottom:5px;}
.ccd-desc{font-size:12px;color:rgba(255,255,255,0.45);line-height:1.6;margin-bottom:10px;}
.ccd-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,0.4);margin-bottom:10px;}
.ccd-progress-wrap{margin-bottom:10px;}
.ccd-progress-bar{height:3px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;}
.ccd-progress-fill{height:100%;background:var(--red-b);border-radius:2px;transition:width 1s ease;}
.ccd-pct{font-size:10px;color:var(--red-b);font-weight:700;margin-top:3px;}
.ccd-btn{display:block;text-align:center;background:var(--black3);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.7);padding:9px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;text-decoration:none;border-radius:var(--radius);}
.ccd-btn:hover{background:var(--red);border-color:var(--red);color:var(--white);}
.ccd-btn.start{background:rgba(229,31,38,0.12);border-color:rgba(229,31,38,0.3);color:var(--red-b);}
.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--gray);}
.empty-state .es-icon{font-size:56px;margin-bottom:14px;}
.empty-state .es-title{font-size:16px;font-weight:800;color:rgba(255,255,255,0.6);margin-bottom:6px;}
.empty-state .es-sub{font-size:13px;color:var(--gray);}
 
/* ── كارت السعر (Pricing / Plan Card) ── */
.pricing-card { background: var(--black3); border: 2px solid var(--red); padding: 44px 36px; max-width: 520px; margin: 32px auto 0; position: relative; text-align: center; overflow: hidden; }
.pricing-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at top, rgba(229,31,38,0.08) 0%, transparent 60%); pointer-events: none; }
.pricing-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:32px auto 0;}
@media(max-width:640px){.pricing-two-grid{grid-template-columns:1fr;}}
.pricing-badge { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); background: var(--red); font-size: 12px; font-weight: 700; padding: 5px 18px; letter-spacing: 1px; white-space: nowrap; color: var(--white); }
.price-old { font-size: 16px; color: var(--gray); text-decoration: line-through; margin-bottom: 4px; }
.price-main { font-size: 56px; font-weight: 900; line-height: 1; margin-bottom: 4px; }
.price-sub { font-size: 18px; color: var(--gray); font-weight: 600; }
.price-period { font-size: 13px; color: rgba(255,255,255,0.45); margin-bottom: 24px; margin-top: 5px; font-weight: 600; }
.price-includes { list-style: none; text-align: right; margin-bottom: 24px; display: grid; gap: 9px; }
.price-includes li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: rgba(255,255,255,0.85); }
.price-includes li::before { content: '✓'; color: var(--red-b); font-weight: 900; font-size: 15px; flex-shrink: 0; }
.payment-methods { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 14px auto 0; max-width: 320px; }
.pm-badge { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); padding: 5px 10px; font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.6); border-radius: 8px; transition: border-color .2s, color .2s; }
.pm-badge:hover { border-color: rgba(255,255,255,0.25); color: rgba(255,255,255,0.8); }
 
/* PLAN CARD (unified w/ /plans page) */
.plans-section{padding:0;max-width:480px;margin:32px auto 0;width:100%;}
.plans-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;}
.plan-card{background:var(--black3);border:2px solid rgba(255,255,255,0.08);padding:36px 28px;position:relative;overflow:hidden;transition:all .3s ease;text-align:center;border-radius:18px;}
.plan-card:hover{transform:translateY(-4px);border-color:rgba(229,31,38,0.3);}
.plan-card.featured{border-color:var(--red);box-shadow:0 0 40px rgba(229,31,38,0.15);}
.plan-card.featured::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(229,31,38,0.07) 0%,transparent 60%);pointer-events:none;}
.plan-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--red);font-size:11px;font-weight:700;padding:5px 18px;letter-spacing:1px;white-space:nowrap;color:var(--white);border-radius:0 0 10px 10px;}
.plan-name{font-size:16px;font-weight:800;color:var(--white);margin-bottom:6px;margin-top:16px;}
.plan-period{font-size:12px;color:var(--gray);font-weight:600;margin-bottom:20px;}
.plan-price-old{font-size:14px;color:var(--gray);text-decoration:line-through;margin-bottom:4px;min-height:20px;}
.plan-price-main{font-size:48px;font-weight:900;line-height:1;margin-bottom:4px;}
.plan-price-main sub{font-size:20px;font-weight:700;color:rgba(255,255,255,0.7);}
.plan-price-note{font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:6px;}
.plan-divider{height:1px;background:rgba(255,255,255,0.07);margin:20px 0;}
.plan-features{list-style:none;text-align:right;display:grid;gap:10px;margin-bottom:28px;}
.plan-features li{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,0.82);line-height:1.5;}
.plan-features li::before{content:'✓';color:var(--red-b);font-weight:900;font-size:14px;flex-shrink:0;}
.payment-icons{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px;}
.guarantee { font-size: 12px; color: rgba(255,255,255,0.3); margin-top: 10px; }
 
/* FAQ */
 
/* ── الأسئلة الشائعة (FAQ) ── */
.faq-wrap { max-width: 700px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid rgba(255,255,255,0.08); padding: 18px 0; }
.faq-q { font-size: 15px; font-weight: 700; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 14px; user-select: none; }
.faq-plus { color: var(--red); font-size: 20px; flex-shrink: 0; transition: transform .3s; }
.faq-item.open .faq-plus { transform: rotate(45deg); }
.faq-a { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.8; max-height: 0; overflow: hidden; transition: max-height .4s ease, padding-top .3s; }
.faq-item.open .faq-a { max-height: 300px; padding-top: 12px; }
 
/* ── مودال تفاصيل الكورس (Course Modal) ── */
.cm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:10000;align-items:center;justify-content:center;padding:16px;overflow-y:auto;}
.cm-overlay.active{display:flex;}
.cm-box{background:var(--black3);border:1px solid rgba(229,31,38,.3);border-top:3px solid var(--red);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;}
.cm-close{position:absolute;top:12px;left:12px;font-size:16px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);border:none;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10;font-family:sans-serif;}
.cm-close:hover{background:var(--red);color:#fff;}
.cm-header{padding:16px 20px 12px 50px;border-bottom:1px solid rgba(255,255,255,.07);}
.cm-title{font-size:16px;font-weight:900;color:var(--white);line-height:1.3;}
.cm-top{display:grid;grid-template-columns:1fr 190px;}
.cm-video{background:var(--black);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;min-height:180px;overflow:hidden;}
.cm-video iframe{width:100%;height:100%;border:none;display:block;}
.cm-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.3);font-size:13px;width:100%;height:100%;padding:20px;}
.cm-instructor{background:var(--black2);border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 14px;text-align:center;}
.cm-inst-logo{width:72px;height:72px;border-radius:50%;border:2px solid rgba(229,31,38,.4);background:var(--black);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.cm-inst-logo img{width:72px;height:72px;object-fit:cover;border-radius:50%;}
.cm-inst-logo.logo-icon img{width:44px;height:44px;object-fit:contain;}
.cm-inst-by{font-size:10px;color:var(--gray);font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.cm-inst-name{font-size:14px;font-weight:800;color:var(--red-b);}
.cm-inst-bio{font-size:11px;color:rgba(255,255,255,.45);line-height:1.5;text-align:center;padding:0 4px;margin-top:2px;}
.cm-sub-wrap{padding:14px 20px 20px;border-top:1px solid rgba(255,255,255,.07);}
.cm-sub-btn{display:block;width:100%;background:var(--red);color:#fff;padding:14px 24px;font-family:'Cairo',sans-serif;font-size:16px;font-weight:800;border:none;cursor:pointer;transform:skewX(-6deg);transition:all .3s;box-shadow:0 0 20px rgba(229,31,38,0.3);}
.cm-sub-btn:hover{background:var(--red-b);transform:skewX(-6deg) translateY(-2px);box-shadow:0 0 30px rgba(229,31,38,0.5);}
.cm-lecs{padding:18px 20px 22px;}
.cm-lecs-hd{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.cm-lecs-label{font-size:11px;font-weight:700;color:var(--gray);letter-spacing:1px;text-transform:uppercase;}
.cm-lecs-meta{font-size:11px;color:rgba(255,255,255,.35);}
.cm-lec-list{list-style:none;display:grid;gap:5px;}
.cm-lec-item{display:flex;align-items:center;gap:10px;font-size:12.5px;color:rgba(255,255,255,.8);padding:7px 11px;background:rgba(255,255,255,.03);}
.cm-lec-num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--red);color:var(--red);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
 
/* ═══════════════════════════════════════════════════════════════════
   ADD EVERYTHING BELOW TO: /assets/css/components.css
   ═══════════════════════════════════════════════════════════════════ */
 
/* ───────────────────────────────────────────────────────────────────
   1) course-detail.php
   ─────────────────────────────────────────────────────────────────── */
 
.course-hero-band{background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.15);}
.course-hero-band-inner{max-width:1080px;margin:0 auto;padding:48px 24px 44px;display:grid;grid-template-columns:1fr 380px;gap:16px 48px;align-items:stretch;}
.ch-top-full{grid-column:1/-1;grid-row:1;}
.ch-right{grid-column:1;grid-row:2;}
.ch-below-full{grid-column:1;grid-row:3;}
.ch-ratings-full{grid-column:1;grid-row:4;}
.ch-left{grid-column:2;grid-row:2 / span 3;}
.ch-current-lesson-title{font-size:16px;font-weight:800;color:var(--white);margin-top:0;margin-bottom:16px;}
 
.ch-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:20px;flex-wrap:wrap;}
.ch-breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color .2s;}
.ch-breadcrumb a:hover{color:var(--red);}
.ch-breadcrumb span{color:rgba(255,255,255,0.2);}
.ch-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(229,31,38,0.18);border:1px solid rgba(229,31,38,0.45);padding:5px 14px;font-size:11.5px;font-weight:700;color:var(--red);margin-bottom:16px;}
.ch-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.8);}}
.ch-title{font-size:clamp(22px,3.5vw,38px);font-weight:900;line-height:1.2;margin-bottom:12px;}
 
.ch-video-wrap{border-radius:8px;overflow:hidden;border:1px solid rgba(229,31,38,0.3);background:var(--black);position:relative;aspect-ratio:16/9;margin-bottom:14px;}
.ch-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;}
.vp-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--black3),#0d0d0d);}
.vp-icon{width:60px;height:60px;border-radius:50%;background:rgba(229,31,38,0.12);border:2px solid rgba(229,31,38,0.3);display:flex;align-items:center;justify-content:center;}
.vp-icon svg{width:26px;height:26px;fill:rgba(229,31,38,0.5);margin-right:-3px;}
.vp-lbl{font-size:12px;font-weight:700;color:rgba(255,255,255,0.3);}
 
.lesson-actions-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.nav-btn{display:inline-flex;align-items:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.65);padding:8px 18px;font-family:'Cairo',sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;border-radius:var(--radius);}
.nav-btn:hover:not(.disabled){background:rgba(229,31,38,0.1);border-color:rgba(229,31,38,0.35);color:var(--white);}
.nav-btn.disabled{opacity:0.3;pointer-events:none;}
.mark-done-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(39,174,96,0.1);border:1px solid rgba(39,174,96,0.3);color:var(--green);padding:8px 18px;font-family:'Cairo',sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s;border-radius:var(--radius);margin-right:auto;}
.mark-done-btn:hover{background:rgba(39,174,96,0.18);}
.mark-done-btn.done{background:var(--green);color:white;border-color:var(--green);}
.mark-done-btn svg{width:14px;height:14px;fill:currentColor;}
 
.ch-desc{font-size:15px;color:rgba(255,255,255,0.65);line-height:1.85;margin-bottom:18px;max-width:580px;}
.ch-meta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px;}
.ch-meta-item{display:flex;align-items:center;gap:7px;font-size:13px;color:rgba(255,255,255,0.65);}
.ch-meta-item svg{width:15px;height:15px;fill:rgba(255,255,255,0.4);flex-shrink:0;}
.ch-instructor-line{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:rgba(255,255,255,0.5);}
.ch-instructor-line a{color:var(--red);font-weight:700;text-decoration:none;}
.ch-overview-block{margin-bottom:20px;padding:16px;background:var(--black3);border-right:3px solid rgba(229,31,38,0.4);}
.ch-overview-block p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.85;}
.ch-instructor-card{display:flex;align-items:flex-start;gap:16px;padding:18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:10px;margin-bottom:24px;}
.ch-inst-avatar{width:64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid rgba(229,31,38,0.35);flex-shrink:0;background:var(--black2);}
.ch-inst-avatar img{width:100%;height:100%;object-fit:cover;}
.ch-inst-name{font-size:15px;font-weight:900;color:var(--white);margin-bottom:2px;}
.ch-inst-role{font-size:11.5px;font-weight:700;color:var(--red);margin-bottom:8px;}
.ch-inst-bio{font-size:12.5px;color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:10px;}
.ch-inst-stats{display:flex;gap:16px;margin-bottom:10px;font-size:12.5px;color:rgba(255,255,255,0.55);}
.ch-inst-stats strong{color:var(--white);font-weight:900;}
.btn-inst-profile{display:inline-block;border:1px solid rgba(229,31,38,0.5);color:var(--red);padding:7px 18px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;border-radius:var(--radius);text-decoration:none;transition:all .25s ease;background:transparent;}
.btn-inst-profile:hover{background:rgba(229,31,38,0.1);}
 
.files-lbl{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.files-lbl::before{content:'';width:14px;height:2px;background:var(--red);flex-shrink:0;}
.files-list{display:grid;gap:6px;}
.file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--black3);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius);transition:border-color .2s;}
.file-item:hover{border-color:rgba(229,31,38,0.25);}
.file-ico{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.file-ico.pdf{background:rgba(229,31,38,0.12);}
.file-ico.xlsx{background:rgba(39,174,96,0.12);}
.file-info{flex:1;min-width:0;}
.file-name{font-size:12px;font-weight:700;color:rgba(255,255,255,0.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.file-size{font-size:11px;color:var(--gray);margin-top:1px;}
.file-dl{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--red);background:rgba(229,31,38,0.08);border:1px solid rgba(229,31,38,0.25);padding:5px 10px;cursor:pointer;transition:all .2s;text-decoration:none;flex-shrink:0;border-radius:var(--radius);}
.file-dl:hover{background:rgba(229,31,38,0.18);color:var(--white);}
.file-dl svg{width:11px;height:11px;fill:currentColor;}
.no-files{font-size:12px;color:rgba(255,255,255,0.3);padding:10px 0;}
 
.ch-tabs-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:20px;overflow-x:auto;}
.ch-tab-btn{background:none;border:none;color:rgba(255,255,255,0.5);font-family:'Cairo',sans-serif;font-size:13.5px;font-weight:700;padding:12px 18px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;}
.ch-tab-btn:hover{color:rgba(255,255,255,0.8);}
.ch-tab-btn.active{color:var(--red-b);border-bottom-color:var(--red);}
.ch-tab-panel{display:none;}
.ch-tab-panel.active{display:block;animation:fadeUp .3s ease both;}
 
.ch-notes-hdr{margin-bottom:16px;}
.ch-notes-list{display:flex;flex-direction:column;gap:10px;}
.ch-note-card{background:var(--black3);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius);padding:12px 16px;}
.ch-note-time{font-size:11px;font-weight:800;color:var(--red-b);margin-bottom:4px;}
.ch-note-text{font-size:13px;color:rgba(255,255,255,0.8);line-height:1.6;white-space:pre-line;}
 
.ch-ratings-full{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.07);}
.ratings-hdr-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px;}
.ratings-title{font-size:18px;font-weight:900;}
.ratings-title span{color:var(--red);}
.ratings-score-row{display:flex;align-items:center;gap:14px;margin-top:10px;}
.ratings-score-num{font-size:34px;font-weight:900;color:var(--white);line-height:1;}
.ratings-stars{display:flex;gap:2px;margin-bottom:4px;}
.ratings-sub{font-size:12px;color:var(--gray);font-weight:600;}
.ratings-share-btn{display:inline-flex;align-items:center;gap:8px;width:auto;padding:10px 22px;border-radius:var(--radius);}
.ratings-breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:26px;max-width:420px;}
.ratings-bar-row{display:flex;align-items:center;gap:10px;}
.ratings-bar-track{flex:1;height:6px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden;}
.ratings-bar-fill{height:100%;background:#F39C12;border-radius:4px;}
.ratings-bar-stars{display:flex;gap:1px;flex-shrink:0;}
.ratings-bar-pct{font-size:11.5px;color:var(--gray);font-weight:700;width:34px;text-align:left;flex-shrink:0;}
.ratings-write-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:26px;padding:16px;background:var(--black3);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius);}
.ratings-write-stars{display:flex;gap:3px;flex-shrink:0;}
.ratings-write-stars svg{cursor:pointer;}
.ratings-write-input{flex:1;min-width:180px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-family:'Cairo',sans-serif;font-size:13px;padding:9px 14px;outline:none;border-radius:20px;}
.ratings-write-input::placeholder{color:rgba(255,255,255,0.3);}
.ratings-submit-btn{background:var(--red);color:var(--white);border:none;padding:9px 22px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:800;cursor:pointer;border-radius:20px;transition:all .2s;flex-shrink:0;}
.ratings-submit-btn:hover{background:var(--red-b);}
.ratings-comments{display:flex;flex-direction:column;gap:14px;}
.ratings-comment-card{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.05);}
.ratings-comment-card:last-child{border-bottom:none;padding-bottom:0;}
.ratings-comment-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.ratings-comment-name{font-size:13px;font-weight:800;color:var(--white);}
.ratings-comment-stars{display:flex;gap:1px;}
.ratings-comment-date{font-size:11px;color:var(--gray);margin-right:auto;}
.ratings-comment-text{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.6;}
 
.share-links-list{display:flex;flex-direction:column;gap:2px;margin:16px 0 20px;}
.share-links-list .profile-link{padding:10px 14px;border-radius:var(--radius);}
 
.mobile-breadcrumb{display:none;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.4);padding:14px 16px 0;flex-wrap:wrap;}
.mobile-breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;}
.mobile-breadcrumb span{color:rgba(255,255,255,0.2);}
 
.course-card-sticky{background:var(--black3);border:1px solid rgba(229,31,38,0.3);border-top:3px solid var(--red);position:sticky;top:calc(var(--hdr) + 12px);border-radius:10px;overflow:hidden;height:100%;max-height:calc(100vh - var(--hdr) - 24px);display:flex;flex-direction:column;}
.sb-head{padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,0.07);background:var(--black3);flex-shrink:0;}
.sb-title{font-size:12.5px;font-weight:800;color:rgba(255,255,255,0.9);margin-bottom:8px;}
.sb-prog-row{display:flex;align-items:center;gap:8px;}
.sb-bar{flex:1;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;}
.sb-fill{height:100%;background:var(--red);border-radius:2px;transition:width .5s ease;}
.sb-pct{font-size:10px;font-weight:700;color:var(--red);flex-shrink:0;}
.sb-scroll{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:rgba(229,31,38,0.2) transparent;}
.sb-scroll::-webkit-scrollbar{width:3px;}
.sb-scroll::-webkit-scrollbar-thumb{background:rgba(229,31,38,0.2);border-radius:2px;}
.sb-sec{border-bottom:1px solid rgba(255,255,255,0.05);}
.sb-sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;transition:background .15s;user-select:none;}
.sb-sec-hdr:hover{background:rgba(255,255,255,0.03);}
.sb-sec-title{font-size:12px;font-weight:700;color:rgba(255,255,255,0.8);flex:1;}
.sb-sec-meta{font-size:10px;color:var(--gray);margin-left:8px;flex-shrink:0;}
.sb-caret{font-size:10px;color:var(--gray);transition:transform .25s;flex-shrink:0;}
.sb-sec.open .sb-caret{transform:rotate(180deg);}
.sb-lessons{display:none;padding:4px 0;}
.sb-sec.open .sb-lessons{display:block;}
.sl-item{display:flex;align-items:flex-start;gap:9px;padding:8px 14px;cursor:pointer;transition:background .15s;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.02);}
.sl-item:hover{background:rgba(255,255,255,0.03);}
.sl-item.active{background:rgba(229,31,38,0.09);border-right:3px solid var(--red);}
.sl-num{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(229,31,38,0.3);color:rgba(255,255,255,0.4);font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .2s;}
.sl-num.done{background:var(--green);border-color:var(--green);color:white;}
.sl-num.cur{background:rgba(229,31,38,0.18);border-color:var(--red);color:var(--red);}
.sl-body{flex:1;min-width:0;}
.sl-title{font-size:11.5px;font-weight:700;color:rgba(255,255,255,0.72);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sl-item.active .sl-title{color:var(--white);}
.sl-dur{font-size:10px;color:var(--gray);margin-top:2px;}
.sl-free{font-size:9px;font-weight:700;color:var(--green);background:rgba(39,174,96,0.1);border:1px solid rgba(39,174,96,0.25);padding:1px 5px;border-radius:20px;flex-shrink:0;margin-top:3px;}
.sl-fav-btn{background:none;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;margin-right:2px;}
.sl-fav-btn svg{width:14px;height:14px;fill:rgba(255,255,255,0.3);transition:fill .2s;}
.sl-fav-btn:hover svg{fill:#E51F26;}
.sl-fav-btn.active svg{fill:#E51F26;}
 
.course-body{max-width:1080px;margin:0 auto;padding:0 24px 80px;}
.cs-block{padding:40px 0;border-bottom:1px solid rgba(255,255,255,0.07);}
.cs-block:last-child{border-bottom:none;}
.cs-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
.cs-h2{font-size:clamp(18px,2.8vw,26px);font-weight:900;line-height:1.25;margin-bottom:14px;}
.cs-h2 span{color:var(--red);}
.cs-p{font-size:14.5px;color:rgba(255,255,255,0.6);line-height:1.85;margin-bottom:10px;}
.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;}
.learn-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--black3);border-right:3px solid var(--red);}
.learn-check{color:var(--green);font-size:15px;font-weight:900;flex-shrink:0;margin-top:1px;}
.learn-item p{font-size:13px;color:rgba(255,255,255,0.82);line-height:1.6;}
 
.also-see-section{padding:48px 24px 80px;max-width:1080px;margin:0 auto;border-top:1px solid rgba(255,255,255,0.07);}
.also-see-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.mini-course-card{background:var(--black3);border:1px solid rgba(255,255,255,0.07);border-top:3px solid var(--red);transition:border-color .25s,transform .25s;text-decoration:none;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;}
.mini-course-card:hover{border-color:rgba(229,31,38,0.5);transform:translateY(-4px);}
.mcc-thumb{aspect-ratio:16/9;background:var(--black2);display:flex;align-items:center;justify-content:center;position:relative;}
.mcc-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.75);color:var(--white);font-size:10px;font-weight:700;padding:3px 8px;border-radius:3px;}
.mcc-body{padding:14px;flex:1;display:flex;flex-direction:column;}
.mcc-title{font-size:13.5px;font-weight:800;color:var(--white);line-height:1.4;margin-bottom:6px;flex:1;}
.mcc-meta{font-size:11.5px;color:var(--gray);display:flex;gap:10px;flex-wrap:wrap;}
 
@media(max-width:900px){
  .course-hero-band-inner{grid-template-columns:1fr;gap:0;}
  .ch-top-full,.ch-right,.ch-left,.ch-below-full,.ch-ratings-full{grid-column:1;grid-row:auto;}
  .ch-below-full{order:1;}
  .ch-left{order:2;display:none;}
  .ch-left.tab-active{display:block;margin-top:16px;}
  .ch-ratings-full{order:3;}
  .course-card-sticky{position:static;max-height:none;height:auto;margin-bottom:24px;}
  .also-see-grid{grid-template-columns:1fr 1fr;}
  .also-see-section{padding:32px 16px 60px;}
}
@media(max-width:640px){
  .ch-tabs-bar{gap:0;}
  .ch-tab-btn{padding:12px 12px;font-size:12.5px;}
  .ratings-hdr-row{flex-direction:column;align-items:stretch;}
  .ratings-share-btn{width:100%;justify-content:center;}
  .ratings-write-row{flex-direction:column;align-items:stretch;gap:10px;}
  .ratings-write-stars{justify-content:center;}
  .ratings-write-input{width:100%;}
  .ratings-submit-btn{width:100%;}
  .course-hero-band-inner{padding:28px 16px;}
  .course-body{padding:0 16px 60px;}
  .learn-grid{grid-template-columns:1fr;}
  .also-see-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:420px){.also-see-grid{grid-template-columns:1fr;}}
 
/* ───────────────────────────────────────────────────────────────────
   2) instructors.php
   ─────────────────────────────────────────────────────────────────── */
 
.page-wrap{max-width:1200px;margin:0 auto;padding:20px 20px 48px;}
.page-hero{margin-bottom:24px;}
.page-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.page-tag::before{content:'';width:16px;height:2px;background:var(--red);}
.page-title{font-size:clamp(22px,3vw,36px);font-weight:900;margin-bottom:6px;line-height:1.2;}
.page-title span{color:var(--red);}
.page-sub{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.7;}
 
.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:28px;flex-wrap:wrap;}
.filter-count{font-size:12px;color:rgba(255,255,255,0.4);font-weight:600;white-space:nowrap;}
 
.instructors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
 
.instructor-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);border-top:3px solid transparent;overflow:hidden;transition:all .28s;cursor:pointer;}
.instructor-card:hover{border-top-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.4);}
.ic-cover{height:80px;background:linear-gradient(135deg,var(--red-d),var(--black3));position:relative;overflow:hidden;}
.ic-cover::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(229,31,38,0.3) 0%,transparent 70%);}
.ic-avatar-wrap{padding:0 20px;margin-top:-32px;position:relative;z-index:1;}
.ic-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--black2);object-fit:cover;background:var(--red-d);display:block;}
.ic-avatar-fallback{width:64px;height:64px;border-radius:50%;border:3px solid var(--black2);background:var(--red-d);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--white);}
.ic-body{padding:12px 20px 20px;}
.ic-name{font-size:16px;font-weight:900;margin-bottom:3px;color:var(--white);}
.ic-specialty{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--red-b);margin-bottom:10px;}
.ic-bio{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ic-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.ic-meta-item{display:flex;align-items:center;gap:5px;font-size:11px;color:rgba(255,255,255,0.45);font-weight:600;}
.ic-meta-item svg{width:12px;height:12px;fill:currentColor;}
.ic-meta-item strong{color:var(--white);font-size:13px;}
.ic-btn{display:block;text-align:center;background:var(--black3);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);padding:9px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;}
.ic-btn:hover{background:var(--red);border-color:var(--red);color:var(--white);}
 
@media(max-width:1024px){.instructors-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.instructors-grid{grid-template-columns:1fr;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeUp .35s ease both;}
 
/* ───────────────────────────────────────────────────────────────────
   3) instructor-profile.php
   ─────────────────────────────────────────────────────────────────── */
 
.breadcrumb{max-width:1200px;margin:0 auto;padding:20px 20px 0;display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.4);}
.breadcrumb a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--red-b);}
.breadcrumb-sep{color:rgba(255,255,255,0.2);}
.breadcrumb-current{color:rgba(255,255,255,0.7);font-weight:600;}
 
.instr-hero{background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.15);position:relative;overflow:hidden;}
.instr-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(229,31,38,0.08) 0%,transparent 70%);pointer-events:none;}
.instr-hero-inner{max-width:1200px;margin:0 auto;padding:40px 20px 36px;display:flex;align-items:flex-start;gap:32px;position:relative;}
.instr-avatar-wrap{flex-shrink:0;}
.instr-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(229,31,38,0.4);background:var(--red-d);}
.instr-avatar-fallback{width:120px;height:120px;border-radius:50%;border:4px solid rgba(229,31,38,0.4);background:var(--red-d);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:var(--white);}
.instr-info{flex:1;}
.instr-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.instr-tag::before{content:'';width:16px;height:2px;background:var(--red);}
.instr-name{font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1.15;margin-bottom:6px;}
.instr-specialty{font-size:14px;font-weight:700;color:var(--red-b);margin-bottom:14px;}
.instr-bio{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:680px;margin-bottom:22px;}
.instr-stats{display:flex;gap:24px;flex-wrap:wrap;}
.instr-stat{text-align:center;}
.instr-stat-val{font-size:24px;font-weight:900;color:var(--white);line-height:1;}
.instr-stat-label{font-size:11px;color:var(--gray);font-weight:600;margin-top:3px;}
 
.section-hdr{margin-bottom:24px;}
 
.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.course-card{background:var(--black3);border:1px solid rgba(255,255,255,0.07);overflow:hidden;transition:all .3s;border-top:3px solid transparent;}
.c-thumb img{width:100%;height:100%;object-fit:cover;}
.c-body{padding:22px;}
.badge-live{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;margin-bottom:10px;background:rgba(229,31,38,0.2);color:var(--red-b);}
.course-instructor-wrap{display:flex;align-items:center;gap:8px;margin-top:10px;}
.course-view-btn{display:block;text-align:center;background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.25);color:var(--red-b);padding:9px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;margin-top:14px;}
.course-view-btn:hover{background:var(--red);border-color:var(--red);color:var(--white);}
 
.not-found{text-align:center;padding:80px 24px;color:rgba(255,255,255,0.25);}
.not-found-icon{font-size:56px;margin-bottom:14px;opacity:.35;}
.not-found-title{font-size:20px;font-weight:900;margin-bottom:8px;color:rgba(255,255,255,0.5);}
.not-found-sub{font-size:13px;margin-bottom:24px;}
.back-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:11px 28px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:800;text-decoration:none;clip-path:polygon(7px 0%,100% 0%,calc(100% - 7px) 100%,0% 100%);transition:all .2s;}
.back-btn:hover{background:var(--red-b);}
 
@media(max-width:900px){
  .instr-hero-inner{flex-direction:column;gap:20px;}
  .instr-avatar,.instr-avatar-fallback{width:90px!important;height:90px!important;font-size:32px!important;}
}
@media(max-width:640px){
  .courses-grid{grid-template-columns:1fr;}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
 
/* ═══════════════════════════════════════════
   EKTSAB — CV Generator styles
   ═══════════════════════════════════════════ */
 
.cv-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start;}
.cv-builder{display:flex;flex-direction:column;gap:16px;min-width:0;}
.cv-card{background:var(--bg-card,#fff);border:1px solid var(--border,#eee);border-radius:16px;padding:18px;}
.cv-card-title{font-weight:700;font-size:15px;margin-bottom:12px;}
.cv-card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.cv-card-title-row .cv-card-title{margin-bottom:0;}
.cv-auto-tag{font-size:11px;font-weight:600;color:var(--gold,#f0a500);background:rgba(240,165,0,.1);border-radius:20px;padding:2px 10px;margin-right:8px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0;}
.form-label{font-size:13px;font-weight:600;color:var(--text-muted,#777);}
.form-input,.form-textarea{border:1px solid var(--border,#e0e0e0);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;width:100%;background:var(--bg,#fafafa);}
.form-textarea{resize:vertical;}
/* CV builder: الكروت فاتحة (بيضا)، فلازم الفورم يفضل فاتح وواضح.
   القاعدة الغامقة ".acct-pane .form-input" (globals) كانت بتغلب وتخلي النص
   أبيض على كارت أبيض = مش باين. دي specificity أعلى (0,3,0) عشان تكسب. */
/* ── CV: ثيم غامق (أسود/أحمر) زي باقي الموقع، مش أبيض ── */
.acct-pane .cv-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);color:var(--white);}
.acct-pane .cv-card .form-input,
.acct-pane .cv-card .form-textarea{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-family:inherit;font-weight:600;text-transform:none;letter-spacing:normal;}
.acct-pane .cv-card .form-input:focus,
.acct-pane .cv-card .form-textarea:focus{border-color:rgba(229,31,38,0.6);background:rgba(255,255,255,0.07);}
.acct-pane .cv-card .form-input::placeholder,
.acct-pane .cv-card .form-textarea::placeholder{color:rgba(255,255,255,0.3);}
.acct-pane .cv-card .form-label{color:rgba(255,255,255,0.6);font-size:13px;font-weight:600;text-transform:none;letter-spacing:normal;}
.acct-pane .cv-card .form-group{min-width:0;}
.acct-pane .cv-add-btn,.acct-pane .cv-remove-btn{color:rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.15);}
.acct-pane .cv-remove-btn{color:var(--red-b);border-color:rgba(229,31,38,0.5);}
.acct-pane .cv-tag{background:rgba(255,255,255,0.07);color:var(--white);}
.acct-pane .cv-tag button{color:rgba(255,255,255,0.5);}
.acct-pane .cv-exp-row{border-top-color:rgba(255,255,255,0.1);}
.acct-pane .cv-course-meta{color:rgba(255,255,255,0.5);}
/* بريفيو الـCV (المستند) — غامق كمان بأكسنت أحمر */
.acct-pane .cv-preview{background:var(--black3);border:1px solid rgba(255,255,255,0.07);color:rgba(255,255,255,0.85);}
.acct-pane .cvp-header{border-bottom-color:rgba(229,31,38,0.5);}
.acct-pane .cvp-title,.acct-pane .cvp-section-title,.acct-pane .cvp-cert-badge{color:var(--red-b);}
.acct-pane .cvp-contact{color:rgba(255,255,255,0.5);}
.acct-pane .cvp-summary{color:rgba(255,255,255,0.7);}
.acct-pane .cvp-exp-date{color:rgba(255,255,255,0.5);}
.acct-pane .cvp-exp-company{color:rgba(255,255,255,0.6);}
.acct-pane .cvp-exp-desc{color:rgba(255,255,255,0.65);}
.acct-pane .cvp-skill-chip,.acct-pane .cvp-lang-chip{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.85);}

/* ═══════════════════════════════════════════════════════════════════
   بطاقة الطالب (Student ID Card) — /dashboard/student-card
   ثيم أسود/أحمر، البيانات بتتحقن من PHP في نفس الأماكن لكل طالب
   ═══════════════════════════════════════════════════════════════════ */
.stu-card{position:relative;max-width:940px;margin:10px auto 0;background:#080808;border:1px solid rgba(229,31,38,0.28);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.55);}
.stu-card-deco{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.stu-card-logo{position:absolute;top:28px;right:44px;height:40px;object-fit:contain;z-index:3;}
.stu-card-inner{position:relative;z-index:2;display:flex;align-items:center;gap:40px;padding:74px 46px 46px;}
.stu-main{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;}
.stu-side{flex-shrink:0;width:230px;display:flex;flex-direction:column;gap:16px;}
/* صورة الطالب */
.stu-photo{width:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;border:2px solid var(--red);background:linear-gradient(160deg,rgba(229,31,38,0.4),rgba(10,10,10,0.9));box-shadow:0 0 26px rgba(229,31,38,0.28);}
.stu-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.stu-photo-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.22);}
.stu-photo-ph svg{width:66px;height:66px;fill:currentColor;}
/* بادج حالة العضوية */
.stu-badge{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(255,255,255,0.12);border-radius:44px;background:rgba(255,255,255,0.02);}
.stu-badge-text{font-size:16px;font-weight:800;color:rgba(255,255,255,0.5);flex:1;text-align:center;}
.stu-badge.is-active .stu-badge-text{color:#fff;}
.stu-badge-ico{display:flex;color:rgba(255,255,255,0.25);flex-shrink:0;}
.stu-badge.is-active .stu-badge-ico{color:var(--red);}
.stu-badge-ico svg{width:22px;height:22px;fill:currentColor;}
.stu-badge-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.2);flex-shrink:0;}
.stu-badge.is-active .stu-badge-dot{background:var(--red);box-shadow:0 0 10px var(--red);}
/* الاسم */
.stu-name{font-size:clamp(24px,3.2vw,40px);font-weight:900;color:#fff;line-height:1.25;text-align:center;}
.stu-name-line{height:3px;width:100%;max-width:660px;background:linear-gradient(90deg,rgba(229,31,38,0),var(--red),rgba(229,31,38,0));border-radius:2px;margin:16px auto 28px;}
/* بيانات (تاريخ التسجيل / رقم العضوية) */
.stu-meta{display:flex;align-items:flex-start;justify-content:center;gap:36px;flex-wrap:wrap;}
.stu-meta-label{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;color:#fff;margin-bottom:9px;}
.stu-meta-ico{display:flex;color:var(--red);flex-shrink:0;}
.stu-meta-ico svg{width:22px;height:22px;fill:currentColor;}
.stu-meta-value{font-size:17px;font-weight:700;color:rgba(255,255,255,0.82);letter-spacing:.5px;}
.stu-meta-sep{width:1px;align-self:stretch;min-height:54px;background:rgba(229,31,38,0.45);}
/* الباركود */
.stu-barcode{position:relative;margin:34px auto 0;width:fit-content;max-width:100%;padding:20px 30px;}
.stu-bc-bars{display:flex;align-items:stretch;gap:2px;height:78px;}
.stu-bc-bar{background:#fff;border-radius:1px;flex-shrink:0;}
.stu-bc-bar.gap{background:transparent;}
.stu-bc-corner{position:absolute;width:22px;height:22px;border:3px solid var(--red);}
.stu-bc-corner.tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:6px;}
.stu-bc-corner.tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:6px;}
.stu-bc-corner.bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:6px;}
.stu-bc-corner.br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:6px;}
/* موبايل — نفس تصميم الديسكتوب (عمودين) بس مصغّر عشان يظهر بنفس الشكل */
@media(max-width:780px){
  .stu-card-inner{flex-direction:row;align-items:center;gap:16px;padding:52px 14px 22px;}
  .stu-side{width:36%;max-width:150px;min-width:96px;gap:10px;}
  .stu-name{font-size:clamp(15px,4.4vw,24px);}
  .stu-name-line{margin:10px auto 16px;}
  .stu-meta{gap:14px;}
  .stu-meta-label{font-size:12px;margin-bottom:5px;}
  .stu-meta-ico svg{width:15px;height:15px;}
  .stu-meta-value{font-size:11.5px;}
  .stu-meta-sep{min-height:40px;}
  .stu-barcode{padding:10px 10px;}
  .stu-bc-bars{height:40px;gap:1px;}
  .stu-badge{padding:8px 10px;gap:6px;}
  .stu-badge-text{font-size:12px;}
  .stu-badge-ico svg{width:16px;height:16px;}
  .stu-card-logo{top:14px;right:14px;height:24px;}
}
@media(max-width:420px){
  .stu-side{width:34%;max-width:120px;}
  .stu-meta{gap:8px;}
  .stu-meta-sep{display:none;}
}

/* ═══════════════════════════════════════════════════════════════════
   صفحة البحث (search.php) — كل الستايلات مسبوقة بـ.search-page عشان
   متتصادمش مع كلاسات مشتركة (course-card/empty-state/instructor-card...)
   ولا تأثّر على باقي الموقع. الفوتر/الروت/البودي اتشالوا (موجودين مشترك).
   ═══════════════════════════════════════════════════════════════════ */
.search-page{padding-top:12px;padding-bottom:40px;}
.search-page .search-meta{max-width:1200px;margin:0 auto 20px;padding:24px 20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.search-page .search-meta-title{font-size:15px;color:var(--gray);}
.search-page .search-meta-title strong{color:var(--white);}
.search-page .search-tabs{display:flex;gap:4px;background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:3px;}
.search-page .search-tab{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:none;color:var(--gray);transition:all .2s;font-family:'Cairo',sans-serif;}
.search-page .search-tab.active{background:var(--red);color:var(--white);}
.search-page .search-layout{max-width:1200px;margin:0 auto 60px;padding:0 20px;display:grid;grid-template-columns:260px 1fr;gap:24px;}
.search-page .filters-sidebar{position:sticky;top:calc(var(--hdr) + 12px);height:fit-content;}
.search-page .filter-toggle-btn{display:none;width:100%;background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:10px 16px;color:var(--white);font-family:'Cairo',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-align:right;align-items:center;justify-content:space-between;margin-bottom:12px;}
.search-page .filters-panel{background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;}
.search-page .filter-header{padding:16px;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;}
.search-page .filter-header h3{font-size:14px;font-weight:700;}
.search-page .filter-reset{font-size:12px;color:var(--red);cursor:pointer;border:none;background:none;font-family:'Cairo',sans-serif;}
.search-page .filter-group{padding:16px;border-bottom:1px solid rgba(255,255,255,0.08);}
.search-page .filter-group:last-child{border-bottom:none;}
.search-page .filter-group-title{font-size:12px;font-weight:700;color:var(--gray);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}
.search-page .filter-option{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;}
.search-page .filter-option input[type=radio],.search-page .filter-option input[type=checkbox]{accent-color:var(--red);width:15px;height:15px;cursor:pointer;}
.search-page .filter-option label{font-size:13px;cursor:pointer;flex:1;}
.search-page .filter-option .filter-count{font-size:11px;color:var(--gray);}
.search-page .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.search-page .course-card{background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;transition:border .2s,transform .2s;cursor:pointer;}
.search-page .course-card:hover{border-color:rgba(229,31,38,0.4);transform:translateY(-2px);}
.search-page .course-thumb{width:100%;aspect-ratio:16/9;background:var(--black3);position:relative;overflow:hidden;}
.search-page .course-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.search-page .thumb-badge{position:absolute;top:10px;right:10px;background:var(--red);color:var(--white);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;}
.search-page .course-body{padding:14px;}
.search-page .course-cat{font-size:11px;color:var(--red);font-weight:700;margin-bottom:4px;}
.search-page .course-name{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:8px;}
.search-page .course-name mark,.search-page .inst-name mark,.search-page .cat-name mark{background:rgba(229,31,38,0.25);color:var(--white);border-radius:2px;padding:0 2px;}
.search-page .course-meta{display:flex;gap:12px;font-size:12px;color:var(--gray);}
.search-page .instructor-card{background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:20px;display:flex;align-items:center;gap:14px;transition:border .2s,transform .2s;cursor:pointer;}
.search-page .instructor-card:hover{border-color:rgba(229,31,38,0.4);transform:translateY(-2px);}
.search-page .inst-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--red);flex-shrink:0;background:var(--black3);}
.search-page .inst-name{font-size:15px;font-weight:700;margin-bottom:2px;}
.search-page .inst-title{font-size:12px;color:var(--gray);margin-bottom:6px;}
.search-page .inst-stats{display:flex;gap:12px;font-size:12px;color:var(--gray);}
.search-page .category-card{background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:20px;display:flex;align-items:center;gap:14px;transition:border .2s,transform .2s;cursor:pointer;}
.search-page .category-card:hover{border-color:rgba(229,31,38,0.4);transform:translateY(-2px);}
.search-page .cat-icon{width:48px;height:48px;border-radius:8px;background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.25);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.search-page .cat-name{font-size:15px;font-weight:700;margin-bottom:2px;}
.search-page .cat-count{font-size:12px;color:var(--gray);}
.search-page .skeleton{background:linear-gradient(90deg,var(--black3) 25%,#222 50%,var(--black3) 75%);background-size:200% 100%;animation:searchShimmer 1.4s infinite;}
@keyframes searchShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.search-page .skel-card{background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;}
.search-page .skel-thumb{width:100%;aspect-ratio:16/9;}
.search-page .skel-body{padding:14px;}
.search-page .skel-line{height:12px;border-radius:4px;margin-bottom:8px;}
.search-page .skel-line.short{width:60%;}
.search-page .skel-line.med{width:80%;}
.search-page .empty-state{text-align:center;padding:80px 20px;}
.search-page .empty-icon{font-size:52px;margin-bottom:16px;opacity:.4;}
.search-page .empty-title{font-size:18px;font-weight:700;margin-bottom:8px;}
.search-page .empty-sub{font-size:14px;color:var(--gray);max-width:320px;margin:0 auto 24px;}
.search-page .search-home{max-width:800px;margin:48px auto;padding:0 20px;}
.search-page .section-label{font-size:12px;font-weight:700;color:var(--gray);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;}
.search-page .popular-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;}
.search-page .popular-tag{background:var(--black2);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:6px 16px;font-size:13px;cursor:pointer;transition:all .2s;}
.search-page .popular-tag:hover{border-color:var(--red);color:var(--red);}
.search-page .recent-list{display:flex;flex-direction:column;gap:4px;}
.search-page .recent-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:14px;}
.search-page .recent-item:hover{background:var(--black2);}
.search-page .recent-del{margin-right:auto;font-size:12px;color:var(--gray);opacity:0;transition:opacity .15s;}
.search-page .recent-item:hover .recent-del{opacity:1;}
.search-page .pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;}
.search-page .page-btn{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,0.08);background:var(--black2);color:var(--white);font-family:'Cairo',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;}
.search-page .page-btn:hover{border-color:var(--red);}
.search-page .page-btn.active{background:var(--red);border-color:var(--red);}
.search-page .page-btn:disabled{opacity:.3;cursor:not-allowed;}
@media(max-width:768px){
  .search-page .search-layout{grid-template-columns:1fr;}
  .search-page .filter-toggle-btn{display:flex;}
  .search-page .filters-panel{display:none;}
  .search-page .filters-panel.open{display:block;}
  .search-page .results-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .search-page .results-grid{grid-template-columns:1fr;}
  .search-page .search-meta{flex-direction:column;align-items:flex-start;}
  .search-page .search-tabs{overflow-x:auto;width:100%;}
}

/* ═══════════════════════════════════════════════════════════════════
   صفحة بروفايل المدرب (instructor-profile.php) — scoped تحت .ip-page
   ═══════════════════════════════════════════════════════════════════ */
.ip-page .breadcrumb{max-width:1200px;margin:0 auto;padding:20px 20px 0;display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.4);}
.ip-page .breadcrumb a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color .2s;}
.ip-page .breadcrumb a:hover{color:var(--red-b);}
.ip-page .breadcrumb-sep{color:rgba(255,255,255,0.2);}
.ip-page .breadcrumb-current{color:rgba(255,255,255,0.7);font-weight:600;}
.ip-page .instr-hero{background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.15);position:relative;overflow:hidden;}
.ip-page .instr-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(229,31,38,0.08) 0%,transparent 70%);pointer-events:none;}
.ip-page .instr-hero-inner{max-width:1200px;margin:0 auto;padding:40px 20px 36px;display:flex;align-items:flex-start;gap:32px;position:relative;}
.ip-page .instr-avatar-wrap{flex-shrink:0;}
.ip-page .instr-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(229,31,38,0.4);background:var(--red-d);}
.ip-page .instr-avatar-fallback{width:120px;height:120px;border-radius:50%;border:4px solid rgba(229,31,38,0.4);background:var(--red-d);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:var(--white);}
.ip-page .instr-info{flex:1;}
.ip-page .instr-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.ip-page .instr-tag::before{content:'';width:16px;height:2px;background:var(--red);}
.ip-page .instr-name{font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1.15;margin-bottom:6px;}
.ip-page .instr-specialty{font-size:14px;font-weight:700;color:var(--red-b);margin-bottom:14px;}
.ip-page .instr-bio{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:680px;margin-bottom:22px;}
.ip-page .instr-stats{display:flex;gap:24px;flex-wrap:wrap;}
.ip-page .instr-stat{text-align:center;}
.ip-page .instr-stat-val{font-size:24px;font-weight:900;color:var(--white);line-height:1;}
.ip-page .instr-stat-label{font-size:11px;color:var(--gray);font-weight:600;margin-top:3px;}
.ip-page .page-wrap{max-width:1200px;margin:0 auto;padding:36px 20px 80px;}
.ip-page .section-hdr{margin-bottom:24px;}
.ip-page .section-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.ip-page .section-tag::before{content:'';width:16px;height:2px;background:var(--red);}
.ip-page .section-title{font-size:22px;font-weight:900;}
.ip-page .section-title span{color:var(--red);}
.ip-page .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.ip-page .course-card{background:var(--black3);border:1px solid rgba(255,255,255,0.07);overflow:hidden;transition:all .3s ease;border-top:3px solid transparent;}
.ip-page .course-card:hover{border-top-color:var(--red);transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,0.4);}
.ip-page .c-thumb{width:100%;aspect-ratio:300/140;background:var(--black2);display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden;border-bottom:1px solid rgba(229,31,38,0.12);}
.ip-page .c-thumb img{width:100%;height:100%;object-fit:cover;}
.ip-page .c-body{padding:22px;}
.ip-page .badge-live{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;margin-bottom:10px;background:rgba(229,31,38,0.2);color:var(--red-b);}
.ip-page .badge-soon{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;margin-bottom:10px;background:rgba(255,255,255,0.08);color:var(--gray);}
.ip-page .course-card h3{font-size:15px;font-weight:800;margin-bottom:6px;color:var(--white);line-height:1.3;}
.ip-page .course-card p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.5;}
.ip-page .course-instructor-wrap{display:flex;align-items:center;gap:8px;margin-top:10px;}
.ip-page .inst-logo{width:26px;height:26px;border-radius:50%;background:var(--black2);border:1px solid rgba(229,31,38,0.4);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.ip-page .inst-logo img{width:18px;height:18px;object-fit:contain;}
.ip-page .inst-name{font-size:12px;font-weight:700;color:var(--red-b);}
.ip-page .course-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;}
.ip-page .course-meta-item{font-size:11px;color:var(--gray);}
.ip-page .course-view-btn{display:block;text-align:center;background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.25);color:var(--red-b);padding:9px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .25s ease;margin-top:14px;}
.ip-page .course-view-btn:hover{background:var(--red);border-color:var(--red);color:var(--white);}
.ip-page .not-found{text-align:center;padding:80px 24px;color:rgba(255,255,255,0.25);}
.ip-page .not-found-icon{font-size:56px;margin-bottom:14px;opacity:.35;}
.ip-page .not-found-title{font-size:20px;font-weight:900;margin-bottom:8px;color:rgba(255,255,255,0.5);}
.ip-page .not-found-sub{font-size:13px;margin-bottom:24px;}
.ip-page .back-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:11px 28px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:800;text-decoration:none;transition:all .25s ease;border-radius:6px;}
.ip-page .back-btn:hover{background:var(--red-b);transform:translateY(-1px);}
@keyframes ipFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.ip-page .fade-in{animation:ipFadeUp .35s ease both;}
@media(max-width:900px){
  .ip-page .instr-hero-inner{flex-direction:column;gap:20px;}
  .ip-page .instr-avatar,.ip-page .instr-avatar-fallback{width:90px!important;height:90px!important;font-size:32px!important;}
}
@media(max-width:640px){
  .ip-page .courses-grid{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════════════════════
   صفحة المدربين (instructors.php) — scoped تحت .instructors-page
   ═══════════════════════════════════════════════════════════════════ */
.instructors-page .page-wrap{max-width:1200px;margin:0 auto;padding:36px 20px 80px;}
.instructors-page .page-hero{margin-bottom:32px;}
.instructors-page .page-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.instructors-page .page-tag::before{content:'';width:16px;height:2px;background:var(--red);}
.instructors-page .page-title{font-size:clamp(22px,3vw,36px);font-weight:900;margin-bottom:6px;line-height:1.2;}
.instructors-page .page-title span{color:var(--red);}
.instructors-page .page-sub{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.7;}
.instructors-page .filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:28px;flex-wrap:wrap;}
.instructors-page .filter-search{flex:1;min-width:200px;max-width:340px;position:relative;}
.instructors-page .filter-search input{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-family:'Cairo',sans-serif;font-size:13px;padding:9px 14px 9px 36px;outline:none;border-radius:var(--radius);transition:all .25s ease;}
.instructors-page .filter-search input:focus{border-color:rgba(229,31,38,0.5);}
.instructors-page .filter-search input::placeholder{color:rgba(255,255,255,0.3);}
.instructors-page .filter-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);fill:rgba(255,255,255,0.35);width:14px;height:14px;}
.instructors-page .filter-count{font-size:12px;color:rgba(255,255,255,0.4);font-weight:600;white-space:nowrap;}
.instructors-page .instructors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.instructors-page .instructor-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);border-top:3px solid transparent;overflow:hidden;transition:all .28s;cursor:pointer;}
.instructors-page .instructor-card:hover{border-top-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.4);}
.instructors-page .ic-cover{height:80px;background:linear-gradient(135deg,var(--red-d),var(--black3));position:relative;overflow:hidden;}
.instructors-page .ic-cover::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(229,31,38,0.3) 0%,transparent 70%);}
.instructors-page .ic-avatar-wrap{padding:0 20px;margin-top:-32px;position:relative;z-index:1;}
.instructors-page .ic-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--black2);object-fit:cover;background:var(--red-d);display:block;}
.instructors-page .ic-avatar-fallback{width:64px;height:64px;border-radius:50%;border:3px solid var(--black2);background:var(--red-d);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--white);}
.instructors-page .ic-body{padding:12px 20px 20px;}
.instructors-page .ic-name{font-size:16px;font-weight:900;margin-bottom:3px;color:var(--white);}
.instructors-page .ic-specialty{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--red-b);margin-bottom:10px;}
.instructors-page .ic-bio{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.instructors-page .ic-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.instructors-page .ic-meta-item{display:flex;align-items:center;gap:5px;font-size:11px;color:rgba(255,255,255,0.45);font-weight:600;}
.instructors-page .ic-meta-item svg{width:12px;height:12px;fill:currentColor;}
.instructors-page .ic-meta-item strong{color:var(--white);font-size:13px;}
.instructors-page .ic-btn{display:block;text-align:center;background:var(--black3);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);padding:9px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s ease;}
.instructors-page .ic-btn:hover{background:var(--red);border-color:var(--red);color:var(--white);}
.instructors-page .empty-state{text-align:center;padding:64px 24px;color:rgba(255,255,255,0.25);}
.instructors-page .empty-icon{font-size:48px;margin-bottom:14px;opacity:.4;}
.instructors-page .empty-title{font-size:16px;font-weight:800;margin-bottom:6px;color:rgba(255,255,255,0.4);}
.instructors-page .empty-sub{font-size:13px;}
.instructors-page .fade-in{animation:ipFadeUp .35s ease both;}
@media(max-width:1024px){.instructors-page .instructors-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){.instructors-page .instructors-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.instructors-page .instructors-grid{grid-template-columns:1fr;}}
.cv-add-btn,.cv-remove-btn{border:1px solid var(--border,#e0e0e0);background:none;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--text,#333);}
.cv-remove-btn{color:var(--red);border-color:var(--red);align-self:flex-start;margin-top:8px;}
.cv-exp-row{border-top:1px dashed var(--border,#eee);padding-top:12px;margin-top:12px;}
.cv-exp-row:first-child{border-top:none;padding-top:0;margin-top:0;}
.cv-exp-row-top{display:flex;align-items:flex-start;gap:10px;}
.cv-exp-row-top .form-row{flex:1;}
.cv-lang-row .form-row{grid-template-columns:1fr 1fr auto;align-items:end;}
.cv-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.cv-tag{background:var(--bg,#f2f2f2);border-radius:20px;padding:5px 8px 5px 12px;font-size:13px;display:flex;align-items:center;gap:6px;}
.cv-tag button{border:none;background:none;cursor:pointer;font-size:15px;color:var(--text-muted,#999);}
.cv-course-list{display:flex;flex-direction:column;gap:10px;}
.cv-course-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer;}
.cv-course-info{display:flex;flex-direction:column;}
.cv-course-name{font-weight:600;font-size:14px;}
.cv-course-meta{font-size:12px;color:var(--text-muted,#888);}
.cv-actions{display:flex;justify-content:flex-end;}
 
.cv-preview-wrap{position:static;}
.cv-preview{background:#fff;border:1px solid var(--border,#eee);border-radius:0;padding:34px 36px;color:#222;box-sizing:border-box;width:100%;max-width:820px;margin-inline:auto;aspect-ratio:210/297;}
.cvp-header{border-bottom:2px solid var(--gold,#f0a500);padding-bottom:14px;margin-bottom:16px;}
.cvp-name{font-size:22px;font-weight:900;}
.cvp-title{font-size:14px;color:var(--gold,#f0a500);font-weight:700;margin-top:4px;}
.cvp-contact{font-size:12px;color:#777;margin-top:6px;}
.cvp-section{margin-bottom:16px;}
.cvp-section-title{font-size:13px;font-weight:700;color:var(--gold,#f0a500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.cvp-summary{font-size:13px;line-height:1.7;color:#444;}
.cvp-skills{display:flex;flex-wrap:wrap;gap:6px;}
.cvp-skill-chip{background:#f2f2f2;border-radius:20px;padding:4px 12px;font-size:12px;}
.cvp-exp-block{margin-bottom:10px;}
.cvp-exp-top{display:flex;justify-content:space-between;font-size:13px;}
.cvp-exp-role{font-weight:700;}
.cvp-exp-date{color:#888;font-size:12px;}
.cvp-exp-company{font-size:12px;color:#666;}
.cvp-exp-desc{font-size:12px;color:#555;margin-top:2px;line-height:1.6;}
.cvp-course-row{font-size:13px;margin-bottom:6px;display:flex;flex-direction:column;}
.cvp-course-title{font-weight:600;}
.cvp-cert-badge{font-size:11px;color:var(--gold,#f0a500);}
.cvp-lang-chip{background:#f2f2f2;border-radius:20px;padding:4px 12px;font-size:12px;display:inline-block;margin:0 4px 4px 0;}
 
@media (max-width: 900px){
  .cv-layout{grid-template-columns:1fr;}
  .cv-preview-wrap{position:static;}
  .form-row{grid-template-columns:1fr;}
  .cv-lang-row .form-row{grid-template-columns:1fr;}
}
 
/* ═══════════════════════════════════════════
   EKTSAB — Course card instructor row (courses.php)
   ═══════════════════════════════════════════ */
.ccd-instructor-wrap{display:flex;align-items:center;gap:8px;margin-top:8px;}
.ccd-inst-logo{width:26px;height:26px;object-fit:cover;border-radius:50%;flex-shrink:0;}
.ccd-inst-name{font-size:12px;font-weight:600;color:var(--text-muted,#888);}
 
/* ═══════════════════════════════════════════
   EKTSAB — Community post menu (3 dots: حذف / إبلاغ)
   ═══════════════════════════════════════════ */
.cw-post{position:relative;}
.cw-post-menu-wrap{position:absolute;top:14px;left:14px;z-index:5;}
.cw-post-menu-btn{background:none;border:none;color:rgba(255,255,255,0.4);cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;}
.cw-post-menu-btn:hover{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.85);}
.cw-post-menu-dropdown{display:none;position:absolute;top:100%;left:0;margin-top:4px;background:var(--black3,#181818);border:1px solid rgba(255,255,255,0.1);border-radius:8px;min-width:170px;overflow:hidden;z-index:30;box-shadow:0 10px 28px rgba(0,0,0,0.45);}
.cw-post-menu-dropdown.show{display:block;}
.cw-post-menu-item{display:block;width:100%;text-align:right;background:none;border:none;color:rgba(255,255,255,0.8);font-family:'Cairo',sans-serif;font-size:12.5px;font-weight:700;padding:11px 14px;cursor:pointer;transition:background .2s;}
.cw-post-menu-item:hover{background:rgba(255,255,255,0.06);}
.cw-post-menu-item.delete{color:#E51F26;}
.cw-post-menu-item.report{color:#E51F26;}
 
/* ═══════════════════════════════════════════════════════════════════
   EKTSAB — DASHBOARD (index.php)
   ═══════════════════════════════════════════════════════════════════ */
 
.dash-wrap{max-width:1280px;margin:0 auto;padding:28px 20px 60px;}
 
.dash-hero{background:var(--black2);border:1px solid rgba(255,255,255,0.06);border-right:4px solid var(--red);padding:28px 32px;margin-bottom:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.dash-hero::before{content:'';position:absolute;top:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(229,31,38,0.12) 0%,transparent 70%);pointer-events:none;}
.hero-left{position:relative;}
.hero-greeting{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px;}
.hero-title{font-size:clamp(20px,3vw,32px);font-weight:900;margin-bottom:8px;line-height:1.2;}
.hero-title span{color:var(--red-b);}
.hero-sub{font-size:14px;color:rgba(255,255,255,0.55);margin-bottom:20px;line-height:1.7;}
.hero .hero-sub{font-size:clamp(14px,2.2vw,19px);color:rgba(255,255,255,0.65);max-width:580px;line-height:1.8;margin-bottom:32px;animation:fadeUp 0.7s ease 0.2s both;position:relative;}
.hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:12px 28px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:800;border:none;cursor:pointer;border-radius:var(--radius);transition:all .25s;text-decoration:none;}
.hero .hero-cta{display:flex;flex-direction:column;align-items:center;animation:fadeUp 0.8s ease 0.4s both;position:relative;}
.hero-cta:hover{background:var(--red-b);transform:translateY(-1px);}
.hero-right{flex-shrink:0;text-align:center;}
.hero-streak{background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.25);padding:16px 24px;text-align:center;}
.hero-streak-num{font-size:36px;font-weight:900;color:var(--red-b);line-height:1;}
.hero-streak-label{font-size:11px;color:var(--gray);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:4px;}
 
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;}
.stat-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);padding:18px 16px;position:relative;overflow:hidden;cursor:pointer;transition:all .25s;}
.stat-card:hover{border-color:rgba(229,31,38,0.3);transform:translateY(-2px);}
.stat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .3s;transform-origin:right;}
.stat-card:hover::after{transform:scaleX(1);}
.stat-icon{font-size:20px;margin-bottom:8px;}
.stat-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin-bottom:5px;}
.stat-value{font-size:22px;font-weight:900;line-height:1;color:var(--white);}
.stat-sub{font-size:11px;color:rgba(255,255,255,0.4);margin-top:4px;}
.stat-card.progress-card{display:flex;flex-direction:column;align-items:center;text-align:center;}
.progress-ring-wrap{position:relative;width:64px;height:64px;margin-bottom:8px;}
.progress-ring{transform:rotate(-90deg);}
.progress-ring-bg{fill:none;stroke:rgba(255,255,255,0.07);stroke-width:5;}
.progress-ring-fill{fill:none;stroke:var(--red-b);stroke-width:5;stroke-linecap:round;stroke-dasharray:176;stroke-dashoffset:calc(176 - (176 * var(--pct) / 100));transition:stroke-dashoffset 1.2s ease;}
.progress-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:var(--red-b);}
.stat-card.last-course{grid-column:span 2;}
.last-course-name{font-size:13px;font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.continue-btn{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:var(--white);padding:7px 16px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;border:none;cursor:pointer;border-radius:var(--radius);transition:all .2s;text-decoration:none;margin-top:4px;}
.continue-btn:hover{background:var(--red-b);}
.continue-btn svg{width:12px;height:12px;fill:currentColor;}
 
.main-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;margin-bottom:24px;}
 
.call-card{background:var(--black2);border:1px solid rgba(229,31,38,0.2);border-top:3px solid var(--red);padding:24px;}
.call-title{font-size:18px;font-weight:900;margin-bottom:6px;}
.call-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.call-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.55);font-weight:600;}
.call-meta-item svg{width:13px;height:13px;fill:currentColor;}
.call-countdown{display:flex;gap:10px;margin-bottom:20px;}
.countdown-unit{background:var(--black3);border:1px solid rgba(255,255,255,0.07);padding:10px 14px;text-align:center;min-width:70px;}
.countdown-num{font-size:24px;font-weight:900;color:var(--red-b);line-height:1;display:block;}
.countdown-box .countdown-num{font-size:42px;font-variant-numeric:tabular-nums;}
.countdown-label{font-size:10px;color:var(--gray);font-weight:600;letter-spacing:1px;text-transform:uppercase;display:block;margin-top:3px;}
.countdown-box .countdown-label{font-size:12px;margin-top:4px;}
.call-join-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:12px 28px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:800;border:none;cursor:pointer;border-radius:var(--radius);transition:all .25s;text-decoration:none;}
.call-join-btn:hover{background:var(--red-b);}
.call-join-btn svg{width:14px;height:14px;fill:currentColor;}
.no-call{padding:20px;text-align:center;color:rgba(255,255,255,0.3);font-size:14px;}
 
.notif-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);padding:20px;}
.notif-list{display:grid;gap:0;margin-top:12px;}
.notif-item{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid rgba(255,255,255,0.05);cursor:pointer;transition:background .15s;border-radius:var(--radius);padding:10px 8px;}
.notif-item:hover{background:rgba(255,255,255,0.03);}
.notif-item:last-child{border-bottom:none;}
.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--red-b);flex-shrink:0;margin-top:4px;}
.notif-dot.read{background:rgba(255,255,255,0.15);}
.notif-content{flex:1;}
.notif-text{font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);line-height:1.4;margin-bottom:2px;}
.notif-time{font-size:11px;color:var(--gray);}
.notif-icon{font-size:18px;flex-shrink:0;}
 
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px;}
.courses-filter-bar{display:flex;gap:6px;flex-wrap:wrap;}
.courses-grid-dash{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.course-card-dash{background:var(--black2);border:1px solid rgba(255,255,255,0.06);overflow:hidden;transition:all .25s;cursor:pointer;}
.ccd-thumb svg{width:100%;height:100%;display:block;direction:ltr;}
.ccd-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;padding:3px 8px;letter-spacing:.5px;}
.free-badge{position:absolute;top:8px;right:8px;background:#27AE60;color:#fff;font-size:10px;font-weight:800;padding:3px 8px;}
 
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rec-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);border-top:2px solid var(--red);padding:16px;cursor:pointer;transition:all .25s;}
.rec-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.4);}
.rec-tag{font-size:10px;font-weight:700;color:var(--red-b);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;}
.rec-name{font-size:14px;font-weight:800;margin-bottom:5px;line-height:1.3;}
.rec-meta{font-size:11px;color:rgba(255,255,255,0.4);}
 
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
 
.dash-section{margin-top:32px;}
.dash-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px;}
.dash-section-title{font-size:18px;font-weight:900;}
.dash-section-title span{color:var(--red);}
.dash-section-link{font-size:12px;font-weight:700;color:var(--red-b);text-decoration:none;}
.dash-section-link:hover{color:var(--white);}
 
.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.cat-explore-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);border-top:3px solid var(--red);padding:20px;cursor:pointer;transition:all .25s;text-align:center;}
.cat-explore-card:hover{transform:translateY(-3px);border-top-color:var(--red-b);}
.cat-explore-icon{font-size:32px;margin-bottom:8px;}
.cat-explore-name{font-size:13px;font-weight:800;color:var(--white);margin-bottom:4px;}
.cat-explore-count{font-size:11px;color:var(--gray);}
.cat-courses-panel{display:none;margin-top:14px;}
.cat-courses-panel.open{display:block;}
 
.upsell-section{background:var(--black2);border:1px solid rgba(229,31,38,0.2);border-right:4px solid var(--red);padding:40px;position:relative;overflow:hidden;margin-top:32px;}
.upsell-section::before{content:'';position:absolute;top:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(229,31,38,0.1) 0%,transparent 70%);pointer-events:none;}
.upsell-title{font-size:clamp(20px,3vw,32px);font-weight:900;margin-bottom:10px;position:relative;}
.upsell-title span{color:var(--red-b);}
.upsell-sub{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;margin-bottom:8px;max-width:600px;position:relative;}
.upsell-price{font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:24px;position:relative;}
.upsell-price strong{color:var(--red-b);font-size:16px;}
.upsell-cta{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:14px 36px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:800;border:none;cursor:pointer;border-radius:var(--radius);transition:all .25s;text-decoration:none;position:relative;}
.upsell-cta:hover{background:var(--red-b);transform:translateY(-2px);}
.upsell-features{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px;position:relative;}
.upsell-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.7);font-weight:600;}
.upsell-feat::before{content:'✓';color:var(--red-b);font-weight:900;}
 
.jobs-tabs{display:flex;gap:6px;margin-bottom:16px;}
.job-tab{padding:7px 18px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;background:var(--black3);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.55);cursor:pointer;border-radius:20px;transition:all .2s;}
.job-tab.active,.job-tab:hover{background:rgba(229,31,38,0.15);border-color:var(--red);color:var(--white);}
.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.job-card{background:var(--black2);border:1px solid rgba(255,255,255,0.06);padding:18px;transition:all .25s;border-top:2px solid transparent;}
.job-card:hover{border-top-color:var(--red);transform:translateY(-2px);}
.job-type-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;margin-bottom:8px;}
.job-type-badge.remote{background:rgba(39,174,96,0.15);color:#27AE60;}
.job-type-badge.onsite{background:rgba(41,128,185,0.15);color:#2980B9;}
.job-type-badge.hybrid{background:rgba(243,156,18,0.15);color:#F39C12;}
.job-title{font-size:14px;font-weight:800;color:var(--white);margin-bottom:4px;line-height:1.3;}
.job-company{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:8px;}
.job-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.job-meta-item{font-size:11px;color:var(--gray);}
.job-actions{display:flex;gap:8px;}
.job-apply-btn{flex:1;background:var(--red);color:var(--white);border:none;padding:8px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;border-radius:var(--radius);}
.job-apply-btn:hover{background:var(--red-b);}
.job-apply-btn.applied{background:var(--black3);border:1px solid rgba(255,255,255,0.1);color:var(--gray);cursor:default;}
.job-save-btn{width:34px;background:var(--black3);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.5);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);}
.job-save-btn:hover,.job-save-btn.saved{border-color:var(--red);color:var(--red-b);}
.job-save-btn svg{width:14px;height:14px;fill:currentColor;}
.no-jobs{text-align:center;padding:40px;color:var(--gray);grid-column:1/-1;}
 
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.anim-1{animation:fadeUp .5s ease both;}
.anim-2{animation:fadeUp .5s ease .08s both;}
.anim-3{animation:fadeUp .5s ease .16s both;}
.anim-4{animation:fadeUp .5s ease .24s both;}
 
@media(max-width:1100px){
  .stats-grid{grid-template-columns:repeat(3,1fr);}
  .stat-card.last-course{grid-column:span 1;}
  .main-grid{grid-template-columns:1fr;}
  .courses-grid-dash,.rec-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .cats-grid{grid-template-columns:repeat(2,1fr);}
  .jobs-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .stat-card.last-course{grid-column:span 2;}
  .dash-hero{flex-direction:column;align-items:flex-start;}
  .hero-right{width:100%;}
  .hero-streak{display:flex;align-items:center;gap:16px;}
  .call-countdown{gap:6px;}
  .countdown-unit{min-width:56px;padding:8px 10px;}
  .countdown-num{font-size:20px;}
  .courses-grid-dash,.rec-grid{grid-template-columns:1fr;}
  .cats-grid{grid-template-columns:repeat(2,1fr);}
  .jobs-grid{grid-template-columns:1fr;}
  .upsell-section{padding:24px 18px;}
  .upsell-features{gap:12px;}
}
@media(max-width:400px){
  .stats-grid{grid-template-columns:1fr 1fr;}
}
 
.acct-pane .pts-balance-icon.pulse{animation:ptsPulse .6s ease;}
@keyframes ptsPulse{0%{transform:scale(1) rotate(0deg);}30%{transform:scale(1.35) rotate(-8deg);}60%{transform:scale(1.1) rotate(6deg);}100%{transform:scale(1) rotate(0deg);}}
.pts-fly{position:fixed;z-index:3000;font-size:20px;font-weight:900;color:var(--red-b);pointer-events:none;animation:ptsFly 1s ease forwards;}
@keyframes ptsFly{0%{opacity:0;transform:translateY(0) scale(.6);}15%{opacity:1;transform:translateY(-10px) scale(1.1);}100%{opacity:0;transform:translateY(-70px) scale(1);}}
.review-tp-link{display:block;text-align:center;background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.3);color:var(--red-b);padding:10px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:800;text-decoration:none;border-radius:var(--radius);margin:14px 0;transition:all .2s;}
.review-tp-link:hover{background:rgba(229,31,38,0.22);}
.review-upload-row{background:rgba(255,255,255,0.04);border:1px dashed rgba(255,255,255,0.15);border-radius:var(--radius);padding:14px;text-align:center;margin-bottom:20px;}
.review-upload-row input[type="file"]{color:rgba(255,255,255,0.6);font-family:'Cairo',sans-serif;font-size:12px;max-width:100%;}
.review-upload-name{font-size:11.5px;color:rgba(255,255,255,0.4);margin-top:8px;}
.redeem-options{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
.redeem-option-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:var(--white);padding:12px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:800;cursor:pointer;border-radius:var(--radius);transition:all .2s;}
.redeem-option-btn:hover{background:rgba(229,31,38,0.15);border-color:rgba(229,31,38,0.4);}
 
/* ═══════════════════════════════════════════════════════════════════
   EKTSAB — AUTH PAGES (login.php / signup.php / forgot-password.php)
   ═══════════════════════════════════════════════════════════════════ */
 
.auth-page{font-family:'Cairo',sans-serif;background:var(--black);color:var(--white);direction:rtl;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}
 
.auth-page .center{flex:1;display:flex;align-items:center;justify-content:center;padding:100px 20px 60px;position:relative;overflow:hidden;}
.auth-page .bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(229,31,38,0.14) 0%,transparent 70%);pointer-events:none;}
.auth-page .bg::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(229,31,38,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(229,31,38,0.04) 1px,transparent 1px);background-size:60px 60px;}
 
.auth-page .card{background:var(--black3);border:1px solid rgba(229,31,38,0.25);border-top:3px solid var(--red);padding:38px;width:100%;max-width:420px;position:relative;z-index:1;border-radius:18px;}
.auth-page h1{font-size:22px;font-weight:900;text-align:center;margin-bottom:4px;}
.auth-page .sub{font-size:13px;color:var(--gray);text-align:center;margin-bottom:24px;}
.auth-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.auth-page .form-group{margin-bottom:14px;}
.auth-page .form-label{font-size:12px;font-weight:700;color:rgba(255,255,255,0.6);margin-bottom:5px;display:block;}
.auth-page .form-input{width:100%;background:var(--black2);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-family:'Cairo',sans-serif;font-size:14px;padding:11px 14px;outline:none;transition:border-color .2s;border-radius:10px;}
.auth-page .form-input:focus{border-color:var(--red);}
.auth-page .form-input::placeholder{color:rgba(255,255,255,0.22);}
.auth-page .btn{width:100%;background:var(--red);color:var(--white);border:none;font-family:'Cairo',sans-serif;font-size:15px;font-weight:800;padding:13px;cursor:pointer;transition:all .2s;margin-top:8px;border-radius:6px;}
.auth-page .btn:hover{background:var(--red-b);transform:translateY(-2px);}
.auth-page .btn:disabled{opacity:.6;cursor:not-allowed;}
.auth-page .link-row{text-align:center;margin-top:13px;font-size:13px;color:var(--gray);}
.auth-page .link-row a{color:var(--red-b);font-weight:700;text-decoration:none;}
.auth-page .divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:rgba(255,255,255,0.2);font-size:12px;}
.auth-page .divider::before,.auth-page .divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.08);}
.auth-page .alert{padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:12px;border:1px solid rgba(229,31,38,0.35);background:rgba(229,31,38,0.12);color:var(--red-b);display:none;border-radius:10px;}
.auth-page .alert.show{display:block;}
 
@media(max-width:640px){
  .auth-page .center{padding:90px 16px 50px;}
  .auth-page .card{padding:28px 20px;}
}
 
.auth-page .pw-wrap{position:relative;}
.auth-page .pw-wrap .form-input{padding-left:42px;}
.auth-page .pw-toggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);transition:color .2s;}
.auth-page .pw-toggle:hover{color:rgba(255,255,255,0.8);}
.auth-page .pw-toggle svg{width:18px;height:18px;}
.auth-page .pw-toggle .eye-off{display:none;}
.auth-page .pw-toggle.showing .eye{display:none;}
.auth-page .pw-toggle.showing .eye-off{display:block;}
 
.auth-page .pw-strength{margin-top:8px;}
.auth-page .pw-bars{display:flex;gap:4px;margin-bottom:8px;}
.auth-page .pw-bar{height:4px;flex:1;background:rgba(255,255,255,0.1);border-radius:4px;transition:background .25s;}
.auth-page .pw-bar.active-weak{background:#E51F26;}
.auth-page .pw-bar.active-medium{background:#F39C12;}
.auth-page .pw-bar.active-strong{background:#2ECC71;}
.auth-page .pw-label{font-size:11.5px;font-weight:700;margin-bottom:6px;}
.auth-page .pw-label.weak{color:#E51F26;}
.auth-page .pw-label.medium{color:#F39C12;}
.auth-page .pw-label.strong{color:#2ECC71;}
.auth-page .pw-rules{display:grid;gap:4px;}
.auth-page .pw-rule{font-size:11.5px;color:rgba(255,255,255,0.4);display:flex;align-items:center;gap:6px;transition:color .2s;}
.auth-page .pw-rule.met{color:#2ECC71;}
.auth-page .pw-rule .dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.auth-page .terms-row{display:flex;align-items:flex-start;gap:8px;margin:14px 0;font-size:12.5px;color:rgba(255,255,255,0.6);line-height:1.6;}
.auth-page .terms-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--red);flex-shrink:0;cursor:pointer;}
.auth-page .terms-row a{color:var(--red-b);font-weight:700;text-decoration:none;}
.auth-page .terms-row label{cursor:pointer;}
@media(max-width:500px){.auth-page .form-row{grid-template-columns:1fr;}}
 
.auth-page .alert-error{background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.35);color:var(--red-b);}
.auth-page .alert-success{background:rgba(39,174,96,0.12);border:1px solid rgba(39,174,96,0.3);color:#27AE60;}
 
/* ═══════════════════════════════════════════════════════════════════
   EKTSAB — PUBLIC PAGES (404.php / about-us.php / affiliate.php /
   become-an-instructor.php)
   ═══════════════════════════════════════════════════════════════════ */
 
/* ───────────────────────────────────────────────────────────────────
   1) 404.php
   ─────────────────────────────────────────────────────────────────── */
 
img, svg { max-width: 100%; height: auto; }
 
@media(max-width:640px) {
  #why-ektsab [style*="repeat(2,1fr)"] { grid-template-columns: 1fr !important; }
}
@media(max-width:580px) {
  .stats-proof-grid { grid-template-columns: repeat(2,1fr) !important; }
}
 
.why-layout { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.why-img-wrap { position:relative; }
.why-svg { width:100%; height:auto; display:block; }
.why-list { list-style:none; padding:0; margin:28px 0 0; display:flex; flex-direction:column; gap:20px; }
.why-list li { display:flex; align-items:flex-start; gap:14px; }
.why-dot { width:8px; height:8px; border-radius:50%; background:var(--red); flex-shrink:0; margin-top:6px; box-shadow:0 0 8px rgba(229,31,38,0.6); }
.why-title { font-size:15px; font-weight:800; color:var(--white); margin-bottom:4px; }
.why-sub { font-size:13px; color:rgba(255,255,255,0.55); line-height:1.6; }
@media(max-width:768px) {
  .why-layout { grid-template-columns:1fr; gap:32px; }
  .why-layout .why-img-wrap { order:1; }
  .why-layout .why-text { order:2; }
}
 
.hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 100px 20px 70px; position: relative; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 55% at 50% 100%, rgba(229,31,38,0.18) 0%, transparent 70%), #0A0A0A; }
.hero-bg::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(229,31,38,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(229,31,38,0.05) 1px, transparent 1px); background-size: 60px 60px; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(229,31,38,0.15); border: 1px solid rgba(229,31,38,0.4); padding: 7px 18px; font-size: 13px; font-weight: 600; color: var(--red-b); margin-bottom: 24px; position: relative; animation: fadeUp 0.6s ease both; }
.hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--red-b); border-radius: 50%; animation: pulse 1.5s ease infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.8); } }
.hero h1 { font-size: clamp(28px, 5.5vw, 64px); font-weight: 900; line-height: 1.15; margin-bottom: 20px; animation: fadeUp 0.7s ease 0.1s both; position: relative; }
.hero h1 em { font-style: normal; color: var(--red); }
.vsl-wrap { width: 100%; max-width: 800px; margin-bottom: 32px; animation: fadeUp 0.8s ease 0.3s both; position: relative; transition: all .3s; border-radius: 4px; }
.vsl-container { position: relative; width: 100%; padding-bottom: 56.25%; background: var(--black3); border: 2px solid rgba(229,31,38,0.3); overflow: hidden; transition: box-shadow .4s ease, border-color .4s ease; }
.vsl-wrap:hover .vsl-container { box-shadow: 0 0 40px rgba(229,31,38,0.6), 0 0 80px rgba(229,31,38,0.25); border-color: rgba(229,31,38,0.7); }
.vsl-container iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.vsl-note { font-size: 13px; color: var(--gray); margin-top: 8px; text-align: center; position: relative; }
.hero-guarantee { font-size: 13px; color: rgba(255,255,255,0.38); margin-top: 12px; }
 
.proof-bar { background: var(--black2); border-top: 1px solid rgba(229,31,38,0.2); border-bottom: 1px solid rgba(229,31,38,0.2); padding: 26px 16px; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
.proof-num { font-size: 30px; font-weight: 900; color: var(--red-b); line-height: 1; margin-bottom: 4px; text-align: center; }
.proof-label { font-size: 12px; color: var(--gray); font-weight: 600; text-align: center; }
 
.sec { padding: 70px 20px; max-width: 980px; margin: 0 auto; width: 100%; }
.sec-dark { background: var(--black2); border-top: 1px solid rgba(229,31,38,0.1); border-bottom: 1px solid rgba(229,31,38,0.1); padding: 70px 20px; }
.sec-inner { max-width: 980px; margin: 0 auto; width: 100%; }
.sec-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--red); margin-bottom: 10px; }
.sec-h2 { font-size: clamp(22px, 3.8vw, 40px); font-weight: 900; line-height: 1.2; margin-bottom: 12px; }
.sec-h2 span { color: var(--red); }
.sec-p { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.8; margin-bottom: 8px; }
 
.prob-list { list-style: none; margin-top: 24px; display: grid; gap: 10px; }
.prob-list li { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; background: var(--black3); border-right: 3px solid var(--red); font-size: 14px; color: rgba(255,255,255,0.8); line-height: 1.6; }
.x-icon { color: var(--red); font-size: 16px; font-weight: 900; flex-shrink: 0; margin-top: 1px; }
 
.fw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 28px; }
.fw-card { background: var(--black3); border: 1px solid rgba(255,255,255,0.07); padding: 20px; display: flex; align-items: flex-start; gap: 12px; transition: all .3s; }
.fw-card:hover { border-color: rgba(229,31,38,0.4); transform: translateY(-2px); }
.fw-icon { font-size: 24px; flex-shrink: 0; }
.fw-card p { font-size: 13px; color: rgba(255,255,255,0.8); line-height: 1.6; }
 
.compare-intro { font-size: clamp(18px, 3vw, 26px); font-weight: 900; margin-bottom: 6px; }
.compare-intro span { color: var(--red); }
.compare-sub { font-size: 14px; color: rgba(255,255,255,0.5); margin-bottom: 24px; }
.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cmp-card { border: 1px solid rgba(255,255,255,0.08); padding: 24px; background: var(--black3); }
.cmp-card.bad { border-top: 4px solid #444; }
.cmp-card.good { border-top: 4px solid var(--red); position: relative; overflow: hidden; }
.cmp-card.good::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at top, rgba(229,31,38,0.07) 0%, transparent 60%); pointer-events: none; }
.cmp-title { font-size: 16px; font-weight: 900; margin-bottom: 16px; }
.cmp-card.bad .cmp-title { color: #666; }
.cmp-card.good .cmp-title { color: var(--red-b); }
.cmp-items { list-style: none; display: grid; gap: 8px; }
.ci-bad { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #555; line-height: 1.6; }
.ci-bad b { color: #555; flex-shrink: 0; }
.ci-good { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.85); line-height: 1.6; }
.ci-good b { color: #2ECC71; flex-shrink: 0; }
 
.tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 14px; margin-top: 28px; }
.tool-card { background: var(--black3); border: 1px solid rgba(255,255,255,0.07); padding: 20px 16px; text-align: center; transition: all .3s; }
.tool-card:hover { border-color: rgba(229,31,38,0.3); transform: translateY(-3px); }
.tool-icon { font-size: 28px; margin-bottom: 8px; }
.tool-card h3 { font-size: 14px; font-weight: 800; color: var(--white); margin-bottom: 5px; }
.tool-card p { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.5; }
 
.test-video-card { flex: 0 0 200px; background: var(--black3); border: 2px solid rgba(255,255,255,0.07); overflow: hidden; scroll-snap-align: start; transition: border-color .3s; display: flex; flex-direction: column; }
.test-video-card:hover { border-color: var(--red); }
.tvc-video-wrap { position: relative; padding-bottom: 177.78%; flex-shrink: 0; }
.tvc-video-wrap video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }
.tvc-info { padding: 12px 14px; background: var(--black3); border-top: 1px solid rgba(255,255,255,0.06); }
.tvc-name { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
.tvc-flag { font-size: 16px; margin-right: auto; }
.tvc-skill { font-size: 12px; color: rgba(255,255,255,0.5); margin-bottom: 6px; }
.tvc-result { font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.75); }
.tvc-result span { color: var(--red-b); font-size: 15px; }
 
.pricing-guarantee { display: flex; align-items: flex-start; gap: 12px; background: rgba(46,204,113,0.07); border: 1px solid rgba(46,204,113,0.25); padding: 14px 16px; margin-top: 16px; text-align: right; }
.pg-icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; }
.pg-title { font-size: 14px; font-weight: 800; color: #2ECC71; margin-bottom: 3px; }
.pg-sub { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.6; }
 
.sticky-cta { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 990; background: rgba(10,10,10,0.97); border-top: 2px solid var(--red); padding: 12px 16px; backdrop-filter: blur(10px); }
.sticky-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 480px; margin: 0 auto; }
.sticky-cta-price { flex-shrink: 0; }
.sticky-cta-price .scp-old { font-size: 11px; color: var(--gray); text-decoration: line-through; line-height: 1; }
.sticky-cta-price .scp-main { font-size: 20px; font-weight: 900; color: var(--white); line-height: 1.1; }
.sticky-cta-price .scp-label { font-size: 10px; color: rgba(255,255,255,0.4); }
.sticky-cta-btn { flex: 1; background: var(--red); color: var(--white); border: none; font-family: 'Cairo', sans-serif; font-size: 14px; font-weight: 800; padding: 13px 16px; cursor: pointer; transition: all .25s ease; white-space: nowrap; border-radius: 6px; }
.sticky-cta-btn:hover { background: var(--red-b); }
@media (max-width: 900px) { .sticky-cta { display: block; } }
 
.tests-slider { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; align-items: center; }
.tests-slider::-webkit-scrollbar { display: none; }
.test-card { flex: 0 0 260px; background: var(--black3); border: 2px solid rgba(255,255,255,0.07); overflow: hidden; scroll-snap-align: start; transition: border-color .3s; display: flex; align-items: center; justify-content: center; }
.test-card:hover { border-color: var(--red); }
.test-card img { width: 100%; display: block; height: auto; object-fit: contain; vertical-align: middle; cursor: zoom-in; }
.test-video { flex: 0 0 200px; background: var(--black3); border: 2px solid rgba(255,255,255,0.07); overflow: hidden; scroll-snap-align: start; transition: border-color .3s; }
.test-video:hover { border-color: var(--red); }
.test-video .wistia-wrap { padding: 177.78% 0 0 0; position: relative; }
.test-video .wistia-inner { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.tests-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; background: var(--red); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all .2s; }
.tests-arrow:hover { background: var(--red-b); transform: translateY(-50%) scale(1.1); }
.tests-arrow.prev { right: -4px; }
.tests-arrow.next { left: -4px; }
.tests-arrow svg { fill: white; width: 15px; height: 15px; }
@media (max-width: 900px) {
  .tests-outer { display: flex; flex-direction: column; gap: 14px; }
  .tests-arrows-row { display: flex; justify-content: center; gap: 16px; }
  .tests-arrow { position: static; transform: none; width: 38px; height: 38px; flex-shrink: 0; }
  .tests-arrow:hover { transform: scale(1.1); }
  .desktop-only { display: none !important; }
}
@media (min-width: 901px) { .mobile-only { display: none !important; } }
 
.founder-card { display: grid; grid-template-columns: 300px 1fr; background: var(--black3); border: 1px solid rgba(229,31,38,0.2); overflow: hidden; }
.founder-img-wrap { overflow: hidden; height: 100%; }
.founder-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; min-height: 360px; }
.founder-content { padding: 36px; }
.founder-tag { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--red); margin-bottom: 7px; }
.founder-card h3 { font-size: 24px; font-weight: 900; margin-bottom: 4px; }
.founder-title { font-size: 13px; color: var(--gray); margin-bottom: 16px; }
.founder-card p { font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.8; margin-bottom: 10px; }
.founder-stats { display: flex; gap: 24px; margin-top: 18px; flex-wrap: wrap; }
.stat-num { font-size: 24px; font-weight: 900; color: var(--red-b); line-height: 1; }
 
.final-cta { background: var(--red-d); padding: 70px 20px; text-align: center; position: relative; overflow: hidden; }
.final-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at top, rgba(255,255,255,0.05) 0%, transparent 60%); }
.final-cta-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }
.final-cta h2 { font-size: clamp(24px, 4.5vw, 46px); font-weight: 900; line-height: 1.2; margin-bottom: 14px; }
.final-cta p { font-size: 16px; color: rgba(255,255,255,0.75); margin-bottom: 32px; line-height: 1.7; }
 
.reveal { opacity: 1; transform: none; transition: none; }
.reveal.visible { opacity: 1; transform: none; }
@media (min-width: 901px) {
  .reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }
  .reveal.visible { opacity: 1; transform: translateY(0); }
}
 
@media (max-width: 900px) {
  .compare-grid { grid-template-columns: 1fr; }
  .founder-card { grid-template-columns: 1fr; }
  .founder-img { min-height: 240px; max-height: 300px; }
}
@media (max-width: 640px) {
  .pricing-card { padding: 36px 16px; }
  .sec { padding: 50px 16px; }
  .sec-dark { padding: 50px 16px; }
  .tests-outer { padding: 0 20px; }
  .founder-content { padding: 22px 18px; }
}
@media (max-width: 480px) {
  .courses-grid { grid-template-columns: 1fr !important; }
  .fw-grid { grid-template-columns: 1fr; }
  .tools-grid { grid-template-columns: 1fr 1fr; }
  .proof-bar { gap: 16px; }
}
.vsl-wrap:hover .vsl-container { box-shadow: 0 0 40px rgba(229,31,38,0.6), 0 0 80px rgba(229,31,38,0.25); border-color: rgba(229,31,38,0.7); }
 
@media(max-width:900px) { .tools-grid[style] { grid-template-columns: repeat(3,1fr) !important; } }
@media(max-width:560px) { .tools-grid[style] { grid-template-columns: repeat(2,1fr) !important; } }
 
.framework-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:28px; }
.fw-card-new { background:var(--black3); border:1px solid rgba(255,255,255,0.07); border-top:3px solid var(--red); padding:20px 16px; text-align:center; position:relative; transition:all .3s; }
.fw-card-new:hover { transform:translateY(-3px); border-top-color:var(--red-b); box-shadow:0 8px 24px rgba(229,31,38,0.15); }
.fw-card-num { width:32px; height:32px; border-radius:50%; background:var(--red); color:var(--white); font-size:13px; font-weight:900; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; box-shadow:0 0 14px rgba(229,31,38,0.5); }
.fw-card-title { font-size:13px; font-weight:800; color:var(--white); margin-bottom:6px; }
.fw-card-sub { font-size:11.5px; color:rgba(255,255,255,0.5); line-height:1.5; }
.fw-connector { display:flex; align-items:center; justify-content:center; color:rgba(229,31,38,0.4); font-size:16px; padding-top:20px; }
@media(max-width:860px) { .framework-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:480px) { .framework-grid { grid-template-columns:1fr; } }
 
.countdown-box { background:var(--black3); border:1px solid rgba(229,31,38,0.3); padding:16px 20px; text-align:center; min-width:80px; box-shadow:0 0 20px rgba(229,31,38,0.1); }
.countdown-sep { font-size:38px; font-weight:900; color:var(--red); display:flex; align-items:center; padding-top:4px; }
 
.framework-steps { display:flex; align-items:center; flex-wrap:wrap; gap:0; justify-content:center; }
.fw-step { display:flex; align-items:center; }
.fw-num { width:36px; height:36px; border-radius:50%; background:var(--red); color:var(--white); font-size:14px; font-weight:900; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 0 14px rgba(229,31,38,0.5); }
.fw-arrow { font-size:18px; color:rgba(229,31,38,0.5); margin:0 8px; flex-shrink:0; }
.fw-body { padding:10px 12px; background:var(--black3); border:1px solid rgba(255,255,255,0.07); border-right:2px solid var(--red); margin-right:10px; white-space:nowrap; }
.fw-last .fw-body { margin-right:0; }
.fw-title { font-size:13px; font-weight:800; color:var(--white); margin-bottom:2px; }
.fw-sub { font-size:11px; color:rgba(255,255,255,0.5); line-height:1.4; white-space:normal; max-width:140px; }
 
.sp-container { position:fixed; bottom:20px; right:20px; z-index:997; display:flex; flex-direction:column; gap:10px; pointer-events:none; }
.sp-toast { background:var(--black3); border:1px solid rgba(255,255,255,0.1); border-right:3px solid var(--red-b); padding:12px 16px; max-width:280px; display:flex; align-items:center; gap:10px; opacity:0; transform:translateX(100%); transition:all .5s ease; pointer-events:none; box-shadow:0 8px 24px rgba(0,0,0,0.4); }
.sp-toast.show { opacity:1; transform:translateX(0); }
.sp-avatar { width:36px; height:36px; border-radius:50%; background:var(--red); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; color:white; flex-shrink:0; }
.sp-info { flex:1; }
.sp-name { font-size:13px; font-weight:700; color:var(--white); }
.sp-text { font-size:11px; color:var(--gray); margin-top:2px; }
.sp-flag { font-size:18px; flex-shrink:0; }
 
@media(max-width:860px) {
  .framework-steps { flex-direction:column; align-items:flex-start; gap:10px; }
  .fw-step { flex-direction:row; align-items:center; }
  .fw-arrow { font-size:20px; }
  .fw-body { white-space:normal; margin-right:0; width:100%; }
  .fw-sub { max-width:none; }
  .countdown-num { font-size:32px; }
  .countdown-box { min-width:64px; padding:12px 14px; }
  .countdown-sep { font-size:28px; }
}
 
.notfound-section{min-height:calc(100vh - 58px);display:flex;align-items:center;justify-content:center;padding:100px 20px 60px;}
.notfound-inner{text-align:center;max-width:560px;margin:0 auto;}
.notfound-img{width:320px;max-width:85%;display:block;margin:0 auto 32px;}
.notfound-title{font-size:clamp(18px,3.5vw,26px);font-weight:900;color:var(--white);margin-bottom:12px;line-height:1.4;}
.notfound-sub{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.8;margin-bottom:32px;}
.btn-home{background:var(--red);color:var(--white);padding:14px 40px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:800;border:none;cursor:pointer;display:inline-block;transition: all .3s ease;text-decoration:none;box-shadow:0 0 20px rgba(229,31,38,0.4); border-radius: 6px;}
.btn-home:hover{background:var(--red-b);transform: translateY(-3px);}
 
/* ───────────────────────────────────────────────────────────────────
   2) about-us.php
   ─────────────────────────────────────────────────────────────────── */
 
.ab-hero{padding:110px 20px 60px;background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.2);text-align:center;position:relative;overflow:hidden;}
.ab-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(229,31,38,0.12) 0%,transparent 70%);}
.ab-hero h1{font-size:clamp(22px,4vw,42px);font-weight:900;line-height:1.25;margin-bottom:16px;position:relative;}
.ab-hero h1 span{color:var(--red);}
.ab-hero p{font-size:16px;color:rgba(255,255,255,0.65);max-width:640px;margin:0 auto;line-height:1.9;}
.ab-sec{max-width:860px;margin:0 auto;padding:70px 20px;}
.ab-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
.ab-h2{font-size:clamp(20px,3.2vw,32px);font-weight:900;line-height:1.25;margin-bottom:16px;}
.ab-h2 span{color:var(--red);}
.ab-p{font-size:15px;color:rgba(255,255,255,0.7);line-height:2;margin-bottom:14px;}
.ab-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px;}
.ab-val{background:var(--black3);border:1px solid rgba(255,255,255,0.07);border-top:3px solid var(--red);padding:24px 20px;}
.ab-val-icon{font-size:28px;margin-bottom:10px;}
.ab-val h3{font-size:15px;font-weight:800;margin-bottom:6px;}
.ab-val p{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.7;}
.ab-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin:36px 0;padding:36px;background:var(--black3);border:1px solid rgba(229,31,38,0.2);}
.ab-stat-num{font-size:36px;font-weight:900;color:var(--red-b);line-height:1;text-align:center;margin-bottom:5px;}
.ab-stat-label{font-size:13px;color:var(--gray);text-align:center;font-weight:600;}
.ab-founder{display:grid;grid-template-columns:200px 1fr;background:var(--black3);border:1px solid rgba(229,31,38,0.2);overflow:hidden;gap:0;margin-top:28px;}
.ab-founder-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;min-height:240px;}
.ab-founder-body{padding:32px;}
.ab-founder-tag{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px;}
.ab-founder-body h3{font-size:22px;font-weight:900;margin-bottom:3px;}
.ab-founder-body .sub{font-size:13px;color:var(--gray);margin-bottom:16px;}
.ab-founder-body p{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.85;margin-bottom:10px;}
.ab-contact{background:var(--black3);border:1px solid rgba(255,255,255,0.06);border-right:3px solid var(--red);padding:28px 32px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.ab-contact-text h3{font-size:18px;font-weight:800;margin-bottom:5px;}
.ab-contact-text p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.7;}
.ab-contact-email{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:var(--white);padding:12px 26px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;text-decoration:none;border-radius:6px;transition:all .25s ease;flex-shrink:0;}
.ab-contact-email:hover{background:var(--red-b);}
@media(max-width:700px){.ab-founder{grid-template-columns:1fr;}
.ab-founder-img{min-height:200px;max-height:220px;}
.ab-contact{flex-direction:column;}
.ab-stats{gap:28px;}}
 
/* ───────────────────────────────────────────────────────────────────
   3) affiliate.php
   ─────────────────────────────────────────────────────────────────── */
 
.page-header{padding:100px 20px 60px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(229,31,38,0.15);}
.page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(229,31,38,0.13) 0%,transparent 70%);}
.page-header::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(229,31,38,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(229,31,38,0.04) 1px,transparent 1px);background-size:60px 60px;}
.ph-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;}
.ph-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:14px;background:rgba(229,31,38,0.1);border:1px solid rgba(229,31,38,0.3);padding:5px 14px;}
.ph-h1{font-size:clamp(26px,5vw,52px);font-weight:900;line-height:1.15;margin-bottom:16px;}
.ph-h1 em{font-style:normal;color:var(--red);}
.ph-sub{font-size:clamp(14px,2vw,17px);color:rgba(255,255,255,0.6);line-height:1.8;margin-bottom:28px;}
.ph-cta{display:inline-block;background:var(--red);color:var(--white);padding:14px 40px;font-family:'Cairo',sans-serif;font-size:16px;font-weight:800;text-decoration:none;transition:all .25s;}
.ph-cta:hover{background:var(--red-b);transform:translateY(-2px);box-shadow:0 12px 32px rgba(229,31,38,0.35);}
.ph-note{font-size:12px;color:rgba(255,255,255,0.3);margin-top:12px;}
 
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:32px;}
.step{background:var(--black3);border:1px solid rgba(255,255,255,0.07);padding:26px 20px;transition:all .3s;border-top:2px solid transparent;}
.step:hover{border-top-color:var(--red);transform:translateY(-3px);}
.step-num{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--red);margin-bottom:14px;text-transform:uppercase;}
.step h3{font-size:15px;font-weight:800;margin-bottom:8px;}
.step p{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.7;}
 
.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:28px;}
.pay-card{background:var(--black3);border:1px solid rgba(255,255,255,0.07);padding:20px 18px;display:flex;align-items:center;gap:14px;transition:border-color .3s;}
.pay-card:hover{border-color:rgba(229,31,38,0.35);}
.pay-lbl{font-size:13px;font-weight:700;}
.pay-sub{font-size:12px;color:var(--gray);margin-top:2px;}
.pay-dot{width:10px;height:10px;background:var(--red);border-radius:50%;flex-shrink:0;}
 
.faq-list{margin-top:28px;display:grid;gap:2px;}
.faq-q:hover{background:rgba(255,255,255,0.03);}
 
.cta-final{background:var(--red-d);padding:70px 20px;text-align:center;position:relative;overflow:hidden;}
.cta-final::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(255,255,255,0.05) 0%,transparent 60%);}
.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;}
.cta-final h2{font-size:clamp(22px,4vw,40px);font-weight:900;margin-bottom:14px;}
.cta-final p{font-size:15px;color:rgba(255,255,255,0.75);margin-bottom:28px;line-height:1.7;}
@media(max-width:640px){.sec{padding:48px 16px;}
.sec-dark{padding:48px 16px;}
.proof-bar{gap:20px;}}
 
/* ───────────────────────────────────────────────────────────────────
   4) become-an-instructor.php
   ─────────────────────────────────────────────────────────────────── */
 
/* ملاحظة: كان هنا نسخة مكررة من .page-hero (ستايل باند) بتتعارض مع
   .page-hero الأصلي (سطر 373) وبتخطف مقاس .page-title في صفحات الداش بورد.
   البديل الصحيح للباند اسمه .instructor-hero-band (تحت)، فاتشالت النسخة دي. */
.hero-cta-btn{display:inline-block;background:var(--red);color:var(--white);padding:15px 44px;font-family:'Cairo',sans-serif;font-size:17px;font-weight:800;text-decoration:none;border-radius: 6px;transition: all .25s ease;position:relative;}
.hero-cta-btn:hover{background:var(--red-b);transform:translateY(-2px);box-shadow:0 12px 30px rgba(229,31,38,0.4);}
 
/* ملاحظة: كان هنا نسخة مكررة .page-wrap{max-width:820px} بتتعارض مع الأساس
   1200px (سطر 372) وبتضغط جريد الكورسات/المدربين. للصفحات الضيقة استخدم
   المُعدِّل .page-wrap--narrow في الـHTML بدل ما تعرّف الكلاس تاني. */
.section{margin-bottom:48px;}
.section-title{font-size:clamp(18px,3vw,26px);font-weight:900;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(229,31,38,0.2);display:flex;align-items:center;gap:10px;}
.section-title .icon{font-size:22px;}
 
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:4px;}
.why-card{background:var(--black3);border:1px solid rgba(255,255,255,0.07);border-top:3px solid var(--red);padding:22px 18px;}
.why-icon{font-size:28px;margin-bottom:10px;}
.why-card h3{font-size:14px;font-weight:800;margin-bottom:6px;color:var(--white);}
.why-card p{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.7;}
 
.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:4px;}
.field-item{background:var(--black3);border:1px solid rgba(255,255,255,0.07);padding:12px 16px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);display:flex;align-items:center;gap:8px;}
.field-item::before{content:'';width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0;}
 
.req-list{display:grid;gap:10px;margin-top:4px;}
.req-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--black3);border-right:3px solid var(--red);}
.req-check{color:#2ECC71;font-size:15px;font-weight:900;flex-shrink:0;margin-top:1px;}
.req-text{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.6;}
 
.steps-list{display:grid;gap:12px;margin-top:4px;}
.step-item{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;background:var(--black3);border:1px solid rgba(255,255,255,0.07);}
.step-text{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.7;padding-top:4px;}
 
.apply-box{background:var(--black3);border:1px solid rgba(229,31,38,0.3);border-top:3px solid var(--red);padding:32px;}
.apply-box h3{font-size:18px;font-weight:800;margin-bottom:6px;}
.apply-box .email-label{font-size:13px;color:var(--gray);margin-bottom:16px;}
.apply-email{display:inline-flex;align-items:center;gap:8px;background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.35);padding:10px 20px;font-size:15px;font-weight:700;color:var(--red-b);text-decoration:none;margin-bottom:20px;}
.apply-email:hover{background:rgba(229,31,38,0.22);color:#fff;}
.apply-reqs{display:grid;gap:8px;margin-top:4px;}
.apply-req{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,0.75);line-height:1.6;}
.apply-req-check{color:#2ECC71;font-weight:900;flex-shrink:0;}
.final-cta a{display:inline-block;background:var(--white);color:var(--red-d);padding:14px 40px;font-family:'Cairo',sans-serif;font-size:16px;font-weight:900;text-decoration:none;border-radius: 6px;transition: all .25s ease;}
.final-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,0.3);}
@media(max-width:640px){.why-grid{grid-template-columns:1fr;}
.fields-grid{grid-template-columns:1fr 1fr;}
.apply-box{padding:22px 16px;}}
@media(max-width:420px){.fields-grid{grid-template-columns:1fr;}}
 
/* ═══════════════════════════════════════════════════════════════════
   مكوّنات إضافية — كانت بتشارك اسم كلاس مع مكوّن تاني مختلف تمامًا في
   وظيفته (مش مجرد فرق مقاس)، فبدل ما نكرر نفس الاسم بمعنيين مختلفين،
   دي أسماء واضحة ومنفصلة، متعرّفة مرة واحدة هنا بس. محتاج تستبدل اسم
   الكلاس في الـ HTML بتاع الصفحة المذكورة (مش تضيف CSS جديد هناك).
   ═══════════════════════════════════════════════════════════════════ */
 
/* بانر هيرو كامل (خلفية + بادينج كبير) — استخدمه لأي صفحة محتاجة هيرو
   بانر بارز، بدل ما تستخدم .page-hero اللي معناها مجرد مسافة تحت العنوان.
   في become-an-instructor.php: غيّر class="page-hero" إلى class="instructor-hero-band" */
.instructor-hero-band{padding:110px 20px 60px;background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.2);text-align:center;position:relative;overflow:hidden;}
.instructor-hero-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(229,31,38,0.12) 0%,transparent 70%);}
.instructor-hero-band h1{font-size:clamp(24px,4.5vw,46px);font-weight:900;line-height:1.2;margin-bottom:14px;position:relative;}
.instructor-hero-band h1 span{color:var(--red);}
.instructor-hero-band .sub{font-size:16px;color:rgba(255,255,255,0.65);max-width:620px;margin:0 auto 28px;line-height:1.9;position:relative;}
 
/* مُعدِّل عرض لـ .page-wrap — الأساس 1200px لصفحات الليست/الجريد، وضيف
   الكلاس الإضافي ده لأي صفحة محتوى نصي أضيق (مقال/فورم طويل):
   class="page-wrap page-wrap--narrow" */
.page-wrap--narrow{max-width:820px;}
 
/* دايرة رقم للخطوات (Step Circle) — مختلفة عن .step-num (تاج نصي صغير).
   في become-an-instructor.php: غيّر class="step-num" إلى class="step-circle-num" */
.step-circle-num{width:32px;height:32px;border-radius:50%;background:var(--red);color:var(--white);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}


/* ==========================================================
   index page — CSS migrated from inline (page-specific unscoped; shared classes scoped to .pg-index)
   ========================================================== */
.inst-arrow {width:36px;height:36px;background:var(--red);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.inst-arrow:hover {background:var(--red-b);transform:scale(1.08);}
.inst-arrow svg {fill:white;width:16px;height:16px;}
.hero {min-height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 58px 0 0; position: relative; overflow: hidden; background: var(--black);}
.hero-badge {display: inline-flex; align-items: center; gap: 8px; background: rgba(229,31,38,0.15); border: 1px solid rgba(229,31,38,0.4); padding: 7px 18px; font-size: 13px; font-weight: 600; color: var(--red-b); margin-bottom: 24px; position: relative; border-radius: 4px;}
.cats-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px;}
.stat-label {font-size: 12px; color: var(--gray); margin-top: 2px;}
.final-cta {position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: var(--black3);
  border: 1px solid rgba(229,31,38,0.2);}
.final-cta-inner {position: relative; z-index: 2; max-width: 640px; margin: 0 auto; padding: 70px 28px; text-align: center;}
.final-cta h2 {font-size: clamp(22px, 3.8vw, 42px); font-weight: 900; line-height: 1.2; margin-bottom: 14px;}
.final-cta p {font-size: 16px; color: rgba(255,255,255,0.78); margin-bottom: 32px; line-height: 1.75;}
.lightbox-overlay {display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.92); z-index: 9999; align-items: center; justify-content: center; cursor: zoom-out;}
.lightbox-overlay img {max-width: 92vw; max-height: 92vh; object-fit: contain; border: 2px solid rgba(255,255,255,0.15);}
.lightbox-close {position: absolute; top: 18px; right: 24px; font-size: 32px; color: #fff; cursor: pointer; line-height: 1; background: none; border: none;}
.lb-overlay {display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92); z-index:9999; align-items:center; justify-content:center; padding:20px; cursor:pointer;}
.lb-overlay img {max-width:100%; max-height:90vh; object-fit:contain; border:2px solid rgba(229,31,38,0.4);}
.lb-close {position:absolute; top:16px; right:20px; font-size:32px; color:#fff; cursor:pointer; line-height:1; font-weight:300;}
.hero-vsl-video-wrap {flex: 1.4 1 0;
  min-width: 0;
  width: 100%;
  max-width: none;
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  border: 2px solid rgba(229,31,38,0.35);
  overflow: hidden;
  border-radius: 12px;
  transition: box-shadow .4s ease, border-color .4s ease;
  margin-bottom: 0;}
@media(max-width:900px) { .hero-vsl-video-wrap {max-width: 100%; width: 100%; flex: 1 1 auto; aspect-ratio: 16 / 9; margin-top: 8px;} }
/* إجبار مشغّل الفيديو على مقاس يوتيوب 16:9 (لاندسكيب) مهما كانت أبعاد الفيديو الأصلية أو Plyr */
.hero-vsl-video-wrap .plyr,
.hero-vsl-video-wrap .plyr__video-wrapper,
.hero-vsl-video-wrap video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hero-vsl-video-wrap video {
  object-fit: contain;
  background: #000;
}
.partners-track-wrap::before, .partners-track-wrap::after {content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;}
.pg-index .btn-primary {background: var(--red); color: var(--white); padding: 12px 32px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; border: none; cursor: pointer; display: inline-block; transition: background .3s ease; border-radius: 10px;}
.pg-index .courses-grid {display: flex; gap: 16px; margin-top: 28px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px;}
.pg-index .course-card {overflow:hidden; border-radius: 16px; background: var(--black3); border: 1px solid rgba(255,255,255,0.07); transition: transform .3s ease, border-color .3s ease; border-top: 3px solid transparent; padding: 0; display: flex; flex-direction: column; height: 100%; min-height: 420px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);}
.pg-index .badge-live {display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; padding: 3px 9px; margin-bottom: 10px; background: rgba(229,31,38,0.2); color: var(--red-b);}
.pg-index .lightbox-overlay.active {display: flex;}
.pg-index .lb-overlay.active {display:flex;}
.pg-index .c-thumb svg {width:100%; height:100%; display:block; direction:ltr;}


/* ==========================================================
   blogs page — CSS migrated from inline (page-specific unscoped; shared classes scoped to .pg-blogs)
   ========================================================== */
.bl-hero {padding:110px 20px 50px;background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.2);text-align:center;position:relative;overflow:hidden;}
.bl-hero::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(229,31,38,0.1) 0%,transparent 70%);}
.bl-hero h1 {font-size:clamp(24px,4vw,44px);font-weight:900;margin-bottom:10px;position:relative;}
.bl-hero h1 span {color:var(--red);}
.bl-hero p {font-size:15px;color:rgba(255,255,255,0.6);max-width:520px;margin:0 auto 22px;line-height:1.8;position:relative;}
.bl-filters {display:flex;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;}
.bl-filter {background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);padding:7px 18px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:20px;transition:all .2s;}
.bl-grid-wrap {max-width:1100px;margin:0 auto;padding:50px 20px 70px;}
.bl-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.blog-card {background:var(--black3);border:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:all .3s;border-top:3px solid transparent;overflow:hidden;display:flex;flex-direction:column;}
.blog-card:hover {border-top-color:var(--red);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.4);}
.blog-card-featured {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;flex-direction:unset;}
.blog-thumb {width:100%;overflow:hidden;}
.blog-thumb svg {width:100%;height:auto;display:block;direction:ltr;}
.blog-card-body {padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.blog-card-featured .blog-card-body {padding:28px 32px;justify-content:center;}
.blog-card-meta {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.blog-cat {font-size:11px;font-weight:700;padding:3px 10px;border:1px solid;border-radius:20px;}
.blog-read {font-size:11px;color:var(--gray);}
.blog-card-title {font-size:15px;font-weight:800;line-height:1.4;color:var(--white);}
.blog-card-featured .blog-card-title {font-size:clamp(18px,2.5vw,26px);}
.blog-card-desc {font-size:13px;color:rgba(255,255,255,0.5);line-height:1.7;flex:1;}
.blog-read-btn {display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--red-b);text-decoration:none;margin-top:4px;transition:color .2s;}
.blog-read-btn:hover {color:#fff;}
@media(max-width:900px) { .bl-grid {grid-template-columns:1fr 1fr;} }
@media(max-width:900px) { .blog-card-featured {grid-column:1/-1;grid-template-columns:1fr;display:flex;flex-direction:column;} }
@media(max-width:580px) { .bl-grid {grid-template-columns:1fr;} }
.blog-read-btn {clip-path: none !important;
  border-radius: 6px !important;
  transition: all .25s ease !important;}
.blog-read-btn:hover {transform: translateY(-1px) !important;}
.pg-blogs .bl-filter:hover, .pg-blogs .bl-filter.active {background:rgba(229,31,38,0.2);border-color:var(--red);color:#fff;}


/* ==========================================================
   blogpost page — CSS migrated from inline (page-specific unscoped; shared classes scoped to .pg-blogpost)
   ========================================================== */
.post-hero {padding:94px 20px 0;background:var(--black2);border-bottom:1px solid rgba(229,31,38,0.15);}
.post-hero-inner {max-width:820px;margin:0 auto;padding-bottom:0;}
.post-breadcrumb {font-size:13px;color:var(--gray);margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.post-breadcrumb a {color:var(--red-b);text-decoration:none;}
.post-breadcrumb a:hover {text-decoration:underline;}
.post-cat-badge {display:inline-block;font-size:11px;font-weight:700;padding:3px 12px;border:1px solid;border-radius:20px;margin-bottom:12px;}
.post-h1 {font-size:clamp(20px,4vw,40px);font-weight:900;line-height:1.25;margin-bottom:14px;}
.post-meta {display:flex;align-items:center;gap:16px;font-size:13px;color:var(--gray);flex-wrap:wrap;padding-bottom:28px;}
.post-hero-img {width:100%;max-width:820px;margin:0 auto;display:block;overflow:hidden;}
.post-hero-img svg {width:100%;display:block;direction:ltr;}
.post-layout {display:grid;grid-template-columns:1fr 300px;gap:40px;max-width:1100px;margin:0 auto;padding:50px 20px 70px;align-items:start;}
.post-content h2 {font-size:clamp(17px,2.8vw,24px);font-weight:900;margin:32px 0 12px;color:var(--white);padding-right:14px;border-right:4px solid var(--red);}
.post-content h3 {font-size:17px;font-weight:800;margin:22px 0 8px;color:rgba(255,255,255,0.9);}
.post-content p {font-size:15px;color:rgba(255,255,255,0.72);line-height:2;margin-bottom:14px;}
.post-content ul, .post-content ol {padding-right:22px;margin-bottom:14px;display:grid;gap:7px;}
.post-content li {font-size:15px;color:rgba(255,255,255,0.72);line-height:1.8;}
.post-content strong {color:var(--white);font-weight:800;}
.post-content em {color:var(--red-b);font-style:normal;}
.post-content a {color:var(--red-b);text-decoration:none;}
.post-content a:hover {text-decoration:underline;}
.post-share {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.07);}
.post-share-label {font-size:13px;color:var(--gray);font-weight:600;}
.share-btn {display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;border:none;border-radius: 6px;text-decoration:none;transition: all .25s ease;}
.share-wa {background:rgba(229,31,38,0.15);color:var(--red-b);border:1px solid rgba(229,31,38,0.4);}
.share-wa:hover {background:rgba(229,31,38,0.28);color:#fff;}
.share-fb {background:rgba(229,31,38,0.15);color:var(--red-b);border:1px solid rgba(229,31,38,0.4);}
.share-fb:hover {background:rgba(229,31,38,0.28);color:#fff;}
.post-sidebar {position:sticky;top:80px;}
.sidebar-card {background:var(--black3);border:1px solid rgba(255,255,255,0.06);padding:20px;margin-bottom:20px;}
.sidebar-title {font-size:12px;font-weight:700;color:var(--gray);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;}
.related-item {display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:color .2s;text-decoration:none;}
.related-item:last-child {border-bottom:none;}
.related-item:hover .related-title {color:var(--red-b);}
.related-title {font-size:13px;font-weight:700;line-height:1.4;color:rgba(255,255,255,0.85);}
.related-cat {font-size:11px;color:var(--gray);}
.sidebar-cta {background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.3);padding:20px;text-align:center;}
.sidebar-cta h3 {font-size:15px;font-weight:800;margin-bottom:8px;}
.sidebar-cta p {font-size:13px;color:rgba(255,255,255,0.55);margin-bottom:14px;line-height:1.6;}
.sidebar-cta a {display:block;background:var(--red);color:#fff;padding:10px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;text-decoration:none;border-radius: 6px;transition: all .25s ease;}
.sidebar-cta a:hover {background:var(--red-b);}
@media(max-width:860px) { .post-layout {grid-template-columns:1fr;} }
@media(max-width:860px) { .post-sidebar {position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;} }
@media(max-width:860px) { .post-sidebar>.sidebar-card:last-child {grid-column:1/-1;} }
@media(max-width:520px) { .post-layout {padding:30px 14px 50px;} }
@media(max-width:520px) { .post-sidebar {grid-template-columns:1fr;} }
.pg-blogpost .back-btn {display:inline-flex;align-items:center;gap:8px;color:var(--red-b);font-size:14px;font-weight:700;text-decoration:none;margin-bottom:28px;}
.pg-blogpost .back-btn:hover {text-decoration:underline;}
.pg-blogpost .back-btn {clip-path: none !important;
  border-radius: 6px !important;
  transition: all .25s ease !important;}
.pg-blogpost .back-btn:hover {transform: translateY(-1px) !important;}


/* ==========================================================
   plans page — CSS migrated from inline (page-specific unscoped; shared classes scoped to .pg-plans)
   ========================================================== */
.plans-hero {padding:110px 20px 56px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(229,31,38,0.14) 0%,transparent 70%),var(--black);position:relative;overflow:hidden;}
.plans-hero::after {content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(229,31,38,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(229,31,38,0.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}
.plans-hero h1 {font-size:clamp(24px,4.5vw,48px);font-weight:900;line-height:1.2;margin-bottom:14px;position:relative;z-index:1;}
.plans-hero p {font-size:clamp(13px,2vw,17px);color:rgba(255,255,255,0.6);max-width:560px;margin:0 auto;line-height:1.8;position:relative;z-index:1;}
.pg-plans .plans-hero .sec-tag {position:relative;z-index:1;}
.pg-plans .plans-section {padding:56px 20px 80px;max-width:900px;margin:0 auto;width:100%;}
.pg-plans .plans-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
.pg-plans .plan-cta {background:var(--red);color:var(--white);width:100%;padding:14px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:800;border:none;cursor:pointer;display:block;transition: all .25s ease;text-decoration:none;box-shadow:0 0 16px rgba(229,31,38,0.3);text-align:center;}
.pg-plans .plan-cta:hover {background:var(--red-b);}
@media(max-width:640px) { .pg-plans .plans-grid {grid-template-columns:1fr;max-width:480px;margin:0 auto;} }
.pg-plans .plan-cta {transform: none !important;
  clip-path: none !important;
  border-radius: 6px !important;
  transition: all .25s ease !important;}
.pg-plans .plan-cta:hover {transform: translateY(-2px) !important;}


/* ==========================================================
   refund page — CSS migrated from inline (page-specific unscoped; shared classes scoped to .pg-refund)
   ========================================================== */
.page-main {flex: 1; max-width: 780px; margin: 0 auto; padding: 60px 24px; width: 100%;}
.page-hero-inner {max-width: 1100px; margin: 0 auto;}
.pol-sec {margin-bottom: 40px;}
.pol-sec h2 {font-size: 17px; font-weight: 800; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 2px solid rgba(229,31,38,0.3); display: flex; align-items: center; gap: 10px;}
.pol-num {width: 26px; height: 26px; border-radius: 50%; background: var(--red); color: var(--white); font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.pol-sec p {font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.9; margin-bottom: 10px;}
.pol-sec ul {list-style: none; display: grid; gap: 8px; margin-top: 10px;}
.pol-sec li {display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.7;}
.pol-sec li::before {content: '◆'; color: var(--red); font-size: 8px; flex-shrink: 0; margin-top: 6px;}
.pol-box {background: var(--black3); border: 1px solid rgba(229,31,38,0.25); border-right: 3px solid var(--red); padding: 14px 18px; margin-top: 10px;}
.pol-box p {margin: 0;}
a.pol-link {color: var(--red-b); text-decoration: none; font-weight: 700;}
a.pol-link:hover {text-decoration: underline;}
.pg-refund .page-wrap {min-height: 100vh; display: flex; flex-direction: column; padding-top: 58px;}
.pg-refund .page-hero {background: var(--black2); border-bottom: 1px solid rgba(229,31,38,0.15); padding: 50px 24px; text-align: center;}
.pg-refund .page-tag {display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--red); margin-bottom: 10px;}
.pg-refund .page-hero h1 {font-size: clamp(24px, 4vw, 40px); font-weight: 900; margin-bottom: 10px;}
.pg-refund .page-hero p {font-size: 15px; color: rgba(255,255,255,0.55);}


/* ==========================================================
   terms page — CSS migrated from inline (page-specific unscoped; shared classes scoped to .pg-terms)
   ========================================================== */
.page-main {flex: 1; max-width: 780px; margin: 0 auto; padding: 60px 24px; width: 100%;}
.page-hero-inner {max-width: 1100px; margin: 0 auto;}
.pol-sec {margin-bottom: 40px;}
.pol-sec h2 {font-size: 17px; font-weight: 800; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 2px solid rgba(229,31,38,0.3); display: flex; align-items: center; gap: 10px;}
.pol-num {width: 26px; height: 26px; border-radius: 50%; background: var(--red); color: var(--white); font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.pol-sec p {font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.9; margin-bottom: 10px;}
.pol-sec ul {list-style: none; display: grid; gap: 8px; margin-top: 10px;}
.pol-sec li {display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.7;}
.pol-sec li::before {content: '◆'; color: var(--red); font-size: 8px; flex-shrink: 0; margin-top: 6px;}
.pol-box {background: var(--black3); border: 1px solid rgba(229,31,38,0.25); border-right: 3px solid var(--red); padding: 14px 18px; margin-top: 10px;}
.pol-box p {margin: 0;}
.warn-box {background: rgba(229,31,38,0.1); border: 1px solid rgba(229,31,38,0.4); padding: 14px 18px; margin-top: 10px; border-radius: 4px;}
.warn-box p {color: rgba(255,255,255,0.85); margin: 0;}
a.pol-link {color: var(--red-b); text-decoration: none; font-weight: 700;}
a.pol-link:hover {text-decoration: underline;}
.pg-terms .page-wrap {min-height: 100vh; display: flex; flex-direction: column; padding-top: 58px;}
.pg-terms .page-hero {background: var(--black2); border-bottom: 1px solid rgba(229,31,38,0.15); padding: 50px 24px; text-align: center;}
.pg-terms .page-tag {display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--red); margin-bottom: 10px;}
.pg-terms .page-hero h1 {font-size: clamp(24px, 4vw, 40px); font-weight: 900; margin-bottom: 10px;}
.pg-terms .page-hero p {font-size: 15px; color: rgba(255,255,255,0.55);}


/* ==========================================================
   Converted pages — neutralize platform body offsets
   (globals adds body{padding-top:var(--hdr)} for the fixed header and
   layout adds body{padding-bottom:72px} for the sticky CTA. These pages
   were standalone and already carry their own top clearance; only index
   has a sticky bottom CTA — so we remove the doubled spacing here.)
   ========================================================== */
body.pg-index, body.pg-blogs, body.pg-blogpost, body.pg-plans, body.pg-refund, body.pg-terms { padding-top: 0; }
body.pg-blogs, body.pg-blogpost, body.pg-plans, body.pg-refund, body.pg-terms { padding-bottom: 0; }


/* ==========================================================
   Community — role badges, reactions, reads, online, media
   (used by dashboard/community.php & dashboard/updates.php)
   ========================================================== */
.cw-role-badge{display:inline-block;font-size:10px;font-weight:800;padding:1px 8px;border-radius:20px;margin:0 4px;vertical-align:middle;line-height:1.7;}
.cw-role-badge.admin{background:rgba(229,31,38,0.15);color:var(--red-b);border:1px solid rgba(229,31,38,0.4);}
.cw-role-badge.member{background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.12);}

.cw-online-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#39d98a;background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.3);padding:3px 10px;border-radius:20px;margin-right:10px;white-space:nowrap;}
.cw-online-dot{width:7px;height:7px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 0 rgba(57,217,138,0.6);animation:cwPulseDot 1.8s infinite;}
@keyframes cwPulseDot{0%{box-shadow:0 0 0 0 rgba(57,217,138,0.55);}70%{box-shadow:0 0 0 6px rgba(57,217,138,0);}100%{box-shadow:0 0 0 0 rgba(57,217,138,0);}}

/* reactions */
.cw-react-wrap{position:relative;display:inline-block;}
.cw-react-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:rgba(255,255,255,0.6);font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .2s,color .2s;}
.cw-react-btn:hover{background:rgba(255,255,255,0.06);color:var(--white);}
.cw-react-btn.reacted{color:var(--red-b);}
.cw-react-ico{font-size:16px;line-height:1;}
.cw-react-count{min-width:12px;}
.cw-react-picker{position:absolute;bottom:calc(100% + 6px);right:0;display:flex;gap:4px;background:var(--black3,#181818);border:1px solid rgba(255,255,255,0.12);border-radius:30px;padding:6px 8px;box-shadow:0 10px 30px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:translateY(6px) scale(0.9);transform-origin:bottom right;transition:all .18s ease;z-index:30;}
.cw-react-wrap:hover .cw-react-picker,.cw-react-picker:hover{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.cw-react-opt{background:none;border:none;cursor:pointer;font-size:22px;line-height:1;padding:2px;transition:transform .15s ease;}
.cw-react-opt:hover{transform:scale(1.35) translateY(-3px);}

/* read count */
.cw-post-reads{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,0.4);margin-right:auto;padding:6px 4px;}
.cw-post-reads svg{opacity:.7;}

/* media in posts + composer preview */
.cw-post-media{display:block;max-width:100%;margin-top:10px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);}
video.cw-post-media{width:100%;max-height:420px;background:#000;}
audio.cw-post-media{width:100%;}
.cw-media-preview{margin-top:10px;}
.cw-media-preview img,.cw-media-preview video{max-width:100%;max-height:240px;border-radius:10px;display:block;}
.cw-media-preview audio{width:100%;}

/* voice recorder */
.cw-voice-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cw-voice-rec-btn{background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.35);color:var(--red-b);font-family:'Cairo',sans-serif;font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;}
.cw-voice-rec-btn:hover{background:rgba(229,31,38,0.2);}
.cw-voice-rec-btn.recording{background:var(--red);color:#fff;animation:cwPulseDot 1.4s infinite;}
.cw-voice-timer{font-weight:800;color:var(--red-b);font-variant-numeric:tabular-nums;}
.cw-voice-or{color:rgba(255,255,255,0.4);font-size:12px;}


/* ==========================================================
   Updates page (dashboard/updates.php)
   ========================================================== */
.upd-wrap{max-width:1280px;margin:0 auto;width:100%;}
.upd-intro{font-size:13.5px;color:rgba(255,255,255,0.6);line-height:1.9;margin-top:8px;max-width:620px;}
.upd-readonly{background:var(--black3);border:1px solid rgba(229,31,38,0.18);border-right:3px solid var(--red);border-radius:12px;padding:14px 18px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,0.75);margin-bottom:20px;}

/* ==========================================================
   Files page (dashboard/files.php)
   ========================================================== */
.files-wrap{max-width:1280px;margin:0 auto;width:100%;}
.files-intro{font-size:13.5px;color:rgba(255,255,255,0.6);line-height:1.9;margin-top:8px;}
.files-count{display:inline-block;background:rgba(229,31,38,0.14);color:var(--red-b);border:1px solid rgba(229,31,38,0.3);font-weight:800;font-size:11.5px;padding:2px 10px;border-radius:20px;margin-right:6px;}
.files-search-row{position:relative;margin:22px 0 20px;}
.files-search-ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.4);pointer-events:none;}
.files-search-input{width:100%;background:var(--black3);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-family:'Cairo',sans-serif;font-size:14px;padding:12px 44px 12px 16px;border-radius:12px;outline:none;transition:border-color .2s;}
.files-search-input:focus{border-color:rgba(229,31,38,0.5);}
.files-course{background:var(--black3);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:16px 18px;margin-bottom:16px;}
.files-course-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.06);}
.files-course-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--black2);}
.files-course-name{font-size:15px;font-weight:800;color:var(--white);flex:1;line-height:1.3;}
.files-course-count{font-size:11.5px;font-weight:700;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.06);padding:3px 10px;border-radius:20px;white-space:nowrap;}
.files-grid{display:flex;flex-direction:column;gap:8px;}
.file-row{display:flex;align-items:center;gap:12px;background:var(--black2);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:10px 12px;transition:border-color .2s,transform .15s;}
.file-row:hover{border-color:rgba(229,31,38,0.28);transform:translateX(-2px);}
.file-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.file-meta{flex:1;min-width:0;}
.file-name{font-size:13.5px;font-weight:700;color:var(--white);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file-sub{font-size:11.5px;color:rgba(255,255,255,0.45);margin-top:2px;}
.file-type{font-weight:800;color:rgba(255,255,255,0.6);}
.file-dl-btn{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-family:'Cairo',sans-serif;font-weight:700;font-size:12.5px;padding:8px 16px;border-radius:9px;text-decoration:none;flex-shrink:0;transition:background .2s;}
.file-dl-btn:hover{background:var(--red-b);}
@media(max-width:560px){.file-dl-btn span,.file-name{white-space:normal;}.file-dl-btn{padding:8px 12px;}}

/* ═══════════════════════════════════════════════════════════════════
   Course page — SALES / عرض view (زائر أو غير مشترك). كله scoped تحت
   body.pg-course-sales عشان مايتعارضش مع مشغّل الكورس (course-detail player).
   ═══════════════════════════════════════════════════════════════════ */
body.pg-course-sales .course-hero-band-inner{grid-template-columns:1fr 340px;gap:20px 48px;align-items:start;padding:24px 24px 44px;}
body.pg-course-sales .ch-title-top{grid-column:1 / -1;grid-row:auto;margin-bottom:0;order:-2;}
body.pg-course-sales .ch-right{grid-column:1;grid-row:auto;}
body.pg-course-sales .ch-left{grid-column:2;grid-row:auto;display:block;}
body.pg-course-sales .ch-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:16px;flex-wrap:wrap;}
body.pg-course-sales .ch-breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;}
body.pg-course-sales .ch-breadcrumb a:hover{color:var(--red-b);}
body.pg-course-sales .ch-breadcrumb span{color:rgba(255,255,255,0.2);}
body.pg-course-sales .ch-video-wrap{aspect-ratio:16/9;margin-bottom:22px;}
body.pg-course-sales .ch-video-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
body.pg-course-sales .ch-video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000;}
body.pg-course-sales .ch-video-wrap .plyr{position:absolute;inset:0;width:100%;height:100%;--plyr-color-main:var(--red);}
body.pg-course-sales .ch-video-wrap .plyr__video-wrapper{width:100%;height:100%;}
body.pg-course-sales .cc-cert-logos{display:inline-flex;align-items:center;gap:6px;margin-right:auto;}
body.pg-course-sales .cc-cert-logos img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(229,31,38,0.45);background:var(--black2);}
body.pg-course-sales .ch-desc{margin-bottom:22px;max-width:580px;}
body.pg-course-sales .ch-inst-info{flex:1;}
body.pg-course-sales .ch-learn-block{padding:24px 0 0;border-bottom:none;}
/* كارت الاشتراك (enroll card) — يعيد استخدام course-card-sticky بستايل مختلف */
body.pg-course-sales .course-card-sticky{position:sticky;top:calc(var(--hdr) + 16px);height:auto;max-height:none;display:block;background:var(--black3);border:1px solid rgba(229,31,38,0.3);border-top:3px solid var(--red);border-radius:10px;overflow:hidden;}
body.pg-course-sales .cc-thumb{width:100%;aspect-ratio:16/9;background:var(--black);overflow:hidden;display:block;position:relative;}
body.pg-course-sales .cc-thumb>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;}
body.pg-course-sales .cc-thumb-badge{position:absolute;top:12px;right:12px;background:var(--red);color:var(--white);font-size:11px;font-weight:700;padding:4px 12px;letter-spacing:.5px;z-index:1;}
body.pg-course-sales .cc-body{padding:22px;}
body.pg-course-sales .cc-instructor-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.07);margin-bottom:14px;}
body.pg-course-sales .cc-instructor-avatar{width:36px;height:36px;border-radius:8px;overflow:hidden;border:1.5px solid rgba(229,31,38,0.4);flex-shrink:0;background:var(--black2);}
body.pg-course-sales .cc-instructor-avatar img{width:100%;height:100%;object-fit:cover;}
body.pg-course-sales .cc-instructor-info .label{font-size:11px;color:var(--gray);}
body.pg-course-sales .cc-instructor-info .name{font-size:13px;font-weight:700;color:var(--white);}
body.pg-course-sales .btn-enroll{display:block;width:100%;background:var(--red);color:var(--white);font-family:'Cairo',sans-serif;font-size:16px;font-weight:800;padding:15px;text-align:center;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px rgba(229,31,38,0.35);text-decoration:none;border-radius:6px;}
body.pg-course-sales .btn-enroll:hover{background:var(--red-b);transform:translateY(-3px);box-shadow:0 0 30px rgba(229,31,38,0.6);}
body.pg-course-sales .cc-includes{list-style:none;display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.07);}
body.pg-course-sales .cc-includes li{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,0.75);}
body.pg-course-sales .cc-includes li svg{width:15px;height:15px;fill:rgba(255,255,255,0.35);flex-shrink:0;}
/* محتوى المسار (accordion) */
body.pg-course-sales .course-body{max-width:1080px;margin:0 auto;padding:0 24px 80px;}
body.pg-course-sales .cs-block{padding:40px 0;border-bottom:1px solid rgba(255,255,255,0.07);}
body.pg-course-sales .cs-block:last-child{border-bottom:none;}
body.pg-course-sales .curriculum-section{border:1px solid rgba(255,255,255,0.08);margin-bottom:8px;border-radius:6px;overflow:hidden;}
body.pg-course-sales .curriculum-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--black3);cursor:pointer;transition:background .2s;user-select:none;}
body.pg-course-sales .curriculum-section-header:hover{background:#222;}
body.pg-course-sales .curriculum-section-title{font-size:14px;font-weight:700;color:var(--white);flex:1;}
body.pg-course-sales .curriculum-section-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--gray);flex-shrink:0;}
body.pg-course-sales .caret{font-size:12px;color:var(--gray);transition:transform .3s;flex-shrink:0;margin-right:10px;}
body.pg-course-sales .curriculum-section.open .caret{transform:rotate(180deg);}
body.pg-course-sales .curriculum-lectures{display:none;border-top:1px solid rgba(255,255,255,0.06);}
body.pg-course-sales .curriculum-section.open .curriculum-lectures{display:block;}
body.pg-course-sales .curriculum-lecture{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,0.04);}
body.pg-course-sales .curriculum-lecture:last-child{border-bottom:none;}
body.pg-course-sales .curriculum-lecture:hover{background:rgba(255,255,255,0.02);}
body.pg-course-sales .lec-num{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--red);color:var(--red);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
body.pg-course-sales .lec-title{font-size:13px;color:rgba(255,255,255,0.75);flex:1;}
body.pg-course-sales .lec-lock{font-size:11px;color:rgba(255,255,255,0.35);flex-shrink:0;}
body.pg-course-sales .lec-dur{font-size:11px;color:var(--gray);flex-shrink:0;}
@media(max-width:900px){
  body.pg-course-sales .course-hero-band-inner{grid-template-columns:1fr;gap:0;row-gap:20px;}
  body.pg-course-sales .ch-left{order:-1;grid-column:1;margin-bottom:8px;}
  body.pg-course-sales .course-card-sticky{position:static;margin-bottom:24px;}
}
@media(max-width:640px){
  body.pg-course-sales .course-body{padding:0 16px 60px;}
  body.pg-course-sales .learn-grid{grid-template-columns:1fr;}
}

/* ============================================================
   توحيد هيرو صفحات القسم القانوني في الفوتر على نفس مقاس/تصميم
   صفحة become-an-instructor (.instructor-hero-band):
   about-us (.ab-hero) / affiliate (.page-header) /
   refund-policy + terms (.pg-refund/.pg-terms .page-hero)
   ============================================================ */
.ab-hero,
.page-header,
.pg-refund .page-hero,
.pg-terms .page-hero{
  padding:110px 20px 60px;
  background:var(--black2);
  border-bottom:1px solid rgba(229,31,38,0.2);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.ab-hero::before,
.page-header::before,
.pg-refund .page-hero::before,
.pg-terms .page-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(229,31,38,0.12) 0%,transparent 70%);
}
.ab-hero > *,
.page-header .ph-inner,
.pg-refund .page-hero-inner,
.pg-terms .page-hero-inner{position:relative;z-index:1;}
.ab-hero h1,
.page-header .ph-h1,
.pg-refund .page-hero h1,
.pg-terms .page-hero h1{
  font-size:clamp(24px,4.5vw,46px);font-weight:900;line-height:1.2;margin-bottom:14px;
}
.ab-hero p,
.page-header .ph-sub,
.pg-refund .page-hero p,
.pg-terms .page-hero p{
  font-size:16px;color:rgba(255,255,255,0.65);max-width:620px;margin:0 auto 8px;line-height:1.9;
}

/* ============================================================
   صفحة تواصل معنا (contact.php)
   ============================================================ */
.contact-wrap{max-width:720px;margin:0 auto;padding:40px 20px 72px;width:100%;}
.contact-card{background:var(--black2);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:32px 28px;}
.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.contact-form .form-group{margin-bottom:16px;}
.contact-form textarea.form-input{resize:vertical;min-height:120px;line-height:1.8;}
.contact-form .btn{width:100%;background:var(--red);color:#fff;border:none;cursor:pointer;font-family:'Cairo',sans-serif;font-weight:800;font-size:15px;padding:14px;border-radius:10px;transition:background .2s;margin-top:4px;}
.contact-form .btn:hover{background:var(--red-b);}
.contact-form .btn:disabled{opacity:.6;cursor:default;}
.contact-alert{display:none;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:700;margin-bottom:16px;}
.contact-alert.show{display:block;}
.contact-alert.ok{background:rgba(39,174,96,0.12);border:1px solid rgba(39,174,96,0.4);color:#4ade80;}
.contact-alert.err{background:rgba(229,31,38,0.12);border:1px solid rgba(229,31,38,0.4);color:var(--red-b);}
.contact-social{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.07);text-align:center;}
.contact-social-title{font-size:13px;font-weight:700;color:rgba(255,255,255,0.5);margin-bottom:16px;}
.contact-social-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.contact-social-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:rgba(255,255,255,0.75);text-decoration:none;background:var(--black3);border:1px solid rgba(255,255,255,0.08);padding:9px 16px;border-radius:30px;transition:all .2s;}
.contact-social-link:hover{border-color:rgba(229,31,38,0.5);color:#fff;}
.contact-social-link svg{width:16px;height:16px;fill:currentColor;}
@media(max-width:560px){.contact-form .form-grid{grid-template-columns:1fr;}}

/* الكارت الموحّد (.course-card-dash) داخل سلايدر الصفحة الرئيسية الأفقي */
.pg-index .courses-grid .course-card-dash{flex:0 0 300px;max-width:300px;scroll-snap-align:start;min-height:0;}
@media(max-width:600px){.pg-index .courses-grid .course-card-dash{flex:0 0 84%;max-width:84%;}}