/* Shared inner-page module palette, matched to the homepage feature cards. */
:where(
  .value-card,
  .vision-panel,
  .time-body,
  .award-card,
  .reg-feature,
  .license-card,
  .mechanism-card,
  .legal-doc-card,
  .news-card,
  .news-status,
  .article-source,
  .feature,
  .cta-box
) {
  border-color: #2b86e6 !important;
  background: linear-gradient(180deg, #0a2244, #021832) !important;
}

/* Keep all inner-page statistic strips on the same translucent navy palette
   as the About page. The homepage does not load this stylesheet. */
:where(.statbar, .safety-statbar) {
  border-color: rgba(120, 180, 240, .22) !important;
  background: linear-gradient(180deg, rgba(13, 42, 72, .55), rgba(6, 22, 40, .42)) !important;
  box-shadow: 0 24px 70px rgba(0, 12, 28, .5), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

:where(
  .value-card,
  .vision-panel,
  .time-body,
  .award-card,
  .reg-feature,
  .license-card,
  .mechanism-card,
  .legal-doc-card,
  .news-card,
  .news-status,
  .article-source,
  .feature,
  .cta-box
):hover {
  border-color: #2b86e6 !important;
}

:where(
  .value-card .ico,
  .feature-icon,
  .mechanism-icon,
  .legal-doc-icon,
  .feature .icon
) {
  color: #e8c47a !important;
  border-color: rgba(232, 196, 122, .55) !important;
  background: linear-gradient(155deg, rgba(244, 221, 164, .2), rgba(202, 161, 78, .07)) !important;
  box-shadow: 0 0 0 1px rgba(232, 196, 122, .1), 0 10px 26px rgba(176, 134, 52, .2), inset 0 1px 0 rgba(255, 247, 224, .18) !important;
}

.cta {
  min-height: auto !important;
  padding: 56px 0 !important;
  background: url("aims-join-bg.png") center / cover no-repeat !important;
}

.cta > .wrap {
  width: min(100% - 48px, 1100px) !important;
}

@media (max-width: 560px) {
  .cta {
    padding: 38px 0 !important;
  }

  .cta > .wrap {
    width: calc(100% - 32px) !important;
  }
}