html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Geist', 'Helvetica Neue', Arial, sans-serif;
}
body {
  background: #0f172a;
  color: #111827;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
*, *::before, *::after { box-sizing: border-box; }
input, textarea, button, select {
  font-size: inherit;
  font-family: inherit;
}
@keyframes fadeIn  { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes slideIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }
.fade-in { animation: fadeIn 280ms ease both; }