/* Glass look — vendored, in-house design. Aurora gradient backdrop
   with translucent blurred cards. The accent color (the tenant's chosen
   color:, or this look's slate signature) drives the card borders, glow and
   text via Homepage's --color-* (set by the .theme-<palette> class from the
   tenant's color:), so a tenant accent re-tints the WHOLE surface while this
   look's aurora background stays as the design's signature. #415: no :root
   palette here — the look references var(--color-*) so the tenant wins. */
html, body, #__next, #background {
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(56,189,248,0.25), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(168,85,247,0.22), transparent 55%),
    linear-gradient(135deg, #0f172a 0%, #1e1b4b 45%, #0e7490 100%) !important;
}
.service-card {
  background-color: rgb(var(--color-200) / 0.12) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  border: 1px solid rgb(var(--color-500) / 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.40), 0 0 0 1px rgb(var(--color-500) / 0.08) !important;
}
.service-group-name { color: rgb(var(--color-300)) !important; }
.service-name { color: rgb(var(--color-100)) !important; }
.service-description { color: rgb(var(--color-500)) !important; }