/* namdi.tech — «قريبًا» (release 0943). No data, no script, no backend. Readex Pro from this site only. */
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 160 700; font-display: swap;
  src: url(/fonts/readexpro-160-700-normal-arabic.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 160 700; font-display: swap;
  src: url(/fonts/readexpro-160-700-normal-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --bg: #fcfdfe; --ink: #1b2537; --soft: #5c6b85; --ring: #dce6fa; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b101c; --ink: #eef2fa; --soft: #9aa8c2; --ring: #1d2a45; } }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--ink); }
body { font-family: "Readex Pro", system-ui, sans-serif; display: grid; place-items: center; padding: 24px; }
.soon { text-align: center; display: grid; justify-items: center; gap: 10px; }
.mark { width: 96px; height: 96px; padding: 14px; border-radius: 28px; background: color-mix(in srgb, var(--bg) 80%, #3b6cd4 6%);
  box-shadow: 0 0 0 3px var(--ring); animation: soon-in .6s ease-out both; }
h1 { margin: 18px 0 0; font-size: clamp(2.2rem, 6vw, 3.4rem); font-weight: 700; letter-spacing: 0; }
.soon-word { margin: 0; font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 500; color: #3b6cd4; }
.soon-line { margin: 6px 0 0; font-size: 1.05rem; font-weight: 300; color: var(--soft); }
@keyframes soon-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mark { animation: none; } }