@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");
* {
  font-family: "JetBrains Mono", monospace;
}

/* Project Card Hover Effects */
.project-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.project-card:hover {
  transform: scale(1.05);
  border-color: var(--accent-color);
  box-shadow: 0 0 20px -5px var(--accent-color),
              0 0 40px -10px var(--accent-color);
}

/* Icon boxes glow on hover */
.project-card:hover .icon-box {
  background-color: color-mix(in srgb, var(--accent-color) 20%, #262626);
  border: 1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);
}

/* Link icon pulse animation */
.project-card:hover .link-icon {
  color: var(--accent-color);
  animation: pulse-icon 1s ease-in-out;
}

@keyframes pulse-icon {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}