:root { --color-brand-primary: #2563EB; }
a { color: #2563EB; }
body { background: linear-gradient(180deg, #EBF4FF 0%, #f9fafb 420px); }
.dark body { background: #0f172a; }
.container.container-xs {
  border-radius: 20px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 16px 40px -12px rgba(15, 23, 42, 0.18) !important;
}
img[alt="Gatus"] {
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
}
.endpoint-group {
  border-radius: 14px !important;
  overflow: hidden;
  margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 20px -8px rgba(15, 23, 42, 0.12) !important;
}
@media (max-width: 480px) {
  body, html { overflow-x: hidden !important; }
}