/* بوابة التدشين — تُخفي المنصة حتى إعلان التدشين، وتعرض العد التنازلي */
html:not(.gate-open) body > header,
html:not(.gate-open) body > main,
html:not(.gate-open) body > footer { visibility: hidden; }

#gate {
  position: fixed; inset: 0; z-index: 1000; direction: rtl;
  background: radial-gradient(ellipse at 50% 38%, #164a3c 0%, #0c2e25 62%, #081f19 100%);
  color: #f5efe4; display: grid; place-items: center; text-align: center;
  padding: 24px 16px; overflow: auto;
  transition: opacity .9s ease, visibility 0s linear .9s;
}
html.gate-open #gate { opacity: 0; visibility: hidden; pointer-events: none; }
#gate .g-inner { max-width: 860px; width: 100%; }
#gate .g-seal {
  width: 92px; height: 92px; margin: 0 auto 22px; border: 1.5px solid #bd8f45; border-radius: 3px;
  display: grid; place-items: center; font: 700 44px Amiri, serif; color: #e2bd74;
}
#gate .g-kicker { font: 600 clamp(13px, 2.2vw, 16px) Kufi, sans-serif; color: #d0ad70; letter-spacing: 0; margin: 0 0 10px; }
#gate h1 { font: 700 clamp(40px, 8vw, 84px)/1.2 Amiri, serif; color: #fffdf8; margin: 0; }
#gate .g-tag { font: 600 clamp(16px, 2.8vw, 22px) Kufi, sans-serif; color: #e2bd74; margin: 10px 0 0; }
#gate .g-line { width: 180px; height: 2px; margin: 22px auto; background: linear-gradient(90deg, transparent, #e2bd74, transparent); }
#gate .g-sub { font: 400 clamp(17px, 3vw, 24px)/1.8 Amiri, serif; color: #e8dcc7; margin: 0 auto 30px; max-width: 640px; }
#gate .g-count { display: flex; justify-content: center; gap: clamp(8px, 2vw, 18px); flex-wrap: wrap; }
#gate .g-cell { min-width: clamp(68px, 16vw, 112px); padding: 14px 8px 10px; border: 1px solid rgba(226,189,116,.35); background: rgba(255,253,248,.04); border-radius: 4px; }
#gate .g-cell b { display: block; font: 700 clamp(30px, 7vw, 56px)/1 Kufi, sans-serif; color: #fffdf8; font-variant-numeric: tabular-nums; }
#gate .g-cell span { display: block; margin-top: 8px; font: 500 13px Kufi, sans-serif; color: #d0ad70; }
#gate .g-soon { font: 600 clamp(16px, 2.6vw, 20px) Kufi, sans-serif; color: #e2bd74; }
#gate .g-foot { margin-top: 34px; font: 400 13px Kufi, sans-serif; color: rgba(232,220,199,.7); }
#gate .g-flash { position: fixed; inset: 0; background: radial-gradient(circle, rgba(226,189,116,.55), transparent 60%); opacity: 0; pointer-events: none; }
html.gate-reveal #gate .g-flash { animation: gflash 1.1s ease forwards; }
@keyframes gflash { 0% { opacity: 0 } 35% { opacity: 1 } 100% { opacity: 0 } }
@media (prefers-reduced-motion: reduce) { #gate { transition: none } html.gate-reveal #gate .g-flash { animation: none } }