/* V1034: chuyển động theo vùng nhìn cho các trang công khai. */
.vt-scroll-progress-v1034{
  position:fixed;
  z-index:1200;
  top:0;
  left:0;
  width:100%;
  height:3px;
  pointer-events:none;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#ff7a00 0%,#ffad5a 46%,#2374ec 100%);
  box-shadow:0 0 14px rgba(255,122,0,.32);
  will-change:transform;
}

html.vt-motion-ready-v1034 [data-vt-reveal]{
  opacity:0;
  filter:blur(2px);
  transition:
    opacity .72s cubic-bezier(.2,.65,.25,1),
    transform .72s cubic-bezier(.2,.65,.25,1),
    filter .72s cubic-bezier(.2,.65,.25,1);
  transition-delay:var(--vt-motion-delay,0ms);
  will-change:opacity,transform,filter;
}

html.vt-motion-ready-v1034 [data-vt-reveal="up"]{transform:translate3d(0,34px,0)}
html.vt-motion-ready-v1034 [data-vt-reveal="left"]{transform:translate3d(-42px,0,0)}
html.vt-motion-ready-v1034 [data-vt-reveal="right"]{transform:translate3d(42px,0,0)}
html.vt-motion-ready-v1034 [data-vt-reveal="scale"]{transform:scale(.945)}

html.vt-motion-ready-v1034 [data-vt-reveal].is-visible-v1034{
  opacity:1;
  filter:none;
  transform:none;
}

html.vt-motion-ready-v1034 [data-vt-reveal].is-settled-v1034{will-change:auto}

/* Tăng cảm giác có chiều sâu giống landing tham chiếu, không đổi kích thước thẻ. */
[data-vt-motion-page="home"] .vt-course-card,
[data-vt-motion-page="home"] .vt-video-card,
[data-vt-motion-page="home"] .vt-testimonial-card,
[data-vt-motion-page="courses"] .course-card-v2,
[data-vt-motion-page="contact"] .about-feature,
[data-vt-motion-page="contact"] .contact-item,
[data-vt-motion-page="my-courses"] .mc-card{
  transition-property:transform,box-shadow,border-color;
  transition-duration:.24s;
  transition-timing-function:ease;
}

@media (hover:hover) and (pointer:fine){
  [data-vt-motion-page="home"] .vt-course-card:hover,
  [data-vt-motion-page="home"] .vt-video-card:hover,
  [data-vt-motion-page="home"] .vt-testimonial-card:hover,
  [data-vt-motion-page="courses"] .course-card-v2:hover,
  [data-vt-motion-page="contact"] .about-feature:hover,
  [data-vt-motion-page="contact"] .contact-item:hover,
  [data-vt-motion-page="my-courses"] .mc-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(15,55,103,.13)!important;
  }
}

@media (max-width:767.98px){
  html.vt-motion-ready-v1034 [data-vt-reveal="up"]{transform:translate3d(0,24px,0)}
  html.vt-motion-ready-v1034 [data-vt-reveal="left"]{transform:translate3d(-24px,0,0)}
  html.vt-motion-ready-v1034 [data-vt-reveal="right"]{transform:translate3d(24px,0,0)}
  .vt-scroll-progress-v1034{height:2px}
}

@media (prefers-reduced-motion:reduce){
  .vt-scroll-progress-v1034{display:none!important}
  html.vt-motion-ready-v1034 [data-vt-reveal]{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
  }
}