.float-box {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
}
.float-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.float-box:active {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.menu-hover a {
  color: #111; /* default text color */
  transition: all 0.2s ease;
  position: relative;
}
.menu-hover a:hover {
  color: #00bcd4;       /* highlight color on hover */
  transform: translateY(-3px); /* subtle lift */
}
.hover-effect {
  transition: transform 0.25s ease, color 0.25s ease;
  color: #ffffff; /* initial white */
}
.hover-effect:hover {
  transform: translateY(-1px);       /* subtle lift */
  color: rgba(255, 255, 255, 0.6);  /* slight fade, still readable */
}