/* Slovra V6 — PART 1.13 Motivational RGB Hero
   Keeps the simple hero compact, restores the long progress rail,
   rotates motivational copy, and adds a soft RGB background drift. */

#screen-home.slovra-home-simple .hero-banner{
  border:0!important;
  outline:0!important;
  background:linear-gradient(115deg,#6f35ef 0%,#a13be0 27%,#ef4779 55%,#16a7c5 82%,#6f35ef 100%)!important;
  background-size:240% 240%!important;
  animation:slovraHeroSoftRgb 18s ease-in-out infinite!important;
  box-shadow:0 20px 54px rgba(0,0,0,.20)!important;
}
#screen-home.slovra-home-simple .hero-banner::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-16%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 25%,rgba(255,196,84,.22),transparent 28%),
    radial-gradient(circle at 72% 20%,rgba(78,221,255,.22),transparent 30%),
    radial-gradient(circle at 58% 88%,rgba(255,92,190,.18),transparent 30%)!important;
  filter:blur(10px)!important;
  opacity:.9!important;
  transform:translate3d(0,0,0) scale(1.02)!important;
  animation:slovraHeroGlowDrift 14s ease-in-out infinite alternate!important;
}

#screen-home .slovra-static-hero{
  padding-right:92px!important;
}
#screen-home .slovra-static-hero-copy{
  width:100%!important;
  max-width:none!important;
}
#screen-home .slovra-static-hero #welcome-msg{
  max-width:calc(100% - 18px)!important;
  transition:opacity .24s ease,transform .24s ease!important;
}
#screen-home .slovra-static-hero #welcome-msg.is-changing{
  opacity:0!important;
  transform:translateY(5px)!important;
}
#screen-home .slovra-static-hero-action-row{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  display:block!important;
}

#screen-home .slovra-static-hero-progress{
  width:100%!important;
  min-width:0!important;
}
#screen-home .slovra-static-hero .overall-progress{
  width:100%!important;
  max-width:none!important;
}
#screen-home .slovra-static-hero-cta{
  position:absolute!important;
  right:0!important;
  bottom:-1px!important;
  min-width:74px!important;
  flex:0 0 auto!important;
}
#screen-home .slovra-static-hero .progress-label{
  max-width:calc(100% - 92px)!important;
}


body.light-mode #screen-home.slovra-home-simple .hero-banner,
body.light #screen-home.slovra-home-simple .hero-banner{
  border:0!important;
  outline:0!important;
  background:linear-gradient(115deg,#7040ee 0%,#b94de0 28%,#ff6d8f 54%,#23b9c5 80%,#7040ee 100%)!important;
  background-size:240% 240%!important;
  animation:slovraHeroSoftRgb 18s ease-in-out infinite!important;
  box-shadow:0 18px 48px rgba(72,49,114,.18)!important;
}
body.light-mode #screen-home .slovra-static-hero #welcome-msg,
body.light #screen-home .slovra-static-hero #welcome-msg{
  color:#fff!important;
}

@keyframes slovraHeroSoftRgb{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes slovraHeroGlowDrift{
  0%{transform:translate3d(-1.5%,-1%,0) scale(1.02);opacity:.72}
  50%{transform:translate3d(1.5%,1%,0) scale(1.06);opacity:.92}
  100%{transform:translate3d(-.5%,1.5%,0) scale(1.03);opacity:.8}
}

@media(max-width:720px){
  #screen-home .slovra-static-hero{
    padding-right:56px!important;
  }
  #screen-home .slovra-static-hero-action-row{
    width:100%!important;
    display:block!important;
  }
  #screen-home .slovra-static-hero-cta{
    right:0!important;
    bottom:-1px!important;
    min-width:54px!important;
    padding:0 8px!important;
  }
  #screen-home .slovra-static-hero .progress-label{max-width:calc(100% - 66px)!important}
}
@media(max-width:390px){
  #screen-home .slovra-static-hero-cta{min-width:28px!important;width:28px!important;padding:0!important}
}

@media(prefers-reduced-motion:reduce){
  #screen-home.slovra-home-simple .hero-banner,
  body.light-mode #screen-home.slovra-home-simple .hero-banner,
  body.light #screen-home.slovra-home-simple .hero-banner,
  #screen-home.slovra-home-simple .hero-banner::before{animation:none!important}
  #screen-home .slovra-static-hero #welcome-msg{transition:none!important}
}
body.slovra-reduce-motion #screen-home.slovra-home-simple .hero-banner,
body.slovra-reduce-motion #screen-home.slovra-home-simple .hero-banner::before{animation:none!important}
body.slovra-reduce-motion #screen-home .slovra-static-hero #welcome-msg{transition:none!important}