body {
  font-family: Arial, sans-serif;
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
}

.text-gradient {
  background: linear-gradient(45deg, #6a11cb, #2575fc);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

th {
  width: 35%;
  text-align: left;
  vertical-align: top;
  font-variant: small-caps;
  letter-spacing: 0.5px;
  font-size: 1.1rem; 
}

td {
  text-align: left;
  vertical-align: top;
  font-size: 1rem; 
}

.hover-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

.contact-icon {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.contact-icon:hover {
  transform: scale(1.3) rotate(10deg);
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));
  cursor: pointer;
}