.elementor-3669 .elementor-element.elementor-element-2f667d75{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3669 .elementor-element.elementor-element-b441a46{--display:flex;}/* Start custom CSS for html, class: .elementor-element-2e7309cb *//* ================== PAGE LOAD ANIMATIONS ================== */

/* smooth entrance */
.hero{
  animation:heroFadeUp .9s ease forwards;
}

@keyframes heroFadeUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}

/* eyebrow pop */
.eyebrow{
  animation:eyebrowPop .6s ease forwards;
}

@keyframes eyebrowPop{
  from{opacity:0;transform:scale(.9)}
  to{opacity:1;transform:none}
}

/* heading reveal */
.hero h1{
  animation:titleUp .8s ease forwards;
}

@keyframes titleUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:none}
}

/* tagline + paragraph */
.tagline,
.sub{
  animation:textFade .9s ease forwards;
}

@keyframes textFade{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

/* meta badges stagger feel */
.meta .badge{
  animation:badgeUp .7s ease forwards;
}

@keyframes badgeUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

/* ================== CTA BUTTON EFFECTS ================== */

/* soft pulse */
.btn-primary{
  animation:ctaPulse 2.4s ease-in-out infinite;
  transition:.3s ease;
}

@keyframes ctaPulse{
  0%,100%{box-shadow:0 14px 32px rgba(234,62,104,.35)}
  50%{box-shadow:0 18px 38px rgba(234,62,104,.5)}
}

.btn-primary:hover{
  transform:translateY(-3px) scale(1.03);
}

/* ================== INSTRUCTOR CARD ================== */

/* card float */
.card{
  animation:cardIn .9s ease forwards, cardFloat 4s ease-in-out infinite;
}

@keyframes cardIn{
  from{opacity:0;transform:scale(.94)}
  to{opacity:1;transform:none}
}

@keyframes cardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

/* avatar glow */
.avatar{
  transition:.4s ease;
}

.avatar:hover{
  box-shadow:0 0 0 6px rgba(197,168,106,.18);
}

/* pill micro hover */
.pill{
  transition:.3s ease;
}

.pill:hover{
  transform:scale(1.05);
}/* End custom CSS */