/* Page Content Styling */
.page-content {
  color: rgb(209, 213, 219);
  line-height: 1.75;
}

.page-content h2 {
  color: white;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.page-content h3 {
  color: white;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.page-content p {
  margin-bottom: 1rem;
}

.page-content a {
  color: rgb(244, 114, 182);
  text-decoration: none;
}

.page-content a:hover {
  color: rgb(251, 207, 232);
}

.page-content ul,
.page-content ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.page-content ul {
  list-style-type: disc;
}

.page-content ol {
  list-style-type: decimal;
}

.page-content li {
  margin-bottom: 0.5rem;
}

.page-content strong {
  color: white;
}

/* Form styling for contact page */
.page-content input[type="text"],
.page-content input[type="email"],
.page-content textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: rgb(31, 41, 55);
  border: 1px solid rgb(55, 65, 81);
  border-radius: 0.75rem;
  color: white;
  margin-bottom: 1rem;
}

.page-content input[type="text"]:focus,
.page-content input[type="email"]:focus,
.page-content textarea:focus {
  outline: none;
  border-color: rgb(236, 72, 153);
  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2);
}

.page-content input::placeholder,
.page-content textarea::placeholder {
  color: rgb(156, 163, 175);
}

.page-content input[type="submit"],
.page-content button[type="submit"],
.page-content .btn {
  padding: 0.75rem 2rem;
  background: linear-gradient(to right, rgb(236, 72, 153), rgb(147, 51, 234));
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.3s;
}

.page-content input[type="submit"]:hover,
.page-content button[type="submit"]:hover,
.page-content .btn:hover {
  background: linear-gradient(to right, rgb(219, 39, 119), rgb(124, 58, 237));
  transform: translateY(-2px);
}

.page-content #msg {
  display: block;
  margin-top: 1rem;
  padding: 1rem;
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 0.75rem;
  color: rgb(134, 239, 172);
}

.page-content #msg:empty {
  display: none;
}

.page-content .form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: rgb(31, 41, 55);
  border: 1px solid rgb(55, 65, 81);
  border-radius: 0.75rem;
  color: white;
  margin-bottom: 1rem;
}

.page-content .form-group {
  margin-bottom: 1rem;
}

.page-content .row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.page-content .col-md-6 {
  flex: 1;
  min-width: 200px;
}