/* Critical CSS for above-the-fold content */
body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #111827;
  color: #f3f4f6;
}

.min-h-screen {
  min-height: 100vh;
}

.bg-gray-900 {
  background-color: #111827;
}

.text-gray-200 {
  color: #e5e7eb;
}

/* Loading states */
.loading-spinner {
  width: 2rem;
  height: 2rem;
  border: 2px solid #374151;
  border-top: 2px solid #6366f1;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Critical layout classes */
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.p-4 { padding: 1rem; }
.p-8 { padding: 2rem; }
.mb-4 { margin-bottom: 1rem; }
.text-center { text-align: center; }