/* =========================================================
   VELAEA EA Community Motion
   - Count-up markers + professional reveal motion for ea-community.html
   - Scoped to body.ea-community-page only
========================================================= */

body.ea-community-page .ec-motion-item{
  opacity:0;
  transform:translateY(16px) scale(.992);
  filter:saturate(.92) brightness(.96);
  transition:
    opacity .62s cubic-bezier(.18,.82,.24,1),
    transform .62s cubic-bezier(.18,.82,.24,1),
    filter .62s cubic-bezier(.18,.82,.24,1),
    border-color .22s ease,
    box-shadow .22s ease;
  transition-delay:calc(var(--ec-index, 0) * 34ms);
  will-change:opacity, transform, filter;
}

body.ea-community-page .ec-motion-item.ec-is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:saturate(1) brightness(1);
}

body.ea-community-page .showcase-panel,
body.ea-community-page .portfolio-list-panel,
body.ea-community-page .showcase-card,
body.ea-community-page .portfolio-list-row,
body.ea-community-page .forum-topic-card,
body.ea-community-page .forum-category-card,
body.ea-community-page .detail-metrics .metric,
body.ea-community-page .big-chart,
body.ea-community-page .side-chart,
body.ea-community-page .info-panel,
body.ea-community-page .trade-panel{
  position:relative;
  overflow:hidden;
}

body.ea-community-page .showcase-card::after,
body.ea-community-page .portfolio-list-row::after,
body.ea-community-page .detail-metrics .metric::after,
body.ea-community-page .forum-topic-card::after,
body.ea-community-page .forum-category-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0%, rgba(242,199,106,.12) 42%, transparent 72%);
  transform:translateX(-120%);
  opacity:0;
}

body.ea-community-page .showcase-card.ec-is-visible::after,
body.ea-community-page .portfolio-list-row.ec-is-visible::after,
body.ea-community-page .detail-metrics .metric.ec-is-visible::after,
body.ea-community-page .forum-topic-card.ec-is-visible::after,
body.ea-community-page .forum-category-card.ec-is-visible::after{
  animation:ecCardSheen .92s cubic-bezier(.18,.82,.24,1) both;
  animation-delay:calc(110ms + var(--ec-index, 0) * 22ms);
}

body.ea-community-page .chart-shell::before,
body.ea-community-page .big-chart::after,
body.ea-community-page .side-chart::after,
body.ea-community-page .trade-panel::after,
body.ea-community-page .info-panel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:42%;
  left:-56%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(242,199,106,.105), transparent);
  opacity:0;
  transform:skewX(-16deg);
  z-index:1;
}

body.ea-community-page .chart-shell.ec-is-visible::before,
body.ea-community-page .big-chart.ec-is-visible::after,
body.ea-community-page .side-chart.ec-is-visible::after,
body.ea-community-page .trade-panel.ec-is-visible::after,
body.ea-community-page .info-panel.ec-is-visible::after{
  animation:ecChartSweep 1.06s ease-out both;
  animation-delay:180ms;
}

body.ea-community-page .chart-shell > *,
body.ea-community-page .big-chart > *,
body.ea-community-page .side-chart > *,
body.ea-community-page .trade-panel > *,
body.ea-community-page .info-panel > *{
  position:relative;
  z-index:2;
}

body.ea-community-page .spark-line,
body.ea-community-page .spark-balance{
  transition:stroke-dashoffset 1.05s cubic-bezier(.18,.82,.24,1), opacity .34s ease;
}

body.ea-community-page .spark-area{
  opacity:0;
  transform:translateY(8px);
  transform-origin:center bottom;
  transition:opacity .68s ease, transform .68s ease;
}

body.ea-community-page .chart-shell.ec-chart-ready .spark-line,
body.ea-community-page .chart-shell.ec-chart-ready .spark-balance,
body.ea-community-page .big-chart.ec-chart-ready .spark-line,
body.ea-community-page .big-chart.ec-chart-ready .spark-balance{
  opacity:1;
  stroke-dashoffset:0!important;
}

body.ea-community-page .chart-shell.ec-chart-ready .spark-area,
body.ea-community-page .big-chart.ec-chart-ready .spark-area{
  opacity:.18;
  transform:translateY(0);
}

body.ea-community-page .risk-meter i{
  transform-origin:left center;
  transform:scaleX(.08);
  transition:transform .78s cubic-bezier(.18,.82,.24,1);
}

body.ea-community-page .ec-is-visible .risk-meter i,
body.ea-community-page .showcase-card.ec-is-visible .risk-meter i,
body.ea-community-page .portfolio-list-row.ec-is-visible .risk-meter i{
  transform:scaleX(1);
}

body.ea-community-page .monthly-bars i,
body.ea-community-page .monthly-bars-pro i,
body.ea-community-page .drawdown-bars i,
body.ea-community-page .month-bar i{
  transform-origin:center bottom;
  transform:scaleY(.08);
  transition:transform .72s cubic-bezier(.18,.82,.24,1), filter .72s ease;
}

body.ea-community-page .monthly-card.ec-is-visible .monthly-bars i,
body.ea-community-page .monthly-card.ec-is-visible .monthly-bars-pro i,
body.ea-community-page .side-chart.ec-is-visible .month-bar i,
body.ea-community-page .trade-panel.ec-is-visible .drawdown-bars i,
body.ea-community-page .ec-is-visible .monthly-bars i,
body.ea-community-page .ec-is-visible .monthly-bars-pro i,
body.ea-community-page .ec-is-visible .drawdown-bars i,
body.ea-community-page .ec-is-visible .month-bar i{
  transform:scaleY(1);
}

body.ea-community-page .allocation-donut,
body.ea-community-page .professional-donut{
  transform:scale(.92) rotate(-8deg);
  filter:saturate(.9) brightness(.96);
  transition:transform .78s cubic-bezier(.18,.82,.24,1), filter .78s ease;
}

body.ea-community-page .allocation-card.ec-is-visible .allocation-donut,
body.ea-community-page .allocation-card.ec-is-visible .professional-donut,
body.ea-community-page .side-chart.ec-is-visible .allocation-donut,
body.ea-community-page .side-chart.ec-is-visible .professional-donut{
  transform:scale(1) rotate(0deg);
  filter:saturate(1.05) brightness(1);
}

body.ea-community-page .showcase-card.ec-is-visible:hover,
body.ea-community-page .portfolio-list-row.ec-is-visible:hover{
  box-shadow:0 24px 70px rgba(0,0,0,.38), 0 0 0 1px rgba(242,199,106,.10) inset;
}

body.ea-community-page .detail-inner .ec-motion-item{
  transition-delay:calc(var(--ec-index, 0) * 26ms);
}

@keyframes ecCardSheen{
  0%{opacity:0;transform:translateX(-120%)}
  18%{opacity:.78}
  100%{opacity:0;transform:translateX(120%)}
}

@keyframes ecChartSweep{
  0%{opacity:0;left:-56%}
  20%{opacity:.70}
  100%{opacity:0;left:112%}
}

@media(max-width:760px){
  body.ea-community-page .ec-motion-item{
    transform:translateY(12px) scale(.996);
    transition-duration:.48s;
    transition-delay:calc(var(--ec-index, 0) * 20ms);
  }
  body.ea-community-page .showcase-card.ec-is-visible::after,
  body.ea-community-page .portfolio-list-row.ec-is-visible::after,
  body.ea-community-page .detail-metrics .metric.ec-is-visible::after{
    animation-duration:.72s;
  }
  body.ea-community-page .spark-line,
  body.ea-community-page .spark-balance{
    transition-duration:.78s;
  }
}

@media (prefers-reduced-motion: reduce){
  body.ea-community-page .ec-motion-item,
  body.ea-community-page .ec-motion-item.ec-is-visible{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  body.ea-community-page .showcase-card::after,
  body.ea-community-page .portfolio-list-row::after,
  body.ea-community-page .detail-metrics .metric::after,
  body.ea-community-page .forum-topic-card::after,
  body.ea-community-page .forum-category-card::after,
  body.ea-community-page .chart-shell::before,
  body.ea-community-page .big-chart::after,
  body.ea-community-page .side-chart::after,
  body.ea-community-page .trade-panel::after,
  body.ea-community-page .info-panel::after{
    display:none!important;
  }
  body.ea-community-page .spark-line,
  body.ea-community-page .spark-balance,
  body.ea-community-page .spark-area,
  body.ea-community-page .risk-meter i,
  body.ea-community-page .monthly-bars i,
  body.ea-community-page .monthly-bars-pro i,
  body.ea-community-page .drawdown-bars i,
  body.ea-community-page .month-bar i,
  body.ea-community-page .allocation-donut,
  body.ea-community-page .professional-donut{
    transform:none!important;
    transition:none!important;
    stroke-dashoffset:0!important;
    opacity:initial!important;
  }
}