:root{--gold:#c89a5e;--gold2:#b5864a;--cream:#f8efe3;--ink:#2d2a26;--muted:#8a8178;--line:#ece3d6;--bg:#fffdf9;--purple:#9370db;--font:'Reem Kufi','Tajawal',Tahoma,sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.8}
a{color:var(--gold2)}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.brand .b1{font-size:28px;letter-spacing:3px;color:#e3b7c5;font-weight:300;direction:ltr}
.brand .b2{font-size:13px;color:#e3b7c5}
.top nav{display:flex;gap:18px;align-items:center}
.top nav a{text-decoration:none;color:var(--ink)}
.wrap{max-width:1100px;margin:0 auto;padding:28px 16px 80px}
h1{font-size:28px;margin:.2em 0 .6em}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.narrow{max-width:460px;margin:40px auto}.center{text-align:center}
label{display:block;margin:10px 0 6px;font-weight:700}
input,select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--cream);font:inherit;font-size:16px}
input.code{text-align:center;letter-spacing:10px;font-size:26px;direction:ltr}
.btn{display:inline-block;background:var(--gold);color:#fff;border:0;border-radius:14px;padding:12px 26px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin-top:12px}
.btn:hover{background:var(--gold2)}.btn.full{width:100%;text-align:center}.btn.small{padding:6px 16px;margin:0}
.btn.ghost,.ghost{background:transparent;color:var(--gold2);border:1.5px solid var(--gold)}
.link{background:none;border:0;color:var(--gold2);cursor:pointer;font:inherit;text-decoration:underline;padding:0}
.again{margin-top:10px}.inline{display:inline}
.err{background:#fdecea;color:#a3261a;padding:10px 14px;border-radius:10px}
.info{background:#eef7ee;color:#2d6a2d;padding:10px 14px;border-radius:10px}
.muted{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.course{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s}
.course:hover{transform:translateY(-3px)}
.course img,.course .ph{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--cream);display:block}
.course .ct{padding:12px 16px 16px}.course h3{font-size:16px;margin:0 0 8px}
.bar{height:6px;background:var(--cream);border-radius:6px;overflow:hidden}.bar span{display:block;height:100%;background:var(--gold)}
.cover{width:100%;border-radius:14px}
.player{display:flex;min-height:calc(100vh - 70px)}
.side{width:330px;flex-shrink:0;background:#fff;border-left:1px solid var(--line);padding:18px;overflow:auto;max-height:calc(100vh - 70px);position:sticky;top:70px}
.side h2{font-size:18px}.side .back{text-decoration:none;font-size:14px}
.side details{border-top:1px solid var(--line);padding:8px 0}.side summary{cursor:pointer;font-weight:700}
.side ol{padding-right:20px;margin:6px 0}.side li{font-size:14px;margin:4px 0}
.side li a{text-decoration:none;color:var(--ink)}.side li.cur a{color:var(--gold2);font-weight:800}
.side li.done::marker{content:"✓  ";color:#3c9d5d}
.content{flex:1;padding:24px 32px 80px;max-width:980px}
.video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.audio audio{width:100%;margin:12px 0}
.pdf iframe{width:100%;height:78vh;border:1px solid var(--line);border-radius:12px}
img.full{max-width:100%;border-radius:12px}
.ebook{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 26px;margin-top:16px}
.ebook h1{font-size:22px}
.pn{display:flex;justify-content:space-between;margin-top:30px}
.toggle,.close{display:none}
.top nav a.ghost{padding:4px 12px;border-radius:10px}
.pn{margin-bottom:60px}
.wa{position:fixed;left:20px;bottom:20px;background:#25d366;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2)}
@media(max-width:820px){.player{display:block}.side{position:fixed;inset:0 0 0 auto;width:85%;z-index:20;transform:translateX(100%);transition:transform .2s;max-height:none;top:0}.side.open{transform:none}
.toggle{display:inline-block;background:var(--cream);border:0;border-radius:10px;padding:8px 14px;font:inherit;margin-bottom:10px}.content{padding:16px}.close{display:block;float:left;background:none;border:0;font-size:22px;cursor:pointer}.side.open{box-shadow:0 0 0 100vw rgba(0,0,0,.35)}.top nav{gap:10px;font-size:14px}}
h2.sec{margin-top:40px}
.agents-hero{text-align:center;padding:30px 10px 10px}.agents-hero h1{font-size:40px;margin:0}.agents-hero p{color:var(--muted);max-width:560px;margin:10px auto 0}
.agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin-top:30px}
.agent{background:linear-gradient(180deg,#fff,var(--cream));border:1px solid var(--line);border-radius:22px;padding:26px 18px 22px;text-align:center;text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;align-items:center;gap:12px}
.agent:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(200,154,94,.22)}
.agent .flag{width:96px;height:64px;object-fit:cover;border-radius:12px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold),0 6px 14px rgba(0,0,0,.15)}
.agent h3{margin:6px 0 0;font-size:22px}
.wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;border-radius:999px;padding:9px 18px;font-weight:700;font-size:15px}
.support{margin-top:40px}

.burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--ink)}
@media(max-width:1020px){.burger{display:block}.top nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 20px;border-bottom:1px solid var(--line);gap:4px}.top nav.open{display:flex}.top nav a{padding:8px 0}.top{position:sticky}}

input,button,select,textarea{font-family:inherit}
#hinda-bot-root .hb-launcher{left:auto!important;right:24px}
#hinda-bot-root .hb-window{left:auto!important;right:24px}
#hinda-bot-root .hb-invite{left:auto!important;right:28px}
@media (max-width:480px){#hinda-bot-root .hb-launcher{right:18px}#hinda-bot-root .hb-window{right:8px}#hinda-bot-root .hb-invite{left:12px!important;right:12px}}
.hb-invite{left:auto!important;right:28px!important}
@media (max-width:480px){.hb-invite{left:12px!important;right:12px!important}}
/* لوحة التحكم */
.anav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.anav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 16px;text-decoration:none;color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:16px 0}
.stats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;text-align:center}.stats b{display:block;font-size:30px;color:var(--gold2)}.stats span{color:var(--muted);font-size:14px}
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
.tag{display:inline-block;background:var(--cream);color:var(--gold2);border-radius:999px;padding:1px 10px;font-size:12px;margin-inline-start:6px}.tag.gray{color:var(--muted)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:160px}.row .btn{margin:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.two{grid-template-columns:1fr}}
textarea{width:100%;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--cream);font:inherit;font-size:16px}
.thumb{max-width:260px;border-radius:12px;display:block;margin:6px 0}
.checks label{font-weight:400;display:flex;gap:8px;align-items:center}.checks input{width:auto}
.sec{border:1px solid var(--line);border-radius:14px;padding:12px;margin:12px 0}.units li{margin:6px 0}
details>summary.btn{list-style:none;display:inline-block}

.consult-hero{text-align:center;padding:30px 10px 10px}.consult-hero h1{font-size:38px;margin:0}.consult-hero p{color:var(--muted);max-width:620px;margin:12px auto 0}
.consult{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:30px 0}
.consult-card{background:linear-gradient(180deg,#fff,var(--cream));border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:6px}
.consult-card img{width:100%;border-radius:14px;aspect-ratio:16/9;object-fit:cover}.consult-card h2{margin:10px 0 0}.consult-card .price{font-size:26px;font-weight:800;color:var(--gold2);margin:4px 0}
.consult-card .btn{margin-top:auto}.consult-how ol{padding-right:22px}.consult-how li{margin:6px 0}
.consult-card{align-items:center;text-align:center}.consult-card.beige{background:#fbf5ef;border-color:#e8d3bd}.consult-card.lav{background:#f3eefb;border-color:#d6c9ee}
.consult-card .ico{font-size:40px}.consult-card .line{width:64px;height:3px;border-radius:3px;background:var(--gold)}.consult-card.lav .line{background:#7b5fbf}
.consult-card.lav .btn{background:#7b5fbf}.consult-card .btn{border-radius:999px;padding:12px 34px}.consult-card .pts{text-align:right;margin:4px 0 8px;padding-right:20px;font-size:15px}
.consult-card s{color:var(--muted);font-size:18px;font-weight:400}

/* صفحة الدرس: صناديق الملفات، المعرض، الملاحظات، ودروس القسم */
.fbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:12px 0;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.fhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ficon{font-size:20px;width:36px;height:36px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fname{flex:1;font-weight:700;font-size:15px;min-width:140px}
.fdl{background:var(--gold);color:#fff;text-decoration:none;border-radius:10px;padding:5px 12px;font-size:13px;font-weight:700;white-space:nowrap}
.fdl:hover{background:var(--gold2)}.fdl.ghost{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.fbox audio{width:100%;margin-top:10px}.fbox .video{margin-top:10px}
.pdfview summary{cursor:pointer;color:var(--gold2);font-size:14px;margin-top:8px}
.pdfview .pdf iframe{height:70vh;margin-top:8px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:14px 0}
.gallery figure{margin:0;position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;aspect-ratio:1}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.gallery figure:hover img{transform:scale(1.04)}
.gdl{position:absolute;bottom:6px;left:6px;background:rgba(255,255,255,.92);color:var(--gold2);text-decoration:none;border-radius:8px;padding:2px 8px;font-weight:800}
.note{white-space:pre-line;background:#fff;border:1px solid var(--line);border-right:4px solid var(--gold);border-radius:14px;padding:16px 18px;margin:14px 0;font-size:15px;line-height:1.9}
.chunk{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:22px}
.chead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.citem{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--ink);font-size:14px}
.citem:hover{background:var(--cream)}.citem.cur{background:var(--cream);font-weight:800}
.cn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold2);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.citem.done .cn{background:#eef7ee;border-color:#3c9d5d;color:#3c9d5d}.citem.cur .cn{background:var(--gold);color:#fff;border-color:var(--gold)}
.cnav{display:flex;justify-content:space-between;margin-top:6px;font-size:14px}.cnav a{text-decoration:none}
.content h1{font-size:24px}
/* تايا لا تغطي قائمة الدروس */
body:has(.player) .hb-invite,body:has(.chero) .hb-invite{display:none!important}

/* صفحة الدورة */
.chero{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.chero-img{width:300px;max-width:40%;border-radius:14px;aspect-ratio:16/9;object-fit:cover}
.chero-txt{flex:1}.chero-txt h1{margin:.2em 0 .5em}.back{text-decoration:none}
.bar.big{height:10px;max-width:420px}.small-note{margin-top:6px}
.secard{background:#fff;border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden}
.secard summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;font-weight:800;background:#fffaf3}
.secard[open] summary{border-bottom:1px solid var(--line)}
.scn{font-size:13px;color:var(--gold2);background:var(--cream);border-radius:20px;padding:2px 10px}
.slist{padding:8px}.uic{font-size:15px}
@media(max-width:700px){.chero{flex-direction:column;align-items:stretch}.chero-img{width:100%;max-width:100%}}
/* دوراتي */
.myhead{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.resume{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-right:4px solid var(--gold);border-radius:18px;padding:12px;margin:10px 0 22px;text-decoration:none;color:var(--ink);box-shadow:0 4px 18px rgba(0,0,0,.04)}
.resume img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.resume div{flex:1;display:flex;flex-direction:column}.resume b{font-size:17px}
.resume .go{width:44px;height:44px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.crow{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.cgo{font-size:13px;font-weight:800;color:var(--gold2)}
/* زر تايا في صفحات الدروس: يسار الشاشة فوق واتساب حتى لا يغطي قائمة الدروس */
body:has(.player) #hinda-bot-root .hb-launcher{right:auto!important;left:24px!important;bottom:92px!important;width:52px;height:52px}
body:has(.player) #hinda-bot-root .hb-window{right:auto!important;left:16px!important}
@media(max-width:820px){.side li a{display:block;padding:4px 0}}

/* هوية كل دورة (لون، رمز، جملة) — 29/10 */
.lh{border-radius:20px;padding:22px 22px 20px;color:#fff;background:linear-gradient(135deg,var(--tc),color-mix(in srgb,var(--tc) 55%,#1d1a17));margin:0 0 16px;box-shadow:0 8px 24px color-mix(in srgb,var(--tc) 30%,transparent)}
.lh-top{display:flex;align-items:center;gap:10px;font-size:15px;opacity:.95}.lh-emo{font-size:26px;line-height:1}
.lh-badge{display:inline-block;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 12px;font-size:13px;margin:10px 0 6px}
.lh h1{color:#fff;margin:.1em 0 .2em;font-size:26px}.lh-tag{margin:0;opacity:.9;font-size:15px}
.lsteps{background:color-mix(in srgb,var(--tc) 8%,#fff);border:1px solid color-mix(in srgb,var(--tc) 25%,#fff);border-radius:16px;padding:14px 18px;margin:0 0 14px}
.lsteps b{display:block;margin-bottom:6px;color:color-mix(in srgb,var(--tc) 80%,#000)}
.lsteps ol{list-style:none;margin:0;padding:0}.lsteps li{display:flex;gap:10px;align-items:flex-start;margin:6px 0;font-size:15.5px}
.lsteps .ln{flex:none;width:26px;height:26px;border-radius:50%;background:var(--tc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-top:2px}
.content[style*="--tc"] .fbox{border-right:4px solid var(--tc)}
.content[style*="--tc"] .fdl{background:var(--tc);border-color:var(--tc)}.content[style*="--tc"] .fdl.ghost{background:transparent;color:var(--tc)}
.content[style*="--tc"] .btn{background:var(--tc)}.content[style*="--tc"] .btn:hover{filter:brightness(.92)}
.content[style*="--tc"] .btn.ghost{background:transparent;color:var(--tc);border-color:var(--tc)}