/* Homepage glassmorphism redesign 2026-05-07 */

/* Background overlay */
#page_wrapper {
  background: linear-gradient(135deg, rgba(15,23,42,0.55) 0%, rgba(30,41,59,0.45) 100%);
}

/* Frosted glass tiles */
div[id^="services-"] > div > div > div,
.services-block .relative.flex {
  backdrop-filter: blur(12px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
  background: rgba(30,41,59,0.45) !important;
  border: 1px solid rgba(148,163,184,0.15) !important;
  border-radius: 12px !important;
  transition: all 0.2s ease-in-out;
}

/* Tile hover effect */
div[id^="services-"] > div > div > div:hover,
.services-block .relative.flex:hover {
  background: rgba(51,65,85,0.55) !important;
  border-color: rgba(148,163,184,0.3) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

/* Section headers - refined */
h2 {
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  font-size: 0.85rem !important;
  opacity: 0.85;
  border-bottom: 1px solid rgba(148,163,184,0.2);
  padding-bottom: 0.4rem !important;
  margin-bottom: 0.75rem !important;
}

/* Tighter section spacing */
.services-group {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

/* Top info widgets - prominent glass bar */
#information-widgets,
#information-widgets-right {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background: rgba(15,23,42,0.4);
  border: 1px solid rgba(148,163,184,0.15);
  border-radius: 14px;
  padding: 0.75rem 1rem !important;
}

/* Dashboards section - hero highlight */
#services-dashboards .relative.flex {
  background: rgba(59,130,246,0.15) !important;
  border: 1px solid rgba(59,130,246,0.3) !important;
}

/* Icon shadow */
.service-card img,
.service-card svg {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* Footer dim */
#footer { opacity: 0.5; font-size: 0.75rem; }