/* Scoped strictly to UniqCrew Premium Homepage. No alterations to layout, text, courses or links. */
@media (prefers-reduced-motion: no-preference) {
  /* The complete illustration is a flattened image; animate it as one asset. */
  .ucp-site .ucp-hero-art img{animation:ucmotion-arrive 1.25s cubic-bezier(.16,1,.3,1) both,ucmotion-float 8s ease-in-out 1.3s infinite;will-change:transform}
  .ucp-site .ucp-hero-art.ucmotion-tilt{transition:transform .65s cubic-bezier(.2,.8,.2,1);transform:perspective(1200px) rotateY(var(--ucmy,0deg)) rotateX(var(--ucmx,0deg));transform-style:preserve-3d}
  .ucp-site .ucp-hero-art .ucmotion-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;box-shadow:inset -8px -10px 18px #4015a440,0 12px 26px #5f22c030;background:radial-gradient(circle at 29% 22%,#fff9ff 0%,#d9a5ff 19%,#8a41ed 48%,#4717bd 80%);animation:ucmotion-orbit 7.5s ease-in-out infinite;opacity:.8}
  .ucp-site .ucp-hero-art .ucmotion-orb--one{width:24px;height:24px;top:23%;left:14%}
  .ucp-site .ucp-hero-art .ucmotion-orb--two{width:15px;height:15px;right:10%;bottom:23%;animation-delay:-3.8s}
  .ucp-site .ucp-hero-art .ucmotion-shine{position:absolute;inset:20% 9% 17% 12%;pointer-events:none;z-index:1;border-radius:50%;background:radial-gradient(circle at 58% 43%,#ffffff42 0%,transparent 56%);mix-blend-mode:screen;animation:ucmotion-glow 6s ease-in-out infinite}
  @keyframes ucmotion-arrive{from{opacity:.35;transform:translate3d(22px,25px,0) scale(.965);filter:blur(7px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
  @keyframes ucmotion-orbit{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8px,-14px,0) scale(1.09)}}
  @keyframes ucmotion-glow{0%,100%{opacity:.2}50%{opacity:.55}}
  .ucp-site .ucp-glint{display:inline-block;animation:ucmotion-spark 5.5s ease-in-out infinite}
  .ucp-site .ucp-course-ornament>span:first-child{display:inline-block;animation:ucmotion-spark 6s ease-in-out infinite}
  .ucp-site .ucp-manifesto>span[aria-hidden="true"]{animation:ucmotion-spark 7s ease-in-out infinite}
  .ucp-site .ucp-btn{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
  .ucp-site .ucp-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(67,27,162,.18)}
  .ucp-site .ucp-btn:active{transform:translateY(-1px)}
  .ucp-site .ucp-benefits article,.ucp-site .uc-course-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease}
  .ucp-site .ucp-benefits article:hover,.ucp-site .uc-course-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(57,27,108,.10)}
  .ucp-site .ucp-category-strip .ucp-categories>span{transition:transform .28s ease}
  .ucp-site .ucp-category-strip .ucp-categories>span:hover{transform:translateY(-2px)}
  /* Elements become animation-eligible only when JS has confirmed they start below the viewport. */
  .ucp-site .ucmotion-pending{opacity:0;transform:translate3d(0,20px,0)}
  .ucp-site .ucmotion-pending.ucmotion-seen{opacity:1;transform:translate3d(0,0,0);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1);transition-delay:var(--ucmotion-delay,0ms)}
  @keyframes ucmotion-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
  @keyframes ucmotion-spark{0%,82%,100%{transform:scale(1) rotate(0deg);opacity:1}88%{transform:scale(1.18) rotate(15deg);opacity:.8}}
}
@media (prefers-reduced-motion: reduce) {
  .ucp-site .ucmotion-pending{opacity:1!important;transform:none!important;transition:none!important}
}
@media (max-width:767px) {
  .ucp-site .ucp-hero-art img,.ucp-site .ucp-hero-art .ucmotion-orb,.ucp-site .ucp-hero-art .ucmotion-shine,.ucp-site .ucp-glint,.ucp-site .ucp-course-ornament>span:first-child,.ucp-site .ucp-manifesto>span[aria-hidden="true"]{animation:none!important}
  .ucp-site .ucp-benefits article:hover,.ucp-site .uc-course-card:hover,.ucp-site .ucp-btn:hover{transform:none}
}

@media (prefers-reduced-motion: reduce){.ucp-site .ucp-hero-art img{animation:none!important;filter:none!important}.ucp-site .ucp-hero-art .ucmotion-orb,.ucp-site .ucp-hero-art .ucmotion-shine{display:none!important}.ucp-site .ucp-hero-art.ucmotion-tilt{transform:none!important}}
@media(max-width:767px){.ucp-site .ucp-hero-art.ucmotion-tilt{transform:none!important}.ucp-site .ucp-hero-art .ucmotion-orb,.ucp-site .ucp-hero-art .ucmotion-shine{display:none!important}}