/* Pre-render loading screen styles - loaded before React */
@keyframes spin {
  to { transform: rotate(360deg); }
}

.preloader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  font-family: system-ui, -apple-system, sans-serif;
}

.preloader-spinner {
  width: 56px;
  height: 56px;
  border: 4px solid #c7d2fe;
  border-top-color: #4f46e5;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.preloader-title {
  margin-top: 20px;
  color: #4338ca;
  font-size: 1rem;
  font-weight: 500;
}

.preloader-subtitle {
  margin-top: 6px;
  color: #6366f1;
  font-size: 0.8rem;
}