/* Consolidated inline styles moved here by assistant */

/* --- from file: index.html --- */


@media(max-width:768px){
  #backToTop, .back-to-top {
    right: 16px !important;
    left: auto !important;
    bottom: 24px !important;
    transform: none !important;
  }
}


    /* Scoped styles: numbered badges and card hover popup */
    #application-process .card { transition: transform 250ms cubic-bezier(.22,.9,.35,1), box-shadow 250ms ease; will-change: transform; }
    #application-process .card:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 30px 60px rgba(16,24,40,0.16); z-index: 5; }
    #application-process .num-badge { width:48px; height:48px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(90deg,#2563eb,#6b8be8); color:white; font-weight:700; margin-bottom:12px; font-size:16px; }
    /* ensure layout matches original Tailwind card spacing */
    @media (max-width: 900px) {
      #application-process .num-badge { width:44px; height:44px; }
      #application-process .card:hover { transform: none; box-shadow: 0 12px 30px rgba(16,24,40,0.08); }
    }