/* Hide Scrollbar */
html,
body {
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Offset for fixed header */
body {
  padding-top: 2rem;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

/* Compact card + button hover — content centered */
.card-hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-hover > * {
  max-width: 100%;
}

.card-hover p {
  width: 100%;
}

.card-hover > svg,
.card-hover > i {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.card-hover .flex,
.card-hover ul li {
  justify-content: center;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.5),
    0 8px 22px rgba(103, 232, 249, 0.2);
  border-color: rgba(103, 232, 249, 0.4);
}
button:hover,
a.inline-flex:hover {
  box-shadow: 0 8px 20px rgba(79, 70, 229, 0.32);
}

/* Hero dashboard — looping so motion stays visible after load */
@keyframes barWave {
  0%,
  100% {
    transform: scaleY(0.42);
  }
  50% {
    transform: scaleY(1);
  }
}

.hero-bar {
  transform-origin: bottom;
  animation: barWave 1.35s ease-in-out infinite;
}