@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(./tajawal-arabic-400-normal-CyCXRvzh.woff2) format("woff2"),url(./tajawal-arabic-400-normal-DCQxawbB.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(./tajawal-arabic-500-normal-BZ8ojJNu.woff2) format("woff2"),url(./tajawal-arabic-500-normal-CbVEaYEW.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(./tajawal-arabic-700-normal-D2-eand5.woff2) format("woff2"),url(./tajawal-arabic-700-normal-9L7Zusdl.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(./tajawal-latin-400-normal-BVNSOH3d.woff2) format("woff2"),url(./tajawal-latin-400-normal-BdYcZznU.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(./tajawal-latin-700-normal-BypgxfGb.woff2) format("woff2"),url(./tajawal-latin-700-normal-CV3bxpHe.woff) format("woff")}:root{--bg: #070d1a;--bg2: #0b1324;--panel: #0e1729;--panel2: #121d34;--line: #1c2a44;--text: #e6edf7;--muted: #8da0bd;--acc: #2fd1e8;--acc2: #4f8cff;--ok: #22c7a9;--warn: #f5b83d;--bad: #ff6b81;--radius: 18px;--side: 264px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,Segoe UI,Tahoma,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.35;margin:0 0 .5rem}h1{font-size:clamp(1.7rem,4vw,2.6rem)}h2{font-size:1.45rem}h3{font-size:1.1rem}p{margin:0 0 .75rem}button{font:inherit;color:inherit;cursor:pointer}ul,ol{margin:0;padding:0}small{color:var(--muted)}em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}.shell{display:flex;min-height:100vh}.side{position:fixed;inset-block:0;inset-inline-start:0;width:var(--side);z-index:40;background:var(--bg2);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;transform:translate(100%);transition:transform .25s}.side.open{transform:none}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px}.brand b{display:block;font-size:1.15rem}.brand small{display:block;line-height:1.2}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#04101e;background:linear-gradient(135deg,var(--acc),var(--acc2))}.side nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.side nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--muted)}.side nav a:hover{background:var(--panel);color:var(--text);text-decoration:none}.side nav a.on{background:linear-gradient(90deg,#2fd1e824,#4f8cff24);color:var(--text);box-shadow:inset 0 0 0 1px #2fd1e859}.side-foot{margin-top:auto;padding:12px 8px 0;font-size:.9rem}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:10px;align-items:center;padding:12px 16px;background:#070d1adb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:40px;height:40px;display:grid;place-items:center;flex:none}.icon-btn:hover{border-color:var(--acc)}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;text-align:start;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:var(--muted)}.search-box span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}kbd{border:1px solid var(--line);border-radius:6px;padding:0 6px;font-size:.75rem;font-family:inherit;direction:ltr}.cta{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#04101e;background:linear-gradient(135deg,var(--acc),var(--acc2));flex:none;box-shadow:0 0 22px #2fd1e859}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:22px 16px 40px}.foot{border-top:1px solid var(--line);padding:18px 16px;text-align:center;color:var(--muted);font-size:.9rem}.foot span{display:block}@media (min-width: 1024px){.side{transform:none}.main{margin-inline-start:var(--side)}.menu-btn,.scrim{display:none}.content{padding:30px 32px 56px}}.kicker{display:inline-flex;align-items:center;gap:8px;padding:3px 14px;border-radius:999px;font-size:.9rem;color:var(--acc);background:#2fd1e81a;border:1px solid rgba(47,209,232,.35);margin-bottom:12px}.page-head{margin-bottom:22px}.lead{font-size:1.15rem;color:#c3d0e6}.muted{color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:999px;font-size:.85rem;color:var(--chip, var(--acc));border:1px solid color-mix(in srgb,var(--chip, var(--acc)) 45%,transparent);background:color-mix(in srgb,var(--chip, var(--acc)) 10%,transparent)}.chip.small{font-size:.75rem;padding:0 9px;flex:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.block{margin-top:44px}.block.tight{margin-top:26px}.row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.grid{display:grid;gap:14px;margin-top:14px}.g3,.g4{grid-template-columns:1fr}@media (min-width: 640px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--text);display:block;text-align:start}.card.link:hover,.card.pick:hover{border-color:var(--acc);text-decoration:none;transform:translateY(-2px)}.card,.card.link{transition:transform .15s,border-color .15s}.card.pick{width:100%}.card.pick.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}.card p,.panel p{color:#b3c1d9}.ico{color:var(--acc);margin-bottom:8px}.panel.big{padding:22px}.panel h3{margin-bottom:10px}.panel.warn{border-color:#f5b83d73;background:#f5b83d0f}.stack{display:flex;flex-direction:column;gap:14px}.plain{list-style:none;display:flex;flex-direction:column;gap:6px}.ticks{list-style:none;display:flex;flex-direction:column;gap:8px}.ticks li{position:relative;padding-inline-start:26px}.ticks li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--ok);font-weight:700}.ticks.warn li:before{content:"!";color:var(--warn)}.tips p{display:flex;gap:8px;align-items:flex-start;background:#f5b83d14;border:1px solid rgba(245,184,61,.3);border-radius:12px;padding:10px 14px;color:#e9d9a8}.empty{color:var(--muted);padding:14px;border:1px dashed var(--line);border-radius:12px}.field{width:100%;max-width:380px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;margin:10px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);color:var(--text)}.btn:hover{border-color:var(--acc);text-decoration:none}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#04101e;border-color:transparent;font-weight:700}.flash{animation:flash 1.6s}@keyframes flash{0%,60%{box-shadow:0 0 0 3px var(--acc)}to{box-shadow:0 0 0 0 transparent}}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filters button{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 16px}.filters button.on{border-color:var(--acc);color:var(--acc)}.list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.list-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:var(--text)}.list-item:hover{border-color:var(--acc);text-decoration:none}.cols{display:grid;gap:22px;grid-template-columns:1fr}.cols aside{display:flex;flex-direction:column;gap:14px}@media (min-width: 900px){.cols{grid-template-columns:1fr 320px}}.shot{margin:12px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.shot img{display:block;width:100%;height:auto}.hero{display:grid;gap:22px;grid-template-columns:1fr;align-items:center;background:radial-gradient(1200px 400px at 80% 0,rgba(79,140,255,.16),transparent),var(--bg2);border:1px solid var(--line);border-radius:28px;padding:20px}@media (min-width: 900px){.hero{grid-template-columns:1fr 1fr;padding:32px}}.stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.stat{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.stat b{color:var(--text);font-size:1.15rem}.stat:hover{border-color:var(--acc);text-decoration:none}.actions{display:flex;flex-wrap:wrap;gap:10px}.grp{position:relative}.grp .dot{position:absolute;inset-block-start:18px;inset-inline-end:18px}.cta-band{margin-top:44px;text-align:center;padding:34px 18px;border-radius:28px;background:linear-gradient(135deg,#2fd1e81f,#4f8cff29);border:1px solid rgba(47,209,232,.3)}.city{position:relative;min-width:0}.city-svg{display:block;width:100%;height:auto;max-height:380px}.bld{cursor:pointer;outline:none}.bld polygon{transition:filter .15s}.bld:hover polygon,.bld:focus polygon,.bld.on polygon{filter:brightness(1.28)}.city-callout{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line);margin-top:6px;position:relative;min-height:72px}.city-callout svg{color:var(--ok);flex:none}.city-callout div{min-width:0}.city-callout b{display:block}.city-callout span{display:block;color:var(--muted);font-size:.92rem}.city-caption{text-align:center;color:var(--muted);font-size:.85rem;margin:8px 0 0}.tour{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 900px){.tour{grid-template-columns:260px 1fr}}.tour-steps{list-style:none;display:flex;flex-direction:column;gap:6px}.tour-steps button{width:100%;display:flex;align-items:center;gap:10px;text-align:start;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.tour-steps .on button{border-color:var(--acc)}.num{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--panel2);font-size:.85rem}.tour-steps .done .num{background:var(--ok);color:#04101e}.tour-steps .on .num{background:var(--acc);color:#04101e}.tour-nav{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.flow{list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:10px;margin-top:14px}.flow li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--panel2);border-radius:12px}.flow li>.chip{flex:none}.qa{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 16px;margin-bottom:10px}.qa summary{cursor:pointer;padding:14px 0;font-weight:700}.qa .links{display:flex;gap:14px}.lessons{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}.lesson{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.lesson>div{flex:1;min-width:0}.lesson p{margin:2px 0 4px;color:#b3c1d9}.lesson.done b{text-decoration:line-through;color:var(--muted)}.tick{width:26px;height:26px;flex:none;border-radius:8px;border:1px solid var(--muted);background:transparent;display:grid;place-items:center;color:#04101e}.lesson.done .tick{background:var(--ok);border-color:var(--ok)}.bar{height:6px;border-radius:6px;background:var(--panel2);overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}.imp-high{border-inline-start:4px solid var(--bad)}.imp-medium{border-inline-start:4px solid var(--warn)}.imp-low{border-inline-start:4px solid var(--ok)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.matrix{border-collapse:collapse;width:100%;min-width:560px}.matrix th,.matrix td{padding:9px 14px;text-align:start;border-bottom:1px solid var(--line);font-size:.92rem}.matrix th{background:var(--panel2);position:sticky;top:0}.palette-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;justify-content:center;align-items:flex-start;padding:8vh 14px 0}.palette{width:100%;max-width:640px;background:var(--bg2);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0009}.palette-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.palette-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:1.05rem}.palette-list{list-style:none;max-height:56vh;overflow-y:auto}.palette-list li{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer}.palette-list li.on{background:var(--panel2)}.palette-empty{color:var(--muted);cursor:default!important}