:root,[data-theme=emerald]{--bg:#F4F3EE;--surface:#FFFFFF;--surface-2:#FBFAF6;--ink:#181C18;--ink-2:#565E56;--muted:#8C9188;--brand:#0F4D3A;--brand-2:#17694F;--brand-soft:#E7F0EB;--accent:#C0964A;--accent-soft:#F4EAD4;--line:#E8E6DD;--line-2:#EFEDE5;--side:#0E3E2F;--side-2:#0B3327;--side-ink:#C9D8CF;--side-mut:#7C9A8B;--side-active:#17553F;color-scheme:light}[data-theme=sand]{--bg:#FAF6EF;--surface:#FFFDF9;--surface-2:#F5EEE1;--ink:#2C2722;--ink-2:#6B6157;--muted:#8A8073;--brand:#B0673F;--brand-2:#96552F;--brand-soft:#F3E7DD;--accent:#7C8A6E;--accent-soft:#EAEDE3;--line:#E7DCCB;--line-2:#EFE7D8;--side:#3A2E24;--side-2:#2E241C;--side-ink:#E7DBC9;--side-mut:#A79684;--side-active:#4A3A2C;color-scheme:light}[data-theme=sepia]{--bg:#F3E9D6;--surface:#FBF3E3;--surface-2:#EFE3CC;--ink:#3B2F1E;--ink-2:#6E5D45;--muted:#97866A;--brand:#8A5A2B;--brand-2:#A06A34;--brand-soft:#EADAC0;--accent:#6B7B52;--accent-soft:#E4E5CF;--line:#E0D2B8;--line-2:#E8DCC5;--side:#4A3925;--side-2:#3B2D1C;--side-ink:#EADBC2;--side-mut:#B09A78;--side-active:#5A4630;color-scheme:light}[data-theme=ocean]{--bg:#EFF3F5;--surface:#FFFFFF;--surface-2:#F6F9FA;--ink:#16232B;--ink-2:#4C5C66;--muted:#8496A0;--brand:#1F6E7A;--brand-2:#2A8794;--brand-soft:#DFEEF0;--accent:#C6923C;--accent-soft:#F2E6CE;--line:#E1E8EC;--line-2:#EAEFF2;--side:#10333B;--side-2:#0C282F;--side-ink:#C4DADF;--side-mut:#71939C;--side-active:#194955;color-scheme:light}[data-theme=night]{--bg:#14171A;--surface:#1B1F23;--surface-2:#22272B;--ink:#ECEFEA;--ink-2:#A8B0AA;--muted:#7C857E;--brand:#4FB894;--brand-2:#6FCBAB;--brand-soft:#193029;--accent:#D8B15E;--accent-soft:#33291552;--line:#2C3237;--line-2:#262B30;--side:#0D1013;--side-2:#0A0C0F;--side-ink:#C6CEC7;--side-mut:#6E766F;--side-active:#1A2A24;color-scheme:dark}:root{--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--wrap:1160px;--shadow:0 1px 2px rgba(30,30,20,.05),0 12px 34px rgba(40,40,25,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}[dir=rtl] body{font-family:"Geeza Pro","Noto Naskh Arabic",var(--sans)}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:600;line-height:1.18;letter-spacing:-.01em;color:var(--ink)}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}.eyebrow{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:600}.btn{display:inline-flex;align-items:center;gap:.5em;border-radius:100px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:.16s;font-family:var(--sans)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-2)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn-gold{background:var(--accent);color:#2a2110}.btn-outline-accent{background:var(--surface);border:1.5px solid var(--accent);color:var(--brand)}.btn-sm{padding:9px 17px;font-size:14px;border-radius:100px}header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:22px;height:70px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}.brand .mark{width:30px;height:30px;flex:0 0 auto}.nav .links{display:flex;gap:22px;margin-inline-start:12px}.nav .links a{font-size:15px;color:var(--ink-2);font-weight:500;padding:6px 0;position:relative}.nav .links a:hover{color:var(--ink)}.nav .right{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.selectlike{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:100px;padding:8px 30px 8px 14px;font-size:14px;color:var(--ink-2);font-family:var(--sans);cursor:pointer}.signin{font-size:15px;font-weight:600;color:var(--ink)}.signin:hover{color:var(--brand)}.themebtn{width:36px;height:36px;border-radius:100px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}.themebtn:hover{border-color:var(--brand);color:var(--brand)}.thememenu{position:absolute;top:60px;inset-inline-end:26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none;z-index:60;min-width:180px}.thememenu.open{display:block}.thememenu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--ink);font-family:var(--sans);text-align:start}.thememenu button:hover{background:var(--bg)}.swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% -20%,var(--brand-soft),transparent 55%)}.hero .arch{position:absolute;inset-inline-end:5%;top:-8%;height:118%;opacity:.4;pointer-events:none}.hero-inner{position:relative;padding:70px 0 58px;max-width:660px}.hero h1{font-size:clamp(34px,4.7vw,54px);margin:14px 0 0}.hero .lede{font-size:clamp(17px,1.7vw,19px);color:var(--ink-2);margin:18px 0 0;max-width:560px}.herosearch{display:flex;gap:10px;margin-top:28px;max-width:540px}.herosearch input{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:100px;padding:15px 22px;font-size:16px;font-family:var(--sans);color:var(--ink)}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:100px;padding:7px 15px;font-size:13.5px;color:var(--ink-2);cursor:pointer;font-family:var(--sans)}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.freecta{margin-top:26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.freenote{font-size:14px;color:var(--muted);max-width:320px}.freenote b{color:var(--ink-2)}section.block{padding:76px 0}.block.tight{padding:54px 0}.altbg{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.head h2{font-size:clamp(26px,3.3vw,35px)}.head p{color:var(--ink-2);font-size:16px;margin-top:9px;max-width:520px}.head a.more{white-space:nowrap;color:var(--brand);font-weight:600;font-size:15px}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column}.course:hover{transform:translateY(-3px)}.course .top{height:120px;position:relative;display:flex;align-items:flex-end;padding:12px}.course .top svg{position:absolute;inset:0;width:100%;height:100%}.course .top .tag{position:relative;z-index:2;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink);font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:100px}.course .body{padding:16px 20px 20px;display:flex;flex-direction:column;flex:1}.course h3{font-size:19px;margin-bottom:7px}.course .desc{font-size:14px;color:var(--ink-2);line-height:1.55;flex:1}.course .meta{display:flex;align-items:center;gap:11px;margin-top:15px;font-size:12.5px;color:var(--muted)}.course .meta .cert{color:var(--accent);font-weight:700}.course .meta .price{margin-inline-start:auto;color:var(--ink);font-weight:700;font-size:14px}.course .meta .free{margin-inline-start:auto;color:var(--brand);font-weight:700}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface);box-shadow:var(--shadow);transition:.18s}.cat:hover{transform:translateY(-2px);border-color:var(--brand)}.cat .ic{width:27px;height:27px;color:var(--brand);margin-bottom:12px}.cat h3{font-size:17px}.cat p{font-size:12.5px;color:var(--muted);margin-top:4px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.pillar{display:flex;gap:13px;align-items:flex-start}.pillar .ic{width:26px;height:26px;color:var(--brand);flex:0 0 auto;margin-top:2px}.pillar h3{font-size:16.5px;margin-bottom:3px}.pillar p{font-size:13.5px;color:var(--ink-2);line-height:1.5}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post{border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column}.post:hover{transform:translateY(-3px)}.post .ph{height:140px;position:relative}.post .ph svg{position:absolute;inset:0;width:100%;height:100%}.post .pb{padding:20px}.post .ptag{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);font-weight:700}.post h3{font-size:18px;margin:8px 0}.post .ex{font-size:13.5px;color:var(--ink-2);line-height:1.55}.post .pmeta{font-size:12.5px;color:var(--muted);margin-top:12px}.ctaband{background:var(--side);color:var(--side-ink);text-align:center;padding:70px 0;position:relative;overflow:hidden}.ctaband h2{color:#fff;font-size:clamp(26px,3.5vw,37px)}.ctaband p{color:var(--side-ink);opacity:.85;margin:13px auto 26px;max-width:520px;font-size:16.5px}footer.site{background:var(--surface-2);border-top:1px solid var(--line);padding:52px 0 28px;font-size:14.5px;color:var(--ink-2)}.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;margin-bottom:36px}footer.site h4{font-family:var(--sans);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:700}footer.site ul{list-style:none;margin:0;padding:0}footer.site li{margin-bottom:9px}footer.site li a:hover{color:var(--brand)}.fbot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13.5px}.flangs{display:flex;gap:14px;flex-wrap:wrap}@media (max-width:900px){.nav .links,.signin{display:none}.courses,.posts,.cats,.pillars,.fcols{grid-template-columns:1fr 1fr}}@media (max-width:560px){.courses,.posts,.cats,.pillars,.fcols{grid-template-columns:1fr}.hero-inner{padding:48px 0 44px}.herosearch{flex-direction:column}}
