.coming-soon {
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px 80px;
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(0,155,213,0.16), transparent 60%),
    radial-gradient(900px 500px at 100% 10%, rgba(252,203,6,0.12), transparent 55%),
    var(--bg-body, #EDF7F6);
}

.coming-soon-card {
  width: 100%;
  max-width: 680px;
  padding: 56px 48px;
  text-align: center;
  border-radius: 24px;
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.5);
  box-shadow: 0 20px 60px rgba(9,42,67,0.14);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
}

.coming-soon-card .tag {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  background: rgba(0,115,199,0.12);
  color: var(--color-primary, #0073C7);
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 22px;
}

.coming-soon-card h1 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  color: var(--color-dark, #222E50);
  margin: 0 0 18px;
  line-height: 1.2;
}

.coming-soon-card p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--text-muted, #55606e);
  max-width: 46ch;
  margin: 0 auto 30px;
}

.coming-soon-card .actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.coming-soon-card .actions a {
  padding: 13px 26px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: transform .2s ease, box-shadow .2s ease;
}

.coming-soon-card .actions .primary {
  background: linear-gradient(135deg, var(--color-primary, #0073C7), var(--color-secondary, #009BD5));
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,115,199,0.32);
}
.coming-soon-card .actions .primary:hover { transform: translateY(-2px); }

.coming-soon-card .actions .secondary {
  background: transparent;
  color: var(--color-dark, #222E50);
  border: 1px solid rgba(34,46,80,0.25);
}
.coming-soon-card .actions .secondary:hover {
  border-color: var(--color-primary, #0073C7);
  color: var(--color-primary, #0073C7);
}