/* Classic Square CSS for Tra Cứu Chứng Chỉ HMC */
html, body {
  -webkit-tap-highlight-color: transparent;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

/* Smooth Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border: 1px solid #f8fafc;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}