:root{
  --sos-animation-gold:#f2df39;
  --sos-animation-blue:#1e386b;
  --sos-animation-deep:#071a3e;
}

html.animations-ready .motion-item,
html.animations-ready .reveal{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

.sos-intro-screen{
  position:fixed;
  z-index:999999;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 72% 20%,rgba(242,223,57,.24),transparent 30%),
    linear-gradient(145deg,#061631,#1e386b 62%,#315994);
}
.sos-intro-screen::before,
.sos-intro-screen::after{
  content:"";
  position:absolute;
  width:48vw;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
}
.sos-intro-screen::before{left:-17vw;bottom:-25vw}
.sos-intro-screen::after{right:-18vw;top:-27vw}
.sos-intro-inner{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:9px;
  text-align:center;
  text-transform:uppercase;
}
.sos-intro-inner img{
  width:130px;
  height:130px;
  object-fit:contain;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.35));
}
.sos-intro-inner strong{font-size:2rem;letter-spacing:.16em}
.sos-intro-inner span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.78)}

.sos-scroll-progress{
  position:fixed;
  z-index:10000;
  inset:0 0 auto;
  height:4px;
  pointer-events:none;
  background:rgba(255,255,255,.08);
}
.sos-scroll-progress span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--sos-animation-gold),#fff9a3,var(--sos-animation-gold));
  box-shadow:0 0 14px rgba(242,223,57,.72);
}

.app-hero,.hero,.page-hero,.course-header{position:relative;overflow:hidden}
.sos-floating-note{
  position:absolute;
  z-index:2;
  color:var(--sos-animation-gold);
  font-size:1.65rem;
  font-weight:950;
  pointer-events:none;
  text-shadow:0 6px 18px rgba(0,0,0,.35);
}

.sos-tilt-card{
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform;
}
.sos-click-particle{
  position:fixed;
  z-index:99999;
  width:12px;
  height:12px;
  margin:-6px 0 0 -6px;
  border-radius:50%;
  pointer-events:none;
  background:var(--sos-animation-gold);
  box-shadow:0 0 18px rgba(242,223,57,.9);
}

.sos-back-top{
  position:fixed;
  z-index:1000;
  right:18px;
  bottom:22px;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:16px;
  cursor:pointer;
  color:#fff;
  background:var(--sos-animation-blue);
  box-shadow:0 15px 34px rgba(7,26,62,.3);
  font-size:1.35rem;
  font-weight:900;
  opacity:0;
  visibility:hidden;
}

@media(max-width:760px){
  .sos-intro-inner img{width:105px;height:105px}
  .sos-intro-inner strong{font-size:1.6rem}
  .sos-back-top{right:14px;bottom:88px;width:46px;height:46px;border-radius:14px}
  .sos-floating-note{font-size:1.25rem}
}

@media(prefers-reduced-motion:reduce){
  .sos-intro-screen,.sos-scroll-progress,.sos-floating-note,.sos-click-particle{display:none!important}
  .sos-tilt-card{transform:none!important}
}