body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #f1f5f9;
  color: #1e293b;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

.phone-frame {
  max-width: 420px;
  height: 870px;
  border-radius: 44px;
  box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.14), 0 0 0 10px #ffffff;
}

@keyframes scan {
  0% { top: 0%; }
  50% { top: 95%; }
  100% { top: 0%; }
}

.animate-scan {
  animation: scan 2s infinite ease-in-out;
}