/* cards.css
 * Glass card component: .glass-card.
 */

.glass-card {
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(244, 247, 253, 0.9));
  border: 1px solid var(--line);
  padding: 24px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(3px);
  transition: transform 0.26s ease, box-shadow 0.26s ease;
}

.glass-card h3 {
  margin-bottom: 10px;
}

.glass-card p {
  color: var(--ink-soft);
}

.glass-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 40px rgba(30, 43, 61, 0.18);
}