/* === Part Hirad | Coming Soon (Blue Neon) === */
:root{
  --ph-blue: #0b65d8;
  --ph-cyan: #17c7e3;
  --ph-deep: #05142e;
  --ph-text: #e6f2ff;
  --glow: 0 0 12px rgba(23,199,227,.55), 0 0 28px rgba(11,101,216,.45);
}

.ph-coming-hero{
  position: relative;
  min-height: 60vh;
  display: grid;
  place-items: center;
  padding: clamp(16px, 4vw, 48px);
  overflow: hidden;
  direction: rtl;
  text-align: center;
  background: radial-gradient(1200px 500px at 70% 0%, rgba(23,199,227,.18), transparent 60%),
              radial-gradient(900px 400px at 30% 100%, rgba(11,101,216,.22), transparent 60%),
              linear-gradient(160deg, #0a1f3f 0%, #061831 45%, #041223 100%);
  color: var(--ph-text);
}

.ph-coming-hero .ph-wrap{
  max-width: 980px;
  width: min(96%, 980px);
  margin-inline: auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 10px;
}

.ph-coming-hero .ph-logo{
  width: clamp(64px, 14vw, 120px);
  height: auto;
  opacity: .96;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.35));
}

.ph-coming-hero h1{
  font-family: Vazirmatn, Vazir, IRANSans, "Segoe UI", Tahoma, sans-serif;
  font-weight: 900;
  font-size: clamp(34px, 7vw, 68px);
  margin: 6px 0 2px 0;
  letter-spacing: .3px;
  text-shadow: var(--glow);
}

.ph-coming-hero .en{
  font-family: "Segoe UI", Tahoma, sans-serif;
  font-weight: 800;
  font-size: clamp(18px, 3.6vw, 30px);
  letter-spacing: .8px;
  opacity: .96;
  text-shadow: var(--glow);
}

.ph-coming-hero .hint{
  margin-top: 12px;
  font-size: clamp(13px, 2.8vw, 15px);
  color: #cfe9ff;
  opacity: .9;
}

/* Neon blink/pulse (gentle, readable) */
@keyframes phBlink {
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 0 rgba(23,199,227,0)); }
  40% { opacity: .65; filter: drop-shadow(0 0 14px rgba(23,199,227,.45)); }
  60% { opacity: .85; filter: drop-shadow(0 0 10px rgba(11,101,216,.35)); }
}

.ph-animate{
  animation: phBlink 1.8s ease-in-out infinite;
}

.ph-animate.alt{
  animation-duration: 2.2s;
  animation-delay: .25s;
}

@media (prefers-reduced-motion: reduce){
  .ph-animate, .ph-animate.alt{ animation: none !important; }
}

.ph-coming-hero.round{
  border-radius: 20px;
  box-shadow: 0 16px 48px rgba(2,12,33,.25);
  border: 1px solid rgba(255,255,255,.06);
}