:root{--ink:#1C1C1E;--paper:#FBFBFB;--grey:#E7E7E9;--mid:#6b6b70;--amber:#B8790A;--amber-bg:#FBF3E3;--green:#1f6f4a;--green-bg:#e4f1ea;--red:#8a2f22;--red-bg:#f6e3df;--blue:#2f4f7f;--blue-bg:#e4ebf5;--soft:#F3F3F4}
*{box-sizing:border-box}
body{margin:0;font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--paper)}
a{color:var(--ink)}
.mono{font-family:"IBM Plex Mono",monospace}
.ar{font-family:"IBM Plex Sans Arabic",sans-serif;direction:rtl}
header.top{background:#fff;border-bottom:1px solid var(--grey);position:sticky;top:0;z-index:5}
header.top .in{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
header.top img{height:34px}
header.top .brand{font-weight:600;letter-spacing:.02em}
header.top nav{display:flex;gap:4px;margin-left:8px;flex-wrap:wrap}
header.top nav a{text-decoration:none;padding:6px 10px;border-radius:6px;color:var(--mid);font-weight:500}
header.top nav a.on,header.top nav a:hover{background:var(--soft);color:var(--ink)}
header.top .me{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--mid);font-size:13px}
main{max-width:1180px;margin:0 auto;padding:24px 20px 60px}
h1{font-size:22px;font-weight:700;margin:0 0 4px}
h2{font-size:16px;font-weight:600;margin:22px 0 8px}
.sub{color:var(--mid);margin:0 0 18px;max-width:80ch}
.flash{padding:10px 14px;border-radius:6px;margin:0 0 16px;border-left:3px solid}
.flash.ok{background:var(--green-bg);border-color:var(--green)}
.flash.error{background:var(--red-bg);border-color:var(--red)}
.card{background:#fff;border:1px solid var(--grey);border-radius:8px;padding:16px 18px}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:800px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.g2,.g3,.g4{grid-template-columns:1fr}}
.kpi b{display:block;font-family:"IBM Plex Mono",monospace;font-size:22px;font-weight:500}
.kpi span{color:var(--mid);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--grey);border-radius:8px;overflow:hidden}
th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);padding:9px 10px;background:var(--soft);border-bottom:1px solid var(--grey)}
td{padding:9px 10px;border-bottom:1px solid var(--grey);vertical-align:top}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;font-family:"IBM Plex Mono",monospace;white-space:nowrap}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--mid);white-space:nowrap;font-weight:500}
.pill.open,.pill.hired,.pill.credited,.pill.active,.pill.paid{background:var(--green-bg);color:var(--green)}
.pill.submitted,.pill.owned,.pill.screened,.pill.pending,.pill.started{background:var(--blue-bg);color:var(--blue)}
.pill.shortlisted,.pill.interview,.pill.offer,.pill.applied{background:var(--amber-bg);color:var(--amber)}
.pill.rejected,.pill.withdrawn,.pill.suspended,.pill.left,.pill.cancelled{background:var(--red-bg);color:var(--red)}
.bounty{font-family:"IBM Plex Mono",monospace;font-size:18px;font-weight:500}
.bounty small{font-size:11px;color:var(--mid);font-family:"IBM Plex Sans",sans-serif;font-weight:400}
form.inline{display:inline}
label{display:block;font-size:12px;color:var(--mid);margin:10px 0 3px;font-weight:500}
input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid #cfcfd3;border-radius:6px;background:#fff}
textarea{min-height:90px}
input[type=checkbox]{width:auto}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.row{grid-template-columns:1fr}}
button,.btn{font:inherit;font-weight:600;padding:8px 14px;border-radius:6px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost,button.ghost{background:#fff;color:var(--ink)}
.btn.sm,button.sm{padding:4px 10px;font-size:12px;font-weight:500}
.btn.danger,button.danger{border-color:var(--red);color:var(--red);background:#fff}
select.sm{width:auto;padding:4px 8px;font-size:12px}
.job{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}
.job h3{margin:0 0 2px;font-size:16px}
.muted{color:var(--mid)}
.note{font-size:12px;color:var(--mid)}
.hint{background:var(--amber-bg);border-left:3px solid var(--amber);padding:8px 12px;border-radius:4px;font-size:13px}
.hero{padding:40px 0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
@media(max-width:800px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:34px;line-height:1.15;margin-bottom:12px}
.hero .ar{font-size:26px;font-weight:600;margin-bottom:8px;text-align:end}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}
@media(max-width:800px){.steps{grid-template-columns:1fr 1fr}}
.steps div{background:#fff;border:1px solid var(--grey);border-radius:8px;padding:12px}
.steps b{display:block;font-family:"IBM Plex Mono",monospace;color:var(--mid);font-size:12px;margin-bottom:4px}
footer{border-top:1px solid var(--grey);color:var(--mid);font-size:12px;padding:16px 20px;text-align:center;font-family:"IBM Plex Mono",monospace}
.stack>*+*{margin-top:10px}
.right{text-align:right}
details summary{cursor:pointer;font-weight:500}

/* ---- legal pages ---- */
.legal{max-width:760px}
.legal h2{font-size:17px;margin:26px 0 8px}
.legal p,.legal li{font-size:15px;line-height:1.75}
.legal ul{padding-inline-start:20px}
.legal li{margin-bottom:7px}
.legal .mono{font-family:"IBM Plex Mono",monospace;font-size:13px}
.terms-check{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:14px}
.terms-check input{margin-top:3px}