.cnf-prayer-form-wrap,
.cnf-testimony-form-wrap,
.cnf-testimony-list-wrap,
.cnf-journey-wrap,
.cnf-learning-wrap {
  --cnf-public-font: "Aptos", "Segoe UI", sans-serif;
  --cnf-public-radius-lg: 18px;
  --cnf-public-radius-xl: 30px;
  --cnf-public-shadow-soft: 0 18px 46px rgba(15, 23, 42, 0.08);
  --cnf-public-shadow-hover: 0 24px 60px rgba(15, 23, 42, 0.12);
  --cnf-public-focus: 0 0 0 4px rgba(37, 99, 235, 0.16);
  --cnf-public-border: rgba(148, 163, 184, 0.34);
  --cnf-public-motion: 180ms ease;
  font-family: var(--cnf-public-font);
}

.cnf-prayer-form-wrap *,
.cnf-testimony-form-wrap *,
.cnf-testimony-list-wrap *,
.cnf-journey-wrap *,
.cnf-learning-wrap * {
  box-sizing: border-box;
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) {
  isolation: isolate;
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(a, button, input, select, textarea) {
  transition:
    border-color var(--cnf-public-motion),
    box-shadow var(--cnf-public-motion),
    color var(--cnf-public-motion),
    background-color var(--cnf-public-motion),
    transform var(--cnf-public-motion);
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(a:focus-visible, button:focus-visible, input:focus, select:focus, textarea:focus) {
  outline: none;
  box-shadow: var(--cnf-public-focus);
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(h2, h3) {
  letter-spacing: -0.035em;
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(p) {
  line-height: 1.65;
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(input, select, textarea) {
  min-height: 44px;
  border-color: var(--cnf-public-border);
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(button, a) {
  text-underline-offset: 3px;
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(button:hover, a:hover) {
  transform: translateY(-1px);
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where([class*="-card"], [class*="-step"], [class*="-lesson"], [class*="-path"], [class*="-panel"]) {
  animation: cnf-public-rise 360ms ease both;
}

:where(
  .cnf-testimony-card,
  .cnf-journey-step,
  .cnf-learning-card,
  .cnf-learning-student-path,
  .cnf-learning-student-lesson,
  .cnf-learning-login-card,
  .cnf-learning-certificate-result
):hover {
  box-shadow: var(--cnf-public-shadow-hover);
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where([class*="-notice"], [class*="-note"], [class*="-empty"]) {
  border-radius: var(--cnf-public-radius-lg);
}

:where(
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap
) :where(code) {
  border-radius: 999px;
}

.cnf-prayer-form-wrap,
.cnf-testimony-form-wrap,
.cnf-testimony-list-wrap,
.cnf-journey-wrap,
.cnf-learning-wrap {
  box-shadow: var(--cnf-public-shadow-soft);
}

@keyframes cnf-public-rise {
  from {
    opacity: 0.76;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cnf-prayer-form-wrap *,
  .cnf-testimony-form-wrap *,
  .cnf-testimony-list-wrap *,
  .cnf-journey-wrap *,
  .cnf-learning-wrap * {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 720px) {
  .cnf-prayer-form-wrap,
  .cnf-testimony-form-wrap,
  .cnf-testimony-list-wrap,
  .cnf-journey-wrap,
  .cnf-learning-wrap {
    margin-right: 12px;
    margin-left: 12px;
    padding: clamp(20px, 6vw, 28px);
  }

  :where(
    .cnf-prayer-form-wrap,
    .cnf-testimony-form-wrap,
    .cnf-testimony-list-wrap,
    .cnf-journey-wrap,
    .cnf-learning-wrap
  ) :where(button, a) {
    justify-content: center;
  }
}