/* Center the cards vertically and horizontally */
main {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 80vh !important;
}

/* Apple-style clean font */
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif !important;
}

/* Hide the bottom-right refresh button */
#revalidate {
  display: none !important;
}

/* Create space around cards so scale() fits inside the container */
.service-card {
  margin: 6px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(25px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease !important;
}

.service-card:hover {
  transform: scale(1.03) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

/* Force Headless UI disclosure panel to allow overflow for hover scaling */
[id^="headlessui-disclosure-panel"] {
  overflow: visible !important;
}