body {
  background: url('makai.jpg') no-repeat center center fixed; /* */
  background-size: cover; /* */
  background-attachment: fixed; /* */
  color: #cceeee; /* */
  font-family: Arial, sans-serif; /* */
  text-align: center; /* */
  margin: 0; /* */
  padding: 2rem; /* */
  cursor: url('https://cdn-icons-png.flaticon.com/512/305/305711.png') 16 16, auto; /* */
  overflow-x: hidden; /* */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  body {
    padding: 1rem; /* */
  }
  .title {
    font-size: 2rem; /* */
  }
  .container {
    padding: 1.5rem; /* */
  }
}

@media (max-width: 480px) {
  .title {
    font-size: 1.8rem; /* */
  }
  button {
    padding: 0.5rem 0.5rem; /* */
    font-size: 0.9rem; /* */
  }
}

.title {
  color: #00f5e1; /* */
  font-size: 2.5rem; /* */
  margin-bottom: 1rem; /* */
}

/* Button styles */
button {
  background-color: #00f5e1; /* */
  border: none; /* */
  padding: 0.6rem 1.5rem; /* */
  margin: 0.1rem; /* */
  cursor: pointer; /* */
  border-radius: 1px; /* */
  font-weight: bold; /* */
  transition: background-color 0.3s ease; /* */
}

button:hover {
  background-color: #008a8a; /* */
}

.buttons { /* New class to group buttons for layout */
  margin-top: 1.1rem;
}

/* Container for page content */
.container {
  max-width: 600px; /* */
  margin: auto; /* */
  background-color: rgba(15, 17, 20, 0.8); /* */
  padding: 2rem; /* */
  border-radius: 12px; /* */
  box-shadow: 0 0 15px rgba(0, 245, 225, 0.5); /* */
}

/* Job card specific styles */
.job-card {
  background-color: #1e1e24; /* */
  padding: 1rem; /* */
  margin: 2rem auto; /* */
  border-radius: 8px; /* */
  box-shadow: 0 0 8px #00f5e1; /* */
  text-align: left; /* */
}

.job-card h2 {
  color: #00f5e1; /* */
}

/* Cursor trail styling */
.cursor-trail-segment {
  position: absolute; /* */
  background-color: rgba(0, 245, 245, 0.7); /* */
  border-radius: 0.2px; /* */
  pointer-events: none; /* */
  transform: translate(-50%, -50%); /* */
  z-index: 9999; /* */
  box-shadow: 0 0 0.1px 0.1px rgba(86, 0, 245, 0.6); /* */
  filter: blur(1px); /* */
}

/* Styles for service pages (applies to .container with .services-page) */
.services-page {
  text-align: left; /* */
  max-width: 800px; /* */
}

.page-title {
  color: #00f5e1; /* */
  font-size: 1.8rem; /* */
  margin-bottom: 1rem; /* */
  text-align: center; /* */
}

.service-section {
  background-color: #1e1e24; /* */
  padding: 1.5rem; /* */
  margin-bottom: 1.5rem; /* */
  border-radius: 8px; /* */
  box-shadow: 0 0 10px rgba(0, 245, 225, 0.3); /* */
}

.service-section h2 {
  color: #00f5e1; /* */
  font-size: 1.8rem; /* */
  margin-top: 0; /* */
  margin-bottom: 1rem; /* */
}

.service-section p, .service-section ul {
  color: #cceeee; /* */
  line-height: 1.6; /* */
  margin-bottom: 0.8rem; /* */
}

.service-section ul {
  list-style-type: disc; /* */
  margin-left: 20px; /* */
  padding-left: 0; /* */
}

.service-section ul li {
  margin-bottom: 0.5rem; /* */
}

.contact-info-section {
  background-color: #1e1e24; /* */
  padding: 1.5rem; /* */
  margin-top: 2rem; /* */
  border-radius: 8px; /* */
  box-shadow: 0 0 10px rgba(0, 245, 225, 0.3); /* */
  text-align: center; /* */
}

.contact-info-section h2 {
  color: #00f5e1; /* */
  font-size: 2rem; /* */
  margin-bottom: 1rem; /* */
}

.contact-info-section p {
  color: #cceeee; /* */
  font-size: 1.0rem; /* */
  margin-bottom: 0.1rem; /* */
}

.contact-info-section a {
  color: #00f5e1; /* */
  text-decoration: none; /* */
  font-weight: bold; /* */
}

.contact-info-section a:hover {
  text-decoration: underline; /* */
}