/* =========================================================
   OTHER FLAGS — PREPARE DOCUMENT CARDS HOVER ONLY
   Targets ONLY the 2 large cards
   ========================================================= */

html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep{
  transition:
    transform .26s cubic-bezier(.22,1,.36,1),
    background .26s ease,
    border-color .26s ease,
    box-shadow .26s ease !important;
}


/* premium dark-blue hover */
html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep:hover{
  animation-play-state:paused !important;

  transform:translateY(-5px) !important;

  background:
    linear-gradient(
      135deg,
      #0d3b55 0%,
      #155873 55%,
      #247fa0 100%
    ) !important;

  border-color:
    rgba(105,211,241,.48) !important;

  box-shadow:
    0 18px 38px rgba(3,31,48,.24),
    0 0 0 3px rgba(79,198,232,.07),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}


/* small heading */
html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep:hover
> span{
  color:#8ee5fb !important;
}


/* card title */
html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep:hover
h3{
  color:#ffffff !important;
}


/* 6 inner requirement rows */
html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep:hover
.ofs-prep-list
> div{
  color:#ffffff !important;

  background:
    rgba(255,255,255,.10) !important;

  border:
    1px solid rgba(137,220,244,.10) !important;
}


/* subtle individual row response */
html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep
.ofs-prep-list
> div{
  transition:
    background .20s ease,
    transform .20s ease,
    border-color .20s ease !important;
}

html body
.ofs-prepare
.ofs-prepare-grid
> .ofs-prep:hover
.ofs-prep-list
> div:hover{
  transform:translateX(3px) !important;

  background:
    rgba(99,202,235,.17) !important;

  border-color:
    rgba(126,219,247,.24) !important;
}