/* دليل المؤطر — الأنماط الكاملة (RTL، ثيم كحلي وذهبي مغربي) */

:root{--bg:#f3f6ff;--surface:#fff;--ink:#1b2150;--muted:#586089;--brand:#2a3a9e;--brand2:#12a594;--sun:#ffb02e;--coral:#ff6b57;--line:#dfe4f7;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#10142f;--surface:#1a2048;--ink:#eef0ff;--muted:#a9b0dd;--brand:#8a9bff;--line:#2c3566}}
:root[data-theme="dark"]{--bg:#10142f;--surface:#1a2048;--ink:#eef0ff;--muted:#a9b0dd;--brand:#8a9bff;--line:#2c3566}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.7}
h1,h2,h3{font-family:Lalezar,Cairo,Tahoma,sans-serif;font-weight:400;margin:0;line-height:1.25}
.wrap{max-width:900px;margin:0 auto;padding:0 16px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding-top:8px;padding-bottom:8px}@media(max-width:700px){header{position:static}}
.logo{font-family:Lalezar,Cairo,sans-serif;font-size:1.5rem;color:var(--brand);text-decoration:none}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
nav a{padding:6px 12px;border-radius:99px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;white-space:nowrap}
nav a.on{background:var(--brand);color:#fff}
:root[data-theme="dark"] nav a.on,:root:not([data-theme="light"]) nav a.on{color:#10142f}
.page{display:none;padding:24px 0 40px}.page.on{display:block}
.hero{background:linear-gradient(135deg,#2a3a9e,#12a594);color:#fff;border-radius:24px;padding:28px 22px;margin-bottom:20px}
.hero h1{font-size:2.2rem}.hero p{margin:8px 0 0;opacity:.95}
.slider{position:relative;background:var(--sun);color:#1b2150;border-radius:24px;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;margin-bottom:20px;overflow:hidden}
.slide{display:none;font-family:Lalezar,Cairo,sans-serif;font-size:1.6rem}.slide.on{display:block;animation:pop .6s}
.slide small{display:block;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;margin-top:4px}
@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.dots{position:absolute;bottom:10px;display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#1b215066}.dots i.on{background:#1b2150;width:22px;border-radius:6px}
.about{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:20px}
.about h2{color:var(--brand);margin-bottom:6px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 10px;border-radius:20px;text-decoration:none;color:#fff;font-family:Lalezar,Cairo,sans-serif;font-size:1.4rem;transition:transform .15s}
.tile:active{transform:scale(.96)}.tile span{font-size:2.2rem}
.t1{background:#2a3a9e}.t2{background:#12a594}.t3{background:#ef6a4f}.t4{background:#8a4fd1}.t5{background:#c98a00;grid-column:1/-1}.t6{background:#0e7490;grid-column:1/-1}.tm.dim{opacity:.4}.cfm{background:#ffc24733;border:1px solid #ffc247;border-radius:14px;padding:10px 14px;margin-bottom:12px;font-weight:700;text-align:center}
h2.pt{font-size:1.9rem;color:var(--brand);margin-bottom:4px}
.sub{color:var(--muted);margin:0 0 16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:10px}
.card h3{font-size:1.2rem;color:var(--brand)}.card p{margin:2px 0 0;color:var(--muted)}
.chip{display:inline-block;background:var(--sun);color:#1b2150;border-radius:99px;padding:0 10px;font-size:.8rem;font-weight:700;margin-inline-start:6px}
button,input{font-family:inherit;font-size:1rem}
.btn{border:0;border-radius:14px;padding:10px 18px;background:var(--brand2);color:#fff;font-weight:700;cursor:pointer}
.btn.alt{background:var(--coral)}.btn.sm{padding:4px 12px;border-radius:10px}
input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 12px;flex:1;min-width:0}
.row{display:flex;gap:8px;margin-bottom:14px}
.kid{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 14px;margin-bottom:8px}
.kid b{flex:1}.kid .n{font-family:Lalezar,sans-serif;font-size:1.5rem;min-width:44px;text-align:center;color:var(--brand2)}
.big{background:var(--surface);border:2px dashed var(--brand);border-radius:22px;padding:28px 18px;text-align:center;font-size:1.3rem;min-height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ans{color:var(--brand2);font-weight:800}
footer{background:var(--surface);border-top:1px solid var(--line);padding:22px 0 28px;text-align:center}
.partner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
#plogo{width:64px;height:64px;border-radius:50%;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.7rem;overflow:hidden}
#plogo img{width:100%;height:100%;object-fit:contain}
footer small{color:var(--muted);display:block;margin-top:8px}
@media (prefers-reduced-motion:reduce){.slide.on{animation:none}}

details.nash{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:10px;overflow:hidden}
details.nash summary{cursor:pointer;padding:14px 16px;font-family:Lalezar,Cairo,sans-serif;font-size:1.25rem;color:var(--brand);list-style:none;display:flex;justify-content:space-between;align-items:center}
details.nash summary::-webkit-details-marker{display:none}
details.nash summary::after{content:"▾"}details.nash[open] summary::after{content:"▴"}
.lyr{padding:0 16px 16px;font-size:1.25rem;line-height:2;white-space:pre-line}
.pl{list-style:none;padding:0;margin:0 0 16px;counter-reset:p}
.pl li{counter-increment:p;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 16px 12px 16px;margin-bottom:8px;position:relative;padding-inline-start:56px}
.pl li::before{content:counter(p);position:absolute;inset-inline-start:12px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--brand2);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Lalezar,sans-serif}
.pl li b{color:var(--brand);font-size:1.1rem}.pl li span{color:var(--muted)}
.gt{margin:18px 0 8px;font-size:1.5rem;color:var(--brand)}
.rl{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:8px}
.num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--sun);color:#1b2150;display:flex;align-items:center;justify-content:center;font-family:Lalezar,sans-serif}
#qz{position:relative;background:radial-gradient(120% 90% at 85% 0,#25348a 0,#111a45 45%,#0a0f2b 100%);color:#fff;border-radius:28px;padding:16px;min-height:480px;overflow:hidden}
#qz.fs{position:fixed;inset:0;z-index:100;border-radius:0;overflow:auto;padding:3vh 4vw}
#qz h2{font-family:Lalezar,Cairo,sans-serif;font-weight:400}
.qt{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:14px}
.qb{border:1px solid #ffffff33;background:#ffffff14;color:#fff;border-radius:12px;padding:7px 14px;font-weight:700;cursor:pointer;font-family:inherit;font-size:.95rem}.qb:disabled{opacity:.4}
.qb.go{background:linear-gradient(135deg,#ffc247,#ff9d2e);color:#1b2150;border:0;font-size:1.15rem;padding:12px 30px}
#qz input{border:1px solid #ffffff33;background:#ffffff14;color:#fff;border-radius:12px;padding:10px 12px;flex:1;min-width:0}
#qz input::placeholder{color:#b9c2ff}
.qs{max-width:560px;margin:0 auto}.qs h2{font-size:2.2rem;color:#ffc247;text-align:center}.qs p{color:#c9d0ff;text-align:center;margin:0 0 14px}
.qs h3{font-size:1.1rem;margin:16px 0 6px;color:#fff}
.tc{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border-radius:99px;padding:4px 6px 4px 14px;margin:0 0 6px 6px;font-weight:700}
.tc button{border:0;background:#ffffff26;color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg .qb.on{background:#ffc247;color:#1b2150;border-color:#ffc247}
.tms{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tm{flex:1 1 120px;background:#ffffff12;border:1px solid #ffffff22;border-radius:16px;padding:8px 12px;display:flex;flex-direction:column;gap:3px}
.tm.cur{border-color:#ffc247;background:#ffc24722;box-shadow:0 0 0 2px #ffc24755,0 8px 26px #ffc24733}
.tm .sc{font-family:Lalezar,sans-serif;font-size:1.8rem;line-height:1;color:#ffc247}
.adj{display:flex;gap:4px}.adj button{flex:1;border:0;background:#ffffff1f;color:#fff;border-radius:8px;cursor:pointer;font-weight:800}
.qcard{background:#ffffff10;border:1px solid #ffffff22;border-radius:24px;padding:18px}
.qmeta{display:flex;justify-content:space-between;gap:8px;color:#b9c2ff;font-weight:700;margin-bottom:8px}.qmeta b{color:#ffc247}
.tb{height:6px;background:#ffffff1f;border-radius:6px;overflow:hidden}.tb i{display:block;height:100%;background:linear-gradient(90deg,#12a594,#ffc247)}
.qtx{font-family:Lalezar,Cairo,sans-serif;font-size:1.7rem;text-align:center;margin:20px 0;line-height:1.5}
.ops{display:grid;gap:10px}@media(min-width:600px){.ops{grid-template-columns:1fr 1fr}}
.op{display:flex;align-items:center;gap:12px;text-align:start;border:1.5px solid #ffffff2e;background:#ffffff0f;color:#fff;border-radius:18px;padding:12px 14px;font-size:1.2rem;font-weight:700;cursor:pointer;font-family:inherit}
.op i{flex:none;width:34px;height:34px;border-radius:50%;background:#ffffff22;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:Lalezar,sans-serif}
.op.ok{background:#12a59466;border-color:#2fe0c8}.op.bad{background:#ff6b5766;border-color:#ff6b57}.op.dim{opacity:.4}
.fb{text-align:center;margin-top:16px;font-weight:800;font-size:1.15rem}.fb .qb{margin-top:10px}
.win{text-align:center;padding:20px 6px}.cup{font-size:4.5rem}.win h2{font-size:clamp(2.2rem,7vw,4.5rem);color:#ffc247;line-height:1.2}
.rk{max-width:420px;margin:16px auto;display:flex;flex-direction:column;gap:6px}.rk div{display:flex;justify-content:space-between;background:#ffffff14;border-radius:12px;padding:8px 14px;font-weight:700}
.cf{position:absolute;inset:0;pointer-events:none;z-index:5}
#qz.fs .qtx{font-size:clamp(2rem,4.6vw,4rem)}#qz.fs .op{font-size:clamp(1.3rem,2.8vw,2.4rem);padding:2vh 16px}#qz.fs .tm .sc{font-size:2.6rem}#qz.fs .tm b{font-size:1.4rem}
.aud{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;background:#ffffff12;border:1px solid #ffffff22;border-radius:14px;padding:8px 12px;margin-bottom:12px}#qz .aud input{flex:0 0 110px;min-width:90px;padding:0;border:0;background:none}.sbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sbar>*{flex:1 1 150px}
select,textarea{font-family:inherit;font-size:1rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 12px;width:100%}
.mc{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px}
.av{flex:none;width:52px;height:52px;border-radius:50%;background:var(--brand2);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Lalezar,sans-serif;font-size:1.4rem}
.mc h3{font-size:1.2rem;color:var(--brand)}.mc p{margin:2px 0;color:var(--muted)}.mc .btn{margin-top:6px}
.tg{display:inline-block;background:var(--line);color:var(--ink);border-radius:99px;padding:0 10px;font-size:.8rem;margin:2px 0 2px 4px}.tg.ok{background:var(--sun);color:#1b2150}
.modal{position:fixed;inset:0;z-index:300;background:#0008;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.modal[hidden]{display:none}
.mbox{position:relative;background:var(--surface);color:var(--ink);border-radius:22px;padding:22px 20px;width:100%;max-width:400px}
.mbox h2{font-size:1.7rem;color:var(--brand);margin-bottom:12px;text-align:center}.mx{position:absolute;top:10px;inset-inline-start:10px;border:0;background:var(--line);color:var(--ink);width:32px;height:32px;border-radius:50%;cursor:pointer}
.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:12px;padding:10px;font-weight:700;cursor:pointer;font-family:inherit;font-size:1rem}.gl{font-weight:800;font-size:1.2rem;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.or{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem;margin:14px 0}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.fld{margin-bottom:10px}.fld label{display:block;font-weight:600;margin-bottom:4px;font-size:.95rem}.fld label input{display:inline-block;width:auto;margin-inline-end:6px}
.err{color:var(--coral);min-height:1.2em;margin:4px 0;font-size:.9rem}.sw{text-align:center;margin:10px 0 0}.note{font-size:.8rem;color:var(--muted);text-align:center;margin:8px 0 0}
.ck{display:flex;flex-wrap:wrap;gap:6px 14px}.ck label{font-weight:400}.ck input{display:inline-block;width:auto;flex:none;margin-inline-end:4px}
.st{background:var(--sun);color:#1b2150;border-radius:12px;padding:8px 12px;font-weight:700;margin-bottom:12px}.av{overflow:hidden}.mc .av{width:64px;height:64px}.av img{width:100%;height:100%;object-fit:cover}.mb{flex:1;min-width:0}
.rt{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stars{color:#f5a623;letter-spacing:2px;font-size:1.1rem}.rt small{color:var(--muted)}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.acts a.btn{text-decoration:none;display:inline-block}.btn.wa{background:#25d366;color:#0b2e14}
.rate{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:.9rem;color:var(--muted)}.rs{border:0;background:none;font-size:1.6rem;line-height:1;color:var(--line);cursor:pointer;padding:0 2px}.rs.on{color:#f5a623}
.phr{display:flex;align-items:center;gap:12px}.phr .av{width:64px;height:64px;flex:none}.phr input{width:auto}.tg.on{background:#1fb25a;color:#fff}.callbox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bg);border:1px dashed var(--brand);border-radius:12px;padding:8px 10px;margin:4px 0}.callbox b{font-size:1.1rem}.swl{display:flex;align-items:center;gap:8px;font-weight:700}.swl input{width:auto;flex:none}
/* ===== زخارف مغربية: زليج ونجمة العلم ===== */
:root:root{color-scheme:dark;--bg:#050e22;--surface:#0e1c40;--ink:#f6f0e2;--muted:#aeb9d6;--brand:#f2b632;--brand2:#e39d17;--sun:#f2b632;--coral:#d7424b;--line:#25396a}
html body{background:radial-gradient(120% 55% at 50% 0,#12295c 0,transparent 62%),linear-gradient(#071533,#050e22 45%);background-attachment:fixed;color:var(--ink)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--zz0) 0 0/90px;opacity:.06}
header{position:relative!important;overflow:hidden;background:transparent;border:0;padding:16px 0 8px}
header::before{content:"";position:absolute;left:0;top:0;width:160px;height:160px;border-radius:0 0 100% 0;background:linear-gradient(135deg,rgba(242,182,50,.2),transparent 75%),var(--zz1) 0 0/52px;border-right:2px solid #f2b632;border-bottom:2px solid #f2b632;-webkit-mask-image:linear-gradient(135deg,#000 50%,transparent);mask-image:linear-gradient(135deg,#000 50%,transparent)}
header::after{content:"";position:absolute;right:0;top:0;width:140px;height:140px;background:var(--zz0) 0 0/52px;opacity:.45;-webkit-mask-image:linear-gradient(225deg,#000 25%,transparent 75%);mask-image:linear-gradient(225deg,#000 25%,transparent 75%)}
header .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.logo{display:flex;flex-direction:column;align-items:center;gap:0;text-decoration:none}
.mark svg{width:62px;height:62px;filter:drop-shadow(0 4px 14px rgba(242,182,50,.5))}
.lt{font-family:Lalezar,Cairo,sans-serif;font-size:2.7rem;line-height:1.1}.lt b{font-weight:400;color:#fff}.lt i{font-style:normal;background:linear-gradient(180deg,#ffe08a,#e39d17);-webkit-background-clip:text;background-clip:text;color:transparent}
.fl{width:170px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#c1272d 30%,#c1272d 50%,#0a7a43 70%,transparent)}
nav{gap:6px;margin-top:4px}nav a{border:1px solid transparent;color:#ece6d6;padding:7px 13px}nav a:hover{border-color:#f2b63266}
nav a.on,:root:root nav a.on{background:linear-gradient(135deg,#ffd76a,#e39d17);color:#1a1205;box-shadow:0 6px 20px rgba(227,157,23,.35)}
nav a[href="#home"]::before{content:"⌂ ";font-weight:800}
.acc-row{display:flex;justify-content:center}
#acc{background:rgba(242,182,50,.06);color:#f2b632;border:1.5px solid #f2b632;box-shadow:none;border-radius:99px;padding:8px 28px;font-size:1rem}
.btn{background:linear-gradient(135deg,#ffd76a,#e39d17);color:#1a1205}.btn.alt{background:linear-gradient(135deg,#ff6f78,#d7424b);color:#fff}.btn.wa{background:#25d366;color:#06210f}
.mhero{position:relative;display:flex;min-height:196px;padding:0;border:1.5px solid rgba(242,182,50,.55);border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0d2347,#08152f);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.mhero::after{content:"";position:absolute;right:0;bottom:0;width:46%;height:70%;background:var(--zz0) 0 0/48px;opacity:.16;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 100%,#000,transparent 70%);pointer-events:none}
.hero-l{position:absolute;left:0;top:0;bottom:0;width:58%}
.hero-l .ph{position:absolute;inset:0;background-size:cover;background-position:center;clip-path:polygon(0 0,95% 0,52% 100%,0 100%)}
.hero-l .dg{position:absolute;inset:0;background:linear-gradient(180deg,#ffe08a,#e39d17);clip-path:polygon(95.4% 0,97.6% 0,54.2% 100%,51.8% 100%)}
.hero-txt{position:relative;z-index:1;width:50%;padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px}
.fstar svg{width:40px;height:40px;filter:drop-shadow(0 3px 10px rgba(193,39,45,.5))}
.hero-txt small{font-size:1.05rem;color:#fff}
.hero-txt h1{font-size:clamp(1.9rem,8.4vw,2.7rem);line-height:1.1;background:linear-gradient(180deg,#ffe08a,#e39d17);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 4px}
.hero-txt p{margin:0;font-size:.8rem;line-height:1.55;color:#d9e0f2}
.slider{background:linear-gradient(135deg,#fff3dc,#f0d6a6);color:#3a2d1c;border:1px solid #e8c98d;box-shadow:0 12px 30px rgba(0,0,0,.35);border-radius:26px}
.slider::before{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;background:var(--zz2) 0 0/46px;opacity:.55;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.slide{position:relative;font-size:1.65rem;color:#8a1c2b}.slide small{color:#3a2d1c}
.dots i{background:#d6c397}.dots i.on{background:#e39d17;width:30px}
.sa{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:#0d2347;color:#f2b632;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);z-index:2}.sa-p{right:12px}.sa-n{left:12px}
.ab{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,#11265a,#0a1a3b);border:1px solid #28427a;border-radius:24px;padding:18px 16px;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.ab-tx{flex:1}.ab h2{display:flex;align-items:center;gap:8px;color:#fff;margin-bottom:6px;font-size:1.5rem}.ab h2::before{content:"";width:5px;height:24px;border-radius:3px;background:#f2b632}
.ab p{margin:0;color:#d4dcf0;font-size:.92rem;line-height:1.75}
.ab-ic{flex:none;padding-inline-start:12px;border-inline-start:1px solid rgba(242,182,50,.5)}.ab-ic svg{width:74px;height:74px}
.grid{gap:12px}
.tile{position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.28);padding:22px 10px 20px;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.28)}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.2),transparent 45%);pointer-events:none}
.tile::after{content:"";position:absolute;right:0;bottom:0;width:54%;height:64%;background:var(--zz3) 0 0/44px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,transparent 72%);mask-image:radial-gradient(circle at 100% 100%,#000,transparent 72%);pointer-events:none}
.t6::after{right:auto;left:0;-webkit-mask-image:radial-gradient(circle at 0 100%,#000,transparent 72%);mask-image:radial-gradient(circle at 0 100%,#000,transparent 72%)}
.tile span{position:relative;font-size:2.4rem;line-height:1.1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.t1{background:linear-gradient(145deg,#2f6fd6,#10306f)}.t2{background:linear-gradient(145deg,#18a87a,#0a5a45)}.t3{background:linear-gradient(145deg,#e0444c,#85151f)}.t4{background:linear-gradient(145deg,#a547d6,#4b1f78)}
.t5{background:linear-gradient(145deg,#f4b92a,#b06f05);color:#1a1205;border-color:#ffd76a}.t6{background:linear-gradient(145deg,#12939f,#0a4a58)}
footer.mf{position:relative;background:linear-gradient(#081c33,#061226);border:0;padding:0 0 28px;margin-top:20px}
.sky{width:100%;aspect-ratio:660/123;background-size:100% 100%;-webkit-mask-image:linear-gradient(transparent,#000 38%);mask-image:linear-gradient(transparent,#000 38%)}
footer .partner{flex-direction:column;gap:10px}
#plogo{width:58px;height:58px;border:2px dashed rgba(242,182,50,.6);color:#f2b632}
.pline{display:flex;align-items:center;gap:12px;width:100%}.pline::before,.pline::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#f2b632)}.pline::after{background:linear-gradient(270deg,transparent,#f2b632)}.pline b{color:#f6f0e2;font-size:1.02rem}
footer small{color:#aeb9d6}
html{background:#050e22}.sa{direction:ltr}.t5{color:#2a1700}
/* ===== بدون صور: زخارف متجهية + تطبيق الزليج على المسابقة ===== */
.hero-l .ph{background:url("../assets/img/emblem-star.svg") 46% 52%/74% no-repeat,var(--zz0) 0 0/50px,radial-gradient(circle at 42% 52%,rgba(242,182,50,.38),transparent 62%),linear-gradient(160deg,#16306a,#0a1a3b)}
.sky{position:relative;aspect-ratio:auto;height:72px;background:url("../assets/img/wave-line.svg") bottom/100% 26px no-repeat;-webkit-mask-image:none;mask-image:none}
.sky::before{content:"";position:absolute;inset:0 0 20px;background:var(--zz0) 0 0/46px;opacity:.3;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
#qz{border:1.5px solid rgba(242,182,50,.6);box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 0 0 4px rgba(10,22,50,.9),inset 0 0 0 5px rgba(242,182,50,.22)}
#qz::before{content:"";position:absolute;left:0;top:0;width:150px;height:150px;border-radius:0 0 100% 0;border-right:2px solid #f2b632;border-bottom:2px solid #f2b632;background:linear-gradient(135deg,rgba(242,182,50,.2),transparent 75%),var(--zz1) 0 0/48px;-webkit-mask-image:linear-gradient(135deg,#000 45%,transparent);mask-image:linear-gradient(135deg,#000 45%,transparent);pointer-events:none}
#qz::after{content:"";position:absolute;right:0;bottom:0;width:150px;height:150px;border-radius:100% 0 0 0;background:var(--zz0) 0 0/48px;opacity:.4;-webkit-mask-image:linear-gradient(315deg,#000 30%,transparent 80%);mask-image:linear-gradient(315deg,#000 30%,transparent 80%);pointer-events:none}
#qz>*:not(.cf){position:relative;z-index:1}
.qs h2,.win h2{position:relative}
.qs h2::after,.qtx::after{content:"";display:block;height:16px;margin:8px auto 0;width:min(240px,70%);background:linear-gradient(90deg,transparent,#f2b632 35%,#f2b632 65%,transparent) center/100% 1px no-repeat,url("../assets/img/mini-star.svg") center/16px no-repeat}
.qs h2{color:#f2b632}
.qcard{position:relative;overflow:hidden;border:1.5px solid rgba(242,182,50,.45);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.qcard::before{content:"";position:absolute;right:0;top:0;width:90px;height:90px;background:var(--zz0) 0 0/36px;opacity:.28;-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 72%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 72%);pointer-events:none}
.qcard>*{position:relative}
.tb{height:7px;border:1px solid rgba(242,182,50,.35);background:rgba(255,255,255,.06)}.tb i{background:linear-gradient(90deg,#c1272d,#f2b632 60%,#0a7a43)}
.op{border:1.5px solid rgba(242,182,50,.4);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.op:hover{border-color:#f2b632}
.op i{width:40px;height:40px;border-radius:0;background:linear-gradient(135deg,#ffe08a,#d9921a);color:#1a1205;clip-path:polygon(50.0% 0.0%,63.8% 16.7%,85.4% 14.6%,83.3% 36.2%,100.0% 50.0%,83.3% 63.8%,85.4% 85.4%,63.8% 83.3%,50.0% 100.0%,36.2% 83.3%,14.6% 85.4%,16.7% 63.8%,0.0% 50.0%,16.7% 36.2%,14.6% 14.6%,36.2% 16.7%);font-size:1.1rem}
.op.ok{background:linear-gradient(135deg,rgba(24,168,122,.55),rgba(10,90,69,.5));border-color:#35e0a8}.op.bad{background:linear-gradient(135deg,rgba(224,68,76,.55),rgba(133,21,31,.5));border-color:#ff6f78}
.tm{position:relative;overflow:hidden;border:1.5px solid rgba(242,182,50,.28)}
.tm::after{content:"";position:absolute;right:0;bottom:0;width:60px;height:60px;background:var(--zz0) 0 0/30px;opacity:.22;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 100%,#000,transparent 70%);pointer-events:none}
.tm.cur{border-color:#f2b632;box-shadow:0 0 0 2px rgba(242,182,50,.45),0 8px 26px rgba(242,182,50,.3)}
.qb{border:1.5px solid rgba(242,182,50,.45)}.qb.go{background:linear-gradient(135deg,#ffe08a,#e39d17);color:#1a1205;border:0}
.win::before{content:"";position:absolute;left:50%;top:6px;width:210px;height:210px;transform:translateX(-50%);background:url("../assets/img/emblem-star.svg") center/contain no-repeat;opacity:.55;pointer-events:none}
.win>*{position:relative}.cup{filter:drop-shadow(0 6px 18px rgba(242,182,50,.55))}
.rk div{border:1px solid rgba(242,182,50,.3)}
#qz::before{width:118px;height:118px}#qz::after{width:118px;height:118px}
.win::before{top:-4px;width:185px;height:185px;opacity:.45}.win .cup{margin-bottom:8px}
.hero-l .ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 46% 52%,transparent 22%,rgba(10,26,58,.62) 72%)}

/* تنظيف: بدون نجمة الشعار ولا شارة العلم ولا شعار الترحيب؛ زخرفة اليسار مثل اليمين */
header::before{border:0;border-radius:0;width:140px;height:140px;background:var(--zz0) 0 0/52px;opacity:.45;-webkit-mask-image:linear-gradient(135deg,#000 25%,transparent 75%);mask-image:linear-gradient(135deg,#000 25%,transparent 75%)}
.hero-l .ph{background:var(--zz0) 0 0/50px,radial-gradient(circle at 42% 52%,rgba(242,182,50,.22),transparent 62%),linear-gradient(160deg,#16306a,#0a1a3b)}
.hero-l .ph::after{display:none}
.slider{padding-inline:56px}.slide{font-size:1.45rem}
/* ===== زخارف مستوحاة من الزليج ذي النجمة الاثنتي عشرية والضفائر ===== */
.rope-band{height:20px;margin:2px auto 10px;max-width:900px;background:var(--zz7) repeat-x center/auto 20px;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.page>h2.pt::after{content:"";display:block;height:14px;width:150px;margin-top:6px;background:var(--zz7) repeat-x left center/auto 14px;opacity:.9}
.sky{background:var(--zz7) repeat-x center bottom/auto 18px}
.hero-l .ph{background-size:56px,auto,auto}
@media(max-width:700px){.rope-band{margin-bottom:6px}}
:root:root{--zz0:url("../assets/img/pattern-star12-4.svg");--zz1:url("../assets/img/pattern-star12-5.svg");--zz2:url("../assets/img/pattern-star12-6.svg");--zz3:url("../assets/img/pattern-star12-7.svg");--zz7:url("../assets/img/rope-braid.svg")}.hero-l .ph::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,26,58,.4),rgba(10,26,58,.62))}
/* ===== الزخارف الأصلية من الصور: خط الزليج (زوايا وأزرار) + الزليج الملون (التذييل) ===== */
:root:root{--lg:url("../assets/img/zellige-line-motif.png");--zt:url("../assets/img/zellige-gold-tile.png")}
body::before,.mhero::after,.sky::before{display:none}
header::before{left:0;top:0;width:170px;height:185px;border:0;border-radius:0;background:var(--lg) 0 0/170px no-repeat;opacity:.8;-webkit-mask-image:linear-gradient(135deg,#000 22%,transparent 68%);mask-image:linear-gradient(135deg,#000 22%,transparent 68%)}
header::after{right:0;top:0;width:170px;height:185px;background:var(--lg) 100% 0/170px no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(225deg,#000 22%,transparent 68%);mask-image:linear-gradient(225deg,#000 22%,transparent 68%)}
.tile::after{width:60%;height:78%;background:var(--lg) 100% 100%/130px no-repeat;opacity:.85;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 25%,transparent 72%);mask-image:radial-gradient(circle at 100% 100%,#000 25%,transparent 72%)}
.t6::after{background-position:0 100%;-webkit-mask-image:radial-gradient(circle at 0 100%,#000 25%,transparent 72%);mask-image:radial-gradient(circle at 0 100%,#000 25%,transparent 72%)}
.t5::after{filter:brightness(0);opacity:.4}
.btn,.qb,.op,nav a.on{position:relative;overflow:hidden}
.btn::after,.qb::after,nav a.on::after{content:"";position:absolute;inset:0;background:var(--lg) center/cover;filter:brightness(0);opacity:.28;pointer-events:none}
#acc::after,.qb::after{filter:none;opacity:.22}
.qb.go::after,.btn.wa::after{filter:brightness(0);opacity:.28}
.op::after{content:"";position:absolute;inset:0;background:var(--lg) left center/auto 300%;opacity:.16;pointer-events:none}
.slider::before{width:48%;background:var(--lg) 0 50%/170px no-repeat;filter:brightness(0);opacity:.35;-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent);mask-image:linear-gradient(90deg,#000 20%,transparent)}
.hero-l .ph{background:var(--lg) 50% 50%/105% auto no-repeat,radial-gradient(circle at 42% 52%,rgba(242,182,50,.2),transparent 62%),linear-gradient(160deg,#16306a,#0a1a3b)}
.hero-l .ph::after{background:linear-gradient(160deg,rgba(10,26,58,.05),rgba(10,26,58,.25))}
#qz::before{width:160px;height:170px;border:0;border-radius:0;background:var(--lg) 0 0/160px no-repeat;opacity:.8;-webkit-mask-image:linear-gradient(135deg,#000 22%,transparent 68%);mask-image:linear-gradient(135deg,#000 22%,transparent 68%)}
#qz::after{width:160px;height:170px;border-radius:0;background:var(--lg) 100% 100%/160px no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(315deg,#000 22%,transparent 68%);mask-image:linear-gradient(315deg,#000 22%,transparent 68%)}
.qcard::before{width:120px;height:130px;background:var(--lg) 100% 0/120px no-repeat;opacity:.55;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 25%,transparent 72%);mask-image:radial-gradient(circle at 100% 0,#000 25%,transparent 72%)}
.tm::after{width:80px;height:90px;background:var(--lg) 100% 100%/80px no-repeat;opacity:.4}
.sky{height:200px;background:var(--zt) repeat-x center bottom/auto 200px;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}
footer.mf{padding-top:0}
footer.mf{background:linear-gradient(transparent 0,transparent 60px,#081c33 200px,#061226)}.tile::after{opacity:1}:root:root{--dv:url("../assets/img/divider-ornament.png")}
.fl{width:min(280px,72vw);height:26px;border-radius:0;background:var(--dv) center/contain no-repeat;filter:drop-shadow(0 2px 10px rgba(242,182,50,.35))}