/*
 * Custom styles layered on top of Tailwind builds.
 */
body {
  background-color: #f8fafc;
  min-height: 100vh;
}

.page-fade {
  animation: page-fade 0.45s ease-out both;
}

.stagger > * {
  animation: rise-in 0.6s ease-out both;
}

.stagger > *:nth-child(2) { animation-delay: 0.08s; }
.stagger > *:nth-child(3) { animation-delay: 0.16s; }
.stagger > *:nth-child(4) { animation-delay: 0.24s; }

@keyframes page-fade {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes rise-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}