.ui-style-3 {
  --primary-color: #0066cc;
  --secondary-color: #004499;
  --bg-light: #f5f5f5;
  --text-dark: #222;
  --border-color: #eee;
}

.ui-style-3 .card:hover {
  border-color: var(--primary-color);
}

.ui-style-3 .list-item {
  transition: all 0.3s ease;
}

.ui-style-3 .list-item:hover {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.ui-style-3 h2::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: var(--primary-color);
  margin-right: 8px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .ui-style-3 .grid {
    gap: 15px;
  }
}