/* Premium utilities (scoped, non-overlapping with main.css design system) */

.glass-card {
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent 38%);
  pointer-events: none;
}

.glass-card:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  .glass-card:hover {
    transform: none;
  }
}