:root{
  --ink:#0E1B2A; --canvas:#F3F5F7; --surface:#fff; --line:#E2E7EC; --muted:#6B7A8A; --text:#14212E;
  --accent:#0B8F9C; --good:#1E9E5A; --bad:#D14343; --warn:#C98A0B;
  --display:"Readex Pro","IBM Plex Sans Arabic",Tahoma,sans-serif;
  --body:"IBM Plex Sans Arabic","Readex Pro",Tahoma,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{ --canvas:#0F1924; --surface:#16222F; --line:#243343; --muted:#8FA0B2; --text:#E6EDF3; --accent:#2BB8C4; color-scheme:dark; }
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--canvas);color:var(--text);font-family:var(--body);line-height:1.6}
.wrap{max-width:440px;margin:0 auto;padding:56px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.mark{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#0B8F9C,#2BB8C4);display:grid;place-items:center;box-shadow:0 12px 30px -10px #0B8F9C99}
h1{font-family:var(--display);font-size:32px;margin:6px 0 0}
h2{font-family:var(--display);font-size:16px;margin:0 0 10px}
.sub{margin:0;color:var(--muted)}
.card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:18px;text-align:start}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.checks li{display:flex;align-items:center;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--line)}
li.ok .dot{background:var(--good)} li.fail .dot{background:var(--bad)}
.note{margin:12px 0 0;font-size:14px;color:var(--muted)}
.foot{color:var(--muted);font-size:13px;margin-top:14px}
.links{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.lnk{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 16px;text-decoration:none;font-weight:600}
.lnk.pri{background:var(--accent);border-color:var(--accent);color:#fff}