body {
  margin: 0; font-family: "Segoe UI", sans-serif; background: #0f0f10; color: #eee;
  display: flex; flex-direction: column; align-items: center;
}
header { text-align: center; padding: 40px 20px; }
header h1 { color: #6cf; margin-bottom: 10px; }

.menu {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;
  max-width: 1000px; padding: 20px;
}

.card {
  background: #1c1c1c; border-radius: 10px; padding: 30px; width: 260px;
  text-align: center; text-decoration: none; color: #fff;
  box-shadow: 0 0 10px #000 inset; transition: 0.3s;
}
.card:hover { transform: translateY(-5px); box-shadow: 0 0 15px #6cf; }
.card.vision { background: linear-gradient(145deg, #1a1f2f, #0f141f); }
.card.hearing { background: linear-gradient(145deg, #1f1a1a, #14100f); }

footer { margin-top: 50px; font-size: 0.85em; color: #999; }