/* Runtime interaction states. Loaded after extracted inline utilities. */

.ok-home .ok-exam-year{
  background:transparent !important;
  color:var(--ink-700) !important;
  box-shadow:none !important;
}
.ok-home .ok-exam-year.is-active{
  background:#0B0F1A !important;
  color:#fff !important;
  box-shadow:0 4px 12px -4px rgba(11,15,26,.3) !important;
}

.ok-home .ok-exam-card{
  background:#fff !important;
  color:var(--ink-700) !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}
.ok-home .ok-exam-card.is-featured,
.ok-home .ok-exam-card[data-exam="yks"]{
  background:linear-gradient(135deg,#0B0F1A 0%,#1A1F2E 100%) !important;
  color:#fff !important;
  border:1px solid #1A1F2E !important;
  box-shadow:0 20px 50px -16px rgba(11,15,26,.4), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:first-child > div:first-child,
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:first-child > div:first-child{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:first-child > div:nth-child(2),
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:first-child > div:nth-child(2),
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:nth-child(3) > div:first-child > div:first-child,
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:nth-child(3) > div:first-child > div:first-child{
  color:#8FA5FF !important;
  -webkit-text-fill-color:#8FA5FF !important;
}
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:nth-child(2),
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:nth-child(2){
  color:#B7BECC !important;
  -webkit-text-fill-color:#B7BECC !important;
}
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:nth-child(3) > div:first-child > div:nth-child(2),
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:nth-child(3) > div:first-child > div:nth-child(2){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:nth-child(3) > div:last-child > div:first-child,
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:nth-child(3) > div:last-child > div:first-child,
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:nth-child(3) > div:last-child .num,
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:nth-child(3) > div:last-child .num{
  color:#C6F25A !important;
  -webkit-text-fill-color:#C6F25A !important;
}
.ok-home .ok-exam-card.is-featured > div:nth-child(3) > div:nth-child(3) > div:last-child > div:nth-child(2),
.ok-home .ok-exam-card[data-exam="yks"] > div:nth-child(3) > div:nth-child(3) > div:last-child > div:nth-child(2){
  color:#8E97AB !important;
  -webkit-text-fill-color:#8E97AB !important;
}

.exam-pick-stage .ufo-wrap{
  transition:left .9s cubic-bezier(.5,.05,.2,1), top .9s cubic-bezier(.5,.05,.2,1) !important;
}
.exam-pick-stage .feature-tag{
  opacity:1 !important;
  transition:left .9s cubic-bezier(.5,.05,.2,1), top .9s cubic-bezier(.5,.05,.2,1), opacity .35s ease !important;
}
.exam-pick-stage[data-active="0"] .ufo-wrap{ left:94px !important; top:0 !important; }
.exam-pick-stage[data-active="1"] .ufo-wrap{ left:328px !important; top:-8px !important; }
.exam-pick-stage[data-active="2"] .ufo-wrap{ left:562px !important; top:2px !important; }
.exam-pick-stage[data-active="3"] .ufo-wrap{ left:796px !important; top:-8px !important; }
.exam-pick-stage[data-active="4"] .ufo-wrap{ left:1030px !important; top:-2px !important; }
.exam-pick-stage[data-active="0"] .feature-tag{ left:176px !important; top:44px !important; }
.exam-pick-stage[data-active="1"] .feature-tag{ left:236px !important; top:36px !important; }
.exam-pick-stage[data-active="2"] .feature-tag{ left:644px !important; top:46px !important; }
.exam-pick-stage[data-active="3"] .feature-tag{ left:704px !important; top:36px !important; }
.exam-pick-stage[data-active="4"] .feature-tag{ left:1112px !important; top:42px !important; }

.ok-home .ok-package-tab{
  background:transparent !important;
  color:var(--ink-700) !important;
  box-shadow:none !important;
}
.ok-home .ok-package-tab.is-active{
  background:#0B0F1A !important;
  color:#fff !important;
  box-shadow:0 4px 12px -4px rgba(11,15,26,.3) !important;
}

.ok-home .ok-community-section .ok-inline-07199c7e44 > a:first-child{
  backface-visibility:hidden !important;
  contain:paint !important;
  transform-style:flat !important;
  will-change:auto !important;
}
.ok-home .ok-community-section .ok-inline-07199c7e44 > a:first-child:hover{
  filter:none !important;
  transform:translateY(-6px) !important;
}
.ok-home .ok-community-section .ok-inline-07199c7e44 > a:first-child > .ok-inline-674dfc84c6{
  display:none !important;
}

/* Coaching/content pages: shared hover and keyboard focus polish. */
.lgs-hero .btn-lg,
.yk-hero .btn-h,
.pl-promo-cta,
.pl-pcard .go,
.pl-cta a.p,
.pl-cta a.s,
.bs-more,
.yk-chips a,
.yk-chips-arrow{
  will-change:transform, box-shadow, background-color, border-color;
}

.lgs-hero .btn-lg{
  transition:transform 180ms var(--ease-out), background-color 180ms ease, box-shadow 180ms var(--ease-out), border-color 180ms ease, color 180ms ease !important;
}
.lgs-hero .btn-primary-lg{
  box-shadow:0 14px 28px -12px rgba(30,58,226,.55);
}
.lgs-hero .btn-primary-lg:hover,
.lgs-hero .btn-primary-lg:focus-visible{
  background:var(--primary-700) !important;
  transform:translateY(-2px);
  box-shadow:0 20px 36px -14px rgba(30,58,226,.7);
  text-decoration:none;
}
.lgs-hero .btn-ghost-lg{
  border:1px solid var(--ink-100) !important;
  background:#fff !important;
  box-shadow:0 10px 24px -18px rgba(11,15,26,.22);
}
.lgs-hero .btn-ghost-lg:hover,
.lgs-hero .btn-ghost-lg:focus-visible{
  border-color:var(--primary-300) !important;
  background:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 16px 30px -18px rgba(59,91,255,.34);
  text-decoration:none;
}

.pl-pcard{
  transition:transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), border-color 180ms ease;
}
.pl-pcard:hover{
  transform:translateY(-3px);
  border-color:var(--primary-200);
  box-shadow:0 22px 44px -28px rgba(11,15,26,.28);
}
.pl-pcard .go{
  transition:transform 160ms var(--ease-out), box-shadow 160ms var(--ease-out), background-color 160ms ease, color 160ms ease !important;
}
.pl-pcard .go:hover,
.pl-pcard .go:focus-visible{
  transform:translateY(-2px);
  text-decoration:none;
  box-shadow:0 14px 28px -18px rgba(11,15,26,.34);
}
.pl-pcard .go.feat:hover,
.pl-pcard .go.feat:focus-visible{
  background:var(--primary-700);
  color:#fff;
  box-shadow:0 18px 34px -16px rgba(30,58,226,.6);
}
.pl-pcard .go.alt:hover,
.pl-pcard .go.alt:focus-visible{
  background:#EEF1FF;
  color:var(--primary-700);
}

.pl-cta a.p,
.pl-cta a.s{
  transition:transform 170ms var(--ease-out), background-color 170ms ease, border-color 170ms ease, box-shadow 170ms var(--ease-out), color 170ms ease !important;
}
.pl-cta a.p:hover,
.pl-cta a.p:focus-visible{
  transform:translateY(-2px);
  background:#D4F676;
  color:#0B0F1A;
  box-shadow:0 18px 34px -14px rgba(198,242,90,.72);
  text-decoration:none;
}
.pl-cta a.s:hover,
.pl-cta a.s:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.42);
  color:#fff;
  box-shadow:0 18px 34px -20px rgba(255,255,255,.28);
  text-decoration:none;
}

.pl-step .c{
  transition:transform 180ms var(--ease-out), border-color 180ms ease, box-shadow 180ms var(--ease-out), background-color 180ms ease !important;
}
.pl-step:hover .c{
  transform:translateX(3px);
  border-color:var(--primary-200);
  background:#fff;
}

.bs-more{
  transition:transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), background-color 180ms ease !important;
}
.bs-more:hover,
.bs-more:focus-visible{
  transform:translateY(-2px);
  background:#D4F676;
  box-shadow:0 20px 36px -12px rgba(198,242,90,.85), inset 0 -1px 0 rgba(0,0,0,.06);
  text-decoration:none;
}

.yk-chips a:focus-visible,
.yk-chips-arrow:focus-visible,
.pl-promo-cta:focus-visible,
.pl-pcard .go:focus-visible,
.pl-cta a:focus-visible,
.bs-more:focus-visible,
.lgs-hero .btn-lg:focus-visible{
  outline:2px solid var(--primary-500);
  outline-offset:3px;
}