/* Separate inner-page upgrade preview. Original pages are untouched. */
:root {
  --ect-blue: #2f45ff;
  --ect-ink: #101419;
  --ect-muted: #6f7b86;
  --ect-line: #dce7ee;
  --ect-soft: #f6f9fc;
  --ect-shadow-card: 0 1px 0 rgba(255,255,255,.88) inset, 0 14px 34px rgba(27,47,67,.075);
  --ect-shadow-panel: 0 1px 0 rgba(255,255,255,.9) inset, 0 18px 44px rgba(27,47,67,.09);
}

html,
body {
  text-rendering: geometricPrecision;
}

.shell {
  background: #f8fbfd !important;
}

.shell::before,
.shell::after {
  filter: none !important;
  box-shadow:none;
}

.topbar,
.nav,
.brand,
.panel-head,
.section-head,
.auth-brand,
.auth-tabs,
.learning-nav,
.secure-nav {
  text-rendering: geometricPrecision;
}

.topbar {
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: none !important;
}

.nav a,
.nav-item,
.learning-nav a,
.secure-nav a {
  transition: background-color .18s cubic-bezier(.16,1,.3,1),
    border-color .18s cubic-bezier(.16,1,.3,1),
    color .18s cubic-bezier(.16,1,.3,1) !important;
}

.nav a.active,
.nav-item.active,
.learning-nav a.active,
.secure-nav a.active {
  box-shadow:none;
}

.panel,
.card,
.watch,
.brief,
.surface,
.signal,
.total,
.my-portfolio,
.portfolio-card,
.metric-card,
.auth-card,
.course-card,
.link-card,
.mini-tv,
.table-panel,
.event-panel,
.sentiment-panel {
  box-shadow:none;
  backdrop-filter: none !important;
}

.surface,
.market-command,
.chart-panel,
.portfolio-performance,
.portfolio-overview,
.holdings-statement {
  box-shadow:none;
}

.asset,
.portfolio-card,
.sentiment-card,
.total,
.add-coin,
.provider-button,
.button,
.mini-tv,
.course-card,
.link-card,
tbody tr {
  will-change: auto !important;
}

.asset:hover,
.portfolio-card:hover,
.portfolio-card.is-focused,
.sentiment-card:hover,
.total:hover,
.add-coin:hover,
.provider-button:hover,
.button:hover,
.mini-tv:hover,
.course-card:hover,
.link-card:hover {
  transform: none !important;
}

.asset:hover,
.portfolio-card:hover,
.portfolio-card.is-focused,
.sentiment-card:hover,
.mini-tv:hover,
.course-card:hover,
.link-card:hover {
  border-color: #b9c8ff !important;
  box-shadow:none;
}

.asset.lead {
  box-shadow:none;
}

.trend i {
  width: 42px !important;
  border-radius: 10px !important;
  letter-spacing: .02em !important;
}

.trend.hot i {
  background: var(--ect-blue) !important;
}

.brief button,
.primary-action,
.button {
  box-shadow:none;
}

.insight,
.chart-tip,
.tooltip {
  box-shadow:none;
  backdrop-filter: none !important;
}

.sentiment-active {
  filter: none !important;
}

.portfolio-progress span {
  width: 100% !important;
  transform: scaleX(var(--portfolio-progress, .12));
  transform-origin: left center;
  transition: transform .22s cubic-bezier(.16,1,.3,1) !important;
}

.portfolio-nav,
.add-coin {
  transition: background-color .18s cubic-bezier(.16,1,.3,1),
    color .18s cubic-bezier(.16,1,.3,1),
    border-color .18s cubic-bezier(.16,1,.3,1) !important;
}

.add-coin {
  min-width: 88px !important;
  font-size: 10px !important;
  box-shadow:none;
}

.watch-tabs button,
.range button,
.mood-chips span {
  font-size: 10px !important;
}

.auth-wrap {
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0)),
    #d7e7ef !important;
}

.auth-wrap::before,
.auth-wrap::after,
.auth-card::before,
.auth-card::after {
  opacity: .28 !important;
  filter: none !important;
}

.auth-card {
  border-color: rgba(199,213,224,.96) !important;
  box-shadow:none;
}

.auth-card .field input {
  border-color: #c9d6df !important;
}

.auth-card .field input:focus {
  border-color: var(--ect-blue) !important;
  box-shadow:none;
}

.provider-button {
  border-color: #cddae4 !important;
  box-shadow:none;
}

.provider-button:hover {
  border-color: var(--ect-blue) !important;
  background: #f8faff !important;
}

.chat {
  box-shadow:none;
}

.course-card,
.link-card {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.course-card img,
.link-card img {
  filter: saturate(.96) contrast(1.03) !important;
}

.course-card .card-body,
.link-card .card-body {
  padding: 18px 18px 20px !important;
}

.course-card button,
.link-card button,
.course-card a.cta,
.link-card a.cta {
  border-radius: 10px !important;
  letter-spacing: .01em !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}