.liquid-glass {
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.35); /* was 0.15, now less translucent */
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25),
              inset 0 1px 2px rgba(255, 255, 255, 0.3);

  position: relative;
  overflow: hidden;
}


  .liquid-glass::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at top left,
                rgba(255, 255, 255, 0.4) 0%,
                transparent 60%);
    transform: rotate(25deg);
    pointer-events: none;
  }
  .btn-glass {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #111827; /* text-slate-900 */
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

.btn-glass:hover {
  background: rgba(255, 255, 255, 0.4);
}
.glass-card {
  border-radius: 1rem; /* rounded-2xl */
  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0.65),
    rgba(255, 255, 255, 0.45)
  );
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);

  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15),
              inset 0 1px 2px rgba(255, 255, 255, 0.3);

  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.glass-card::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
  background: radial-gradient(circle at top left,
              rgba(255, 255, 255, 0.5) 0%,
              transparent 60%);
  transform: rotate(25deg);
  pointer-events: none;
}

/* Hover effect */
.glass-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2),
              inset 0 1px 3px rgba(255, 255, 255, 0.35);
}