body {
  background-attachment: fixed;
}

.service-card {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.78), rgba(17, 24, 39, 0.62));
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.service-card:hover {
  transform: translateY(-2px);
  border-color: rgba(125, 211, 252, 0.35);
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.46);
}

.service-card .title {
  letter-spacing: 0.15px;
}

.widget {
  border: 1px solid rgba(100, 116, 139, 0.25);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.55);
}

.bookmark-group {
  border: 1px solid rgba(100, 116, 139, 0.22);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.48);
}