/* Shared night-harbour field for public pages.
   Add class "harbour-page" on <html> and keep the page body transparent. */
html.harbour-page {
  background-color: #04131d;
  min-height: 100%;
}
html.harbour-page body {
  position: relative;
  min-height: 100vh;
  background: transparent;
}
html.harbour-page body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #04131d;
  background-image:
    linear-gradient(180deg, rgba(3, 14, 19, .30) 0%, rgba(4, 14, 22, .46) 26%, rgba(4, 19, 29, .78) 64%, #04131d 100%),
    url("/console/assets/harbourmind-harbour-hero.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center 32%;
  background-size: auto, cover;
}