/* [project]/components/ui/Card.module.css [app-client] (css) */
.Card-module__QRy0Sa__card {
  background-color: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  color: var(--text-main);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
  position: relative;
  overflow: hidden;
}

.Card-module__QRy0Sa__header {
  flex-direction: column;
  gap: .5rem;
  padding: 2rem;
  display: flex;
}

.Card-module__QRy0Sa__title {
  letter-spacing: -.04em;
  color: var(--text-main);
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.1;
}

.Card-module__QRy0Sa__description {
  color: var(--text-muted);
  font-size: 1rem;
  font-weight: 400;
}

.Card-module__QRy0Sa__content {
  z-index: 1;
  padding: 0 2rem 2rem;
  position: relative;
}

.Card-module__QRy0Sa__footer {
  background-color: var(--surface-hover);
  border-top: 1px solid var(--border);
  align-items: center;
  padding: 1.5rem 2rem;
  display: flex;
}

.Card-module__QRy0Sa__interactive {
  cursor: pointer;
}

.Card-module__QRy0Sa__interactive:hover {
  border-color: var(--primary);
  transform: translateY(-8px);
  box-shadow: 0 25px 50px -12px #00000040;
}

:root.Card-module__QRy0Sa__light .Card-module__QRy0Sa__interactive:hover {
  box-shadow: 0 25px 50px -12px #0000001a;
}

/*# sourceMappingURL=components_ui_Card_module_196a8605.css.map*/