:root{--bg:#fff;--fg:#161616;--muted:#6a6a6a;--line:#e6e6e6;--soft:#f5f5f5;--accent:#161616;--ok:#1a7f37;--bad:#b42318;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#ededed;--muted:#9a9a9a;--line:#2a2a2a;--soft:#1b1b1b;--accent:#ededed}}:root{--on-accent:var(--bg);--c-eng:#2f6fed;--c-data:#8b5cf6;--c-infra:#e8890c;--c-product:#e5487a;--c-egypt:#c99a2e;--c-mena:#0f9d8a;--c-remote:#2f6fed;--c-pay:#1a8a4a}html[data-accent=nile]{--accent:#0e8c7c;--on-accent:#fff;--accent-soft:#e3f4f1}html[data-accent=sunset]{--accent:#ef5a2f;--on-accent:#fff;--accent-soft:#fdece6}html[data-accent=electric]{--accent:#5048e5;--on-accent:#fff;--accent-soft:#ebeafd}@media (prefers-color-scheme:dark){html[data-accent=nile]{--accent:#2cc4ae;--on-accent:#06201c;--accent-soft:#0f2a26}html[data-accent=sunset]{--accent:#ff7a50;--on-accent:#2a0d03;--accent-soft:#2d1710}html[data-accent=electric]{--accent:#8a84ff;--on-accent:#0d0b2e;--accent-soft:#1b1a3a}}.tint{background:color-mix(in srgb,var(--c)13%,transparent);color:color-mix(in srgb,var(--c)80%,var(--fg))}.c-eng{--c:var(--c-eng)}.c-data{--c:var(--c-data)}.c-infra{--c:var(--c-infra)}.c-product{--c:var(--c-product)}.c-egypt{--c:var(--c-egypt)}.c-mena{--c:var(--c-mena)}.c-remote{--c:var(--c-remote)}.c-pay{--c:var(--c-pay)}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:inherit}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.site-header .row{min-height:56px}.brand{font-weight:600;text-decoration:none}nav{align-items:center;gap:16px;display:flex}nav a{text-decoration:none}.site-footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:32px;padding-bottom:48px;font-size:13px;display:flex}h1{letter-spacing:-.01em;margin:32px 0 6px;font-size:28px;line-height:1.2}h2{margin:32px 0 12px;font-size:18px}.button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);font:inherit;cursor:pointer;border:0;padding:10px 16px;font-weight:500;text-decoration:none;display:inline-block}.button.small{padding:6px 12px;font-size:13px}.button.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.button.bad{background:var(--bad);color:#fff}input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:9px 11px}textarea{resize:vertical;min-height:160px}label{gap:4px;font-size:14px;font-weight:500;display:grid}label .hint{font-weight:400}.filters{grid-template-columns:1fr auto auto auto;gap:8px;margin:20px 0 8px;display:grid}.filters .search{position:relative}.filters kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:6px;margin:8px 0 16px;display:flex}.chip{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;text-decoration:none}.chip[aria-current=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.jobs{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.job a{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:14px 4px;text-decoration:none;display:grid}.job a:hover{background:var(--soft)}.logo{border-radius:var(--radius);background:var(--soft);border:1px solid var(--line);flex:none;place-items:center;font-size:12px;font-weight:600;display:grid;overflow:hidden}.logo img{object-fit:cover;background:#fff;width:100%;height:100%}.heading-with-logo{align-items:center;gap:14px;margin-top:24px;display:flex}.heading-with-logo h1{margin:0}.job .title{font-weight:500}.job .meta,.job .when{color:var(--muted);font-size:13px}.job .when{text-align:right;white-space:nowrap}.tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{background:var(--soft);border-radius:4px;padding:1px 7px;font-size:12px}.tag.pay{font-weight:600}.region{border-radius:4px;padding:1px 7px;font-size:12px;font-weight:500;display:inline-block}.job a:hover .title,.brand:hover{color:var(--accent)}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.site-header{border-bottom:2px solid var(--accent-soft,var(--line))}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}@media (max-width:640px){.filters{grid-template-columns:1fr 1fr}.filters .search,.filters button{grid-column:1/-1}.job a{grid-template-columns:36px 1fr}.job .when{display:none}}.detail{grid-template-columns:1fr 260px;align-items:start;gap:32px;display:grid}.detail aside{border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:16px;display:grid;position:-webkit-sticky;position:sticky;top:16px}.detail .description{white-space:pre-wrap}.facts{gap:6px;font-size:14px;display:grid}@media (max-width:760px){.detail{grid-template-columns:1fr}.detail aside{position:static}}.form{gap:16px;max-width:640px;margin:16px 0;display:grid}.form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form .three{grid-template-columns:1fr 1fr 110px;gap:12px;display:grid}.check{align-items:center;gap:8px;font-weight:400;display:flex}.check input{width:auto}.notice{border:1px solid var(--line);background:var(--soft);border-radius:var(--radius);padding:12px 14px}.notice.ok{border-color:var(--ok)}.notice.bad{border-color:var(--bad)}.hp{position:absolute;left:-9999px}.subscribe{border:1px solid var(--line);border-radius:var(--radius);margin:32px 0 0;padding:16px}.subscribe form{gap:8px;margin-top:8px;display:flex}.review{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:16px}.review .actions{gap:8px;margin-top:12px;display:flex}table.plain{border-collapse:collapse;width:100%;font-size:14px}table.plain td,table.plain th{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}
