body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

.role-logo {
  max-width: 140px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
}

/* Tile base */
.role-tile {
  border-radius: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
  overflow: hidden;
}

/* tile hover */
.role-tile:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 20px 40px rgba(16,24,40,.12);
}

/* icon circle */
.icon-wrap {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(0,123,255,0.08), rgba(0,123,255,0.02));
  color: #0d6efd;
}

/* responsive spacing tweak */
@media (max-width: 575px) {
  .role-tile .card-body { padding: 1.25rem; }
  .role-logo { max-width: 110px; }
}