/* اتنقل من templates/coming_soon.html عشان المتصفح يخزّنه (Cache) */
/* صفحة «قريباً» — بألوان وخطوط الموقع نفسه (متغيرات style.css) */
.soon-wrap { min-height: calc(100vh - 260px); display: grid; place-items: center; padding: 48px 16px 64px; }
.soon-card {
  position: relative; width: min(560px, 100%); text-align: center; background: var(--surface);
  border: 1px solid var(--line); border-top: 4px solid var(--gold-bright); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md); padding: 40px 28px 32px; overflow: hidden;
}
.soon-card::before {
  content: ""; position: absolute; inset: -40% -30% auto auto; width: 280px; height: 280px; border-radius: 50%;
  background: radial-gradient(closest-side, var(--brand-wash), transparent); pointer-events: none;
}
.soon-icon {
  position: relative; width: 84px; height: 84px; margin: 0 auto 18px; border-radius: 50%;
  display: grid; place-items: center; background: var(--brand-wash); color: var(--brand);
}
.soon-icon svg { width: 44px; height: 44px; }
.soon-chip {
  display: inline-block; margin-bottom: 14px; padding: 4px 14px; border-radius: 999px; font-size: 0.85rem; font-weight: 700;
  background: var(--gold-wash); color: var(--gold); font-family: var(--font-display);
}
.soon-card h1 { font-family: var(--font-display); color: var(--brand); font-size: clamp(1.4rem, 4.2vw, 1.9rem); margin: 0 0 12px; line-height: 1.5; }
.soon-card p { color: var(--ink-soft); font-size: 1.02rem; line-height: 1.9; margin: 0 auto 26px; max-width: 42ch; }
.soon-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.soon-bar { height: 6px; width: 140px; margin: 26px auto 0; border-radius: 999px; background: var(--brand-wash); overflow: hidden; }
.soon-bar span { display: block; height: 100%; width: 40%; border-radius: inherit; background: linear-gradient(90deg, var(--brand-bright), var(--gold-bright));
  animation: soon-slide 1.8s ease-in-out infinite; }
@keyframes soon-slide { 0% { transform: translateX(160%); } 100% { transform: translateX(-260%); } }
@media (prefers-reduced-motion: reduce) { .soon-bar span { animation: none; width: 60%; } }