/* JahanClub coming-soon page. Tokens copied from design-system/tokens.css (light + night). No third-party resources. */
@font-face{font-family:'Vazirmatn';src:url('/fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
  --bg:#F7F8FB;--fg:#0E1430;--fg-2:#4A5470;--muted:#69738F;--surface:#FFFFFF;--border:#E3E7F0;
  --primary:#0D7871;--accent-text:#9A6210;--ring:#14B8AA;--gold:#F5B83D;--core:#FFF7E0;--play:#5B47E0;
  --chip-bg:#E8FBF9;--chip-fg:#0D7871;--star:rgba(14,20,48,.18);
  --font:'Vazirmatn','Segoe UI',Tahoma,system-ui,sans-serif;
  --ease-orbit:cubic-bezier(.22,1,.36,1);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0A0F1F;--fg:#F4F6FB;--fg-2:#AEB7D3;--muted:#8A93AE;--surface:#141B33;--border:#2A3558;
  --primary:#2FD3C5;--accent-text:#FBC957;--ring:#2FD3C5;--chip-bg:rgba(47,211,197,.14);--chip-fg:#2FD3C5;--star:rgba(244,246,251,.55);
}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
.stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 16px 24px;overflow:hidden}
.sky{position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1.5px 1.5px at 12% 18%,var(--star),transparent),radial-gradient(1.5px 1.5px at 82% 12%,var(--star),transparent),
  radial-gradient(1px 1px at 28% 72%,var(--star),transparent),radial-gradient(1.5px 1.5px at 70% 66%,var(--star),transparent),
  radial-gradient(1px 1px at 91% 84%,var(--star),transparent),radial-gradient(1px 1px at 6% 90%,var(--star),transparent)}
.brand,.hero,.contact,.foot{position:relative;width:100%;max-width:640px;text-align:center}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px}
.mark{width:132px;height:132px}
.mark svg{width:100%;height:100%;display:block}
.mark .ring{fill:var(--ring)}
.mark .core{fill:var(--core);stroke:var(--gold)}
.mark .orbiter circle{fill:var(--ring)}
.mark .orbiter{transform-box:view-box;transform-origin:50% 50%;animation:orbit 14s linear infinite}
.mark .core{animation:glow 4.2s var(--ease-orbit) infinite alternate}
@keyframes orbit{to{transform:rotate(-360deg)}}
@keyframes glow{from{opacity:.86}to{opacity:1}}
.name{margin:0;font-weight:800;font-size:22px;letter-spacing:0}
.chip{display:inline-block;margin:0 0 12px;padding:2px 14px;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg);font-weight:600;font-size:14px}
h1{margin:0 0 12px;font-weight:800;font-size:clamp(34px,8vw,56px);line-height:1.3}
.lead{margin:0 auto 20px;max-width:34em;color:var(--fg-2);font-size:17px}
.lead strong{color:var(--fg)}
.points{list-style:none;margin:0 auto;padding:0;display:grid;gap:10px;max-width:34em;text-align:start}
.points li{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;color:var(--fg-2);font-size:15px}
.dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:9px}
.dot.gold{background:var(--gold)}.dot.teal{background:var(--ring)}.dot.violet{background:var(--play)}
.contact{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 16px}
.contact h2{margin:0 0 4px;font-size:20px}
.contact p{margin:4px 0;color:var(--fg-2)}
.ltr{direction:ltr;unicode-bidi:isolate}
.contact a{color:var(--primary);font-weight:600;text-decoration:none;display:inline-block;min-height:44px;line-height:44px;padding:0 8px}
.contact a:hover,.contact a:focus-visible{text-decoration:underline}
a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}
.foot{margin-top:auto;color:var(--muted);font-size:13px}
.foot p{margin:4px 0}
.legal{max-width:40em;margin-inline:auto}
@media (prefers-reduced-motion:reduce){.mark .orbiter,.mark .core{animation:none}}