Вёрстка резюме и карточек проектов в теме Matrix/cacto

Резюме: ASCII-кактус, glitch-заголовок, таймлайн опыта, скилл-теги, контакты.
Проекты: карточки-терминалы (home_automatization, cactoz.su) со ссылками на git.cactoz.su.
Canvas-дождь на цифровых/катакана символах, пиксельный SVG-кактус как лого/favicon.

frontend/css/projects.css

@@ -1 +1,63 @@
-/* TODO: карточки проектов — этап 2 */
+.project-grid {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.5rem;
+}
+
+.project-card {
+  border: var(--border);
+  background: var(--color-bg-raised);
+  display: flex;
+  flex-direction: column;
+}
+
+.project-card__bar {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  border-bottom: var(--border);
+  color: var(--color-silver);
+  font-size: 0.8rem;
+}
+
+.project-card__bar span {
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--color-accent-dim);
+  opacity: 0.6;
+  flex-shrink: 0;
+}
+
+.project-card__body {
+  padding: 1.25rem 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  flex: 1;
+}
+
+.project-card__title {
+  margin: 0;
+  color: var(--color-accent);
+  font-size: 1.05rem;
+}
+
+.project-card__desc {
+  margin: 0;
+  color: var(--color-fg);
+  font-size: 0.9rem;
+}
+
+.project-card__link {
+  margin-top: auto;
+}
+
+.project-card__link::before {
+  content: '$ ';
+  color: var(--color-accent-dim);
+}