/* v48 SRT interaction effects */
.srt-body .quick-feature-grid .feature-card,
.srt-body .promo-poster-card,
.srt-body .extra-promo-box,
.srt-body .event-card-grid .feature-card,
.srt-body .event-image-box,
.srt-body .icon-card,
.srt-body .dashboard-card,
.srt-body .board-box,
.srt-body .support-box,
.srt-body .side-menu,
.srt-body .panel,
.srt-legacy-page .board-conversion,
.srt-legacy-page .sidebar-box,
.srt-legacy-page .sidebar-join{
  --rx:0deg;
  --ry:0deg;
  --mx:50%;
  --my:50%;
  position:relative;
  isolation:isolate;
  transition:transform .34s cubic-bezier(.2,.75,.2,1),border-color .34s ease,box-shadow .34s ease,filter .34s ease;
  transform-style:preserve-3d;
  will-change:transform;
}
.srt-body .quick-feature-grid .feature-card::after,
.srt-body .promo-poster-card::after,
.srt-body .extra-promo-box::after,
.srt-body .event-card-grid .feature-card::after,
.srt-body .event-image-box::after,
.srt-body .icon-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  opacity:0;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(255,224,145,.24),rgba(255,224,145,.06) 26%,transparent 58%);
  transition:opacity .28s ease;
}
.srt-body .quick-feature-grid .feature-card:hover,
.srt-body .promo-poster-card:hover,
.srt-body .extra-promo-box:hover,
.srt-body .event-card-grid .feature-card:hover,
.srt-body .event-image-box:hover,
.srt-body .icon-card:hover{
  transform:perspective(900px) translateY(-9px) rotateX(var(--rx)) rotateY(var(--ry));
  border-color:rgba(250,203,92,.68)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.48),0 0 0 1px rgba(255,219,128,.14),0 0 28px rgba(218,158,37,.20)!important;
  filter:saturate(1.08) brightness(1.04);
}
.srt-body .quick-feature-grid .feature-card:hover::after,
.srt-body .promo-poster-card:hover::after,
.srt-body .extra-promo-box:hover::after,
.srt-body .event-card-grid .feature-card:hover::after,
.srt-body .event-image-box:hover::after,
.srt-body .icon-card:hover::after{opacity:1}
.srt-body .quick-feature-grid .feature-card img,
.srt-body .promo-poster-card img,
.srt-body .extra-promo-box img,
.srt-body .event-image-box img{
  transition:transform .4s cubic-bezier(.2,.75,.2,1),filter .4s ease!important;
}
.srt-body .quick-feature-grid .feature-card:hover img,
.srt-body .promo-poster-card:hover img,
.srt-body .extra-promo-box:hover img,
.srt-body .event-image-box:hover img{
  transform:scale(1.035)!important;
  filter:contrast(1.04) saturate(1.08)!important;
}
.srt-body .icon-card:hover .emoji{transform:translateY(-4px) scale(1.13) rotate(-4deg)}
.srt-body .icon-card .emoji{transition:transform .32s ease}
.srt-body .btn.primary,
.srt-body .srt-quick a.primary,
.srt-legacy-page .btn-main{
  position:relative;
  overflow:hidden;
}
.srt-body .btn.primary::before,
.srt-body .srt-quick a.primary::before,
.srt-legacy-page .btn-main::before{
  content:"";
  position:absolute;
  top:-50%;
  bottom:-50%;
  left:-45%;
  width:34%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:srtShine 3.2s ease-in-out infinite;
}
@keyframes srtShine{0%,58%{left:-45%}78%,100%{left:125%}}
@media (prefers-reduced-motion:reduce){
  .srt-body *,.srt-legacy-page *{animation:none!important;transition:none!important}
}