.linkedin-icon {
  color: #999;
}
.linkedin-icon:hover {
  color: #0077b5; /* LinkedIn blue */
}
/* Style the entire "See What's Possible" section as a card */
section#see-whats-possible {
  background: #f9f9f9 !important;
  padding: 2em !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  max-width: 500px !important;
  margin: 1em auto !important;
}

/* Center the heading and text inside the card */
section#see-whats-possible h3,
section#see-whats-possible p {
  text-align: center !important;
}

/* Form elements inside the card */
section#see-whats-possible form input,
section#see-whats-possible form textarea {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 0.75em !important;
  font-size: 1rem !important;
  margin-bottom: 0.8em !important;
  width: 100% !important;
}

/* Submit button inside the card */
section#see-whats-possible form button {
  background: #0077b5 !important;
  border: none !important;
  color: white !important;
  font-size: 1rem !important;
  padding: 0.9em !important;
  border-radius: 4px !important;
  width: 100% !important;
  cursor: pointer !important;
}

section#see-whats-possible form button:hover {
  background: #005983 !important;
}


/* Left column text: align to the left */
section#pavel-logačev-phd {
  text-align: left !important;
}

/* Make bullet list spacing a bit cleaner */
section#pavel-logačev-phd ul {
  padding-left: 1.2em; /* indent bullets nicely */
  margin-top: 1em;
  margin-bottom: 1.5em;
}

/* Image spacing tweak */
section#pavel-logačev-phd img {
  margin-bottom: 1em;
  width: 140px; /* smaller photo so it doesn’t dominate */
}