body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5b6b81;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background:
    radial-gradient(900px 500px at 0% 0%, rgba(224, 145, 22, 0.16), transparent 55%),
    radial-gradient(800px 480px at 100% 100%, rgba(109, 74, 255, 0.12), transparent 50%),
    linear-gradient(180deg, #f5f7fb, #e9eef6);
}

.loader {
  width: 46px;
  height: 46px;
  border: 3px solid rgba(15, 23, 42, 0.08);
  border-radius: 50%;
  border-top-color: #e09116;
  animation: spin 0.8s ease-in-out infinite;
  box-shadow: 0 14px 34px rgba(224, 145, 22, 0.2);
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
