.hover-shadow {
  transition: all 0.2s ease-in-out;
}
.hover-shadow:hover {
  box-shadow: 0 0.75rem 1.25rem rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-2px);
}

.neon-card {
  box-shadow: 0 0 10px rgba(0, 255, 0, .7), 0 0 25px rgba(0, 255, 0, .5);
  border: 1px solid rgba(0, 255, 0, .4);
}

.striped-card {
  background: repeating-linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.02),
      rgba(0, 0, 0, 0.02) 10px,
      rgba(0, 0, 0, 0.05) 10px,
      rgba(0, 0, 0, 0.05) 20px
  );
}

.inset-card {
  background: #f1f1f1;
  box-shadow: inset 4px 4px 8px #ccc,
              inset -4px -4px 8px #fff;
}

.backdrop-blur {
  backdrop-filter: blur(12px);
}
.glass-card {
    background: rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    border-radius: 12px;
}