:root{--bg:#f6f6f7;--fg:#0e0f13;--fg2:#474852;--accent:#4a4fd1;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0b0c0f;--fg:#ececf0;--fg2:#a8a9b4;--accent:#8b8ff0}}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",sans-serif;display:grid;place-items:center;padding:24px;text-align:center}
.mark{width:28px;height:28px;margin:0 auto 20px;border:5px solid var(--accent);transform:rotate(45deg);border-radius:4px}
h1{margin:0;font-size:clamp(28px,6vw,44px);letter-spacing:.18em;font-weight:700;padding-inline-start:.18em}
.tag{margin:10px 0 0;color:var(--fg2);font-size:16px}
.soon{margin:28px 0 0;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2)}
.ar{margin:10px 0 0;font-size:15px;color:var(--fg2)}