/* Calm, continuous motion. All information and controls remain stationary. */
@media(prefers-reduced-motion:no-preference){
  .scene{animation:scene-breathe 18s ease-in-out infinite alternate;transform-origin:75% 35%}
  h1 span{background-size:200% 100%;animation:title-light 8s ease-in-out infinite}
  .countdown>div{animation:countdown-glow 6s ease-in-out infinite}
  .countdown>div:nth-child(2){animation-delay:1s}
  .countdown>div:nth-child(3){animation-delay:2s}
  .countdown>div:nth-child(4){animation-delay:3s}
  .register{position:relative;overflow:hidden;animation:button-glow 5s ease-in-out infinite}
  .register:after{content:'';position:absolute;inset:-60% auto -60% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:rotate(25deg);animation:button-sheen 7s ease-in-out infinite;pointer-events:none}
  .register:hover span{transform:translate(3px,-3px)}
  .register span{transition:transform .25s}
  .intro,.tagline,.details,.countdown-section,.audience,.register,.next-step{animation-name:entrance;animation-duration:.8s;animation-fill-mode:backwards}
  .tagline{animation-delay:.12s}.details{animation-delay:.2s}.countdown-section{animation-delay:.3s}.audience{animation-delay:.4s}.next-step{animation-delay:.5s}
  .register{animation:entrance .8s .4s backwards,button-glow 5s 1.2s ease-in-out infinite}
  .motion-paused *,.motion-paused *:after{animation-play-state:paused!important}
}
@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@keyframes title-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%;filter:brightness(1.12)}}
@keyframes countdown-glow{0%,100%{box-shadow:inset 0 1px 0 #93d9ff22,0 0 0 transparent}50%{box-shadow:inset 0 1px 0 #93d9ff50,0 0 22px #04cfee23;border-color:#58acc499}}
@keyframes button-glow{0%,100%{box-shadow:0 5px 25px #04cfee24}50%{box-shadow:0 5px 35px #04cfee60}}
@keyframes button-sheen{0%,65%{left:-60%;opacity:0}70%{opacity:.7}95%,100%{left:140%;opacity:0}}
@keyframes entrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.scene,h1 span,.countdown>div,.register,.intro,.tagline,.details,.countdown-section,.audience,.next-step{animation:none!important}.register:after{display:none}}
