/* ============================================
   LPO PLATFORM — Coming Soon
   ============================================ */

.lpo-coming-soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  text-align: center;
  padding: var(--lpo-space-3xl) var(--lpo-space-lg);
}

.lpo-coming-soon__icon {
  width: 96px;
  height: 96px;
  border-radius: var(--lpo-radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  margin-bottom: var(--lpo-space-xl);
  background: var(--lpo-accent-light);
  color: var(--lpo-accent);
}

.lpo-coming-soon__title {
  font-size: var(--lpo-text-3xl);
  font-weight: var(--lpo-font-bold);
  color: var(--lpo-text);
  margin: 0 0 var(--lpo-space-sm);
}

.lpo-coming-soon__module {
  font-size: var(--lpo-text-lg);
  color: var(--lpo-text-secondary);
  margin: 0 0 var(--lpo-space-lg);
}

.lpo-coming-soon__desc {
  font-size: var(--lpo-text-base);
  color: var(--lpo-text-muted);
  margin: 0 0 var(--lpo-space-xl);
  max-width: 480px;
  line-height: var(--lpo-leading-relaxed);
}

.lpo-coming-soon__btn {
  padding: 12px 28px;
  background: var(--lpo-primary);
  color: white;
  font-size: var(--lpo-text-base);
  font-weight: var(--lpo-font-semibold);
  border: none;
  border-radius: var(--lpo-radius);
  cursor: pointer;
  transition: all var(--lpo-transition);
  text-decoration: none;
}

.lpo-coming-soon__btn:hover {
  background: var(--lpo-primary-hover);
  transform: translateY(-1px);
}