:root {
  --mesh-dark: #0f2a43;
  --mesh-accent: #1f8a70;
  --mesh-bg: #f4f8fb;
  --mesh-text: #1d2630;
}

body {
  background: radial-gradient(circle at top right, #d7f6eb 0%, #f4f8fb 40%, #eef3fa 100%);
  color: var(--mesh-text);
}

.hero {
  color: #fff;
  background: linear-gradient(135deg, var(--mesh-dark), #144c72 50%, #196b95);
}

.status-card {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
}

.feature {
  background: #fff;
  border: 1px solid #dbe4ef;
  height: 100%;
}

footer {
  border-top: 1px solid #dbe4ef;
}