/* True Liquid Glass Theme */
html, body {
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
}

/* All service & widget cards */
#services a, 
#services div.group,
div[class*="bg-slate"],
div[class*="bg-zinc"],
div[class*="bg-neutral"],
div[class*="bg-stone"],
div[class*="bg-gray"],
div[class*="service_container"],
div[class*="widget_container"],
div[class*="InformationWidget"],
div[class*="SearchWidget"],
div[class*="ResourcesWidget"] {
  background-color: rgba(15, 20, 32, 0.45) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Card hover glow and lift */
#services a:hover {
  background-color: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 255, 255, 0.08) !important;
}

/* Category header titles */
h2, .service-group-title {
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6) !important;
}

/* VisionOS Pill Search Bar */
input[type="text"], input[type="search"] {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  border-radius: 9999px !important;
  backdrop-filter: blur(16px) !important;
  color: #fff !important;
}
input[type="text"]:focus, input[type="search"]:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2) !important;
}