Полный перенос дизайна и текстов из макета: oklch-палитра, Google Fonts

Заменил приблизительную hex-палитру на настоящие oklch()-цвета из
макета, подключил JetBrains Mono через Google Fonts (обновил CSP:
style-src/font-src для fonts.googleapis.com/fonts.gstatic.com).
Секция "обо мне" резюме — без term-window, плоские абзацы; опыт работы
в формате период/роль/компания·город + буллеты с тире; контакты в виде
label+value, как в макете. Карточки проектов — без бара с точками,
header-строка "drwxr-xr-x {name}" + ссылка справа, как в Projects.dc.html.
matrix-rain.js переписан по алгоритму из макета (shadowBlur на "голове"
капли, katakana-набор символов, накопительное падение). Градиент
глубины поверх дождя взял по факту темнее, чем в инлайн-стилях макета
(0.72–0.96 давал почти невидимый дождь) — подобрал по референс-скриншоту
макета (0.35–0.6), а не по сырым числам.

frontend/css/resume.css

@@ -18,7 +18,7 @@
 
 .hero-text .tagline {
   margin: 0.75rem 0 0;
-  color: var(--color-accent-dim);
+  color: var(--color-accent-mid);
   max-width: 34ch;
 }
 
@@ -29,7 +29,7 @@
   font-size: 0.72rem;
   letter-spacing: 0.12em;
   text-transform: uppercase;
-  color: var(--color-accent-dim);
+  color: var(--color-accent-mid);
   margin: 0 0 0.75rem;
 }
 
@@ -38,7 +38,7 @@
   height: 7px;
   border-radius: 50%;
   background: var(--color-accent);
-  box-shadow: 0 0 8px var(--color-accent-dim);
+  box-shadow: 0 0 10px var(--color-accent);
   animation: blink 1.6s step-end infinite;
 }
 
@@ -48,49 +48,62 @@ section {
 
 .about p {
   max-width: 68ch;
+  font-size: 0.94rem;
+  line-height: 1.7;
+  color: var(--color-fg);
+  margin: 0 0 1rem;
 }
 
 .timeline {
-  border-left: var(--border);
   margin: 0;
-  padding: 0 0 0 1.5rem;
+  padding: 0;
   list-style: none;
 }
 
 .timeline-item {
-  position: relative;
-  margin-bottom: 2rem;
-}
-
-.timeline-item::before {
-  content: '';
-  position: absolute;
-  left: -1.6rem;
-  top: 0.4rem;
-  width: 8px;
-  height: 8px;
-  background: var(--color-accent);
-  box-shadow: 0 0 6px var(--color-accent-dim);
+  border-left: var(--border);
+  padding-left: 1rem;
+  margin-bottom: 1.75rem;
 }
 
 .timeline-item__meta {
-  color: var(--color-silver);
-  font-size: 0.85rem;
+  color: var(--color-silver-dim);
+  font-size: 0.78rem;
+  letter-spacing: 0.02em;
+  margin-bottom: 0.2rem;
 }
 
 .timeline-item__role {
-  color: var(--color-accent);
-  margin: 0.15rem 0 0.5rem;
-  font-size: 1rem;
+  color: var(--color-fg);
+  font-weight: 600;
+  margin: 0 0 0.15rem;
+  font-size: 0.94rem;
+}
+
+.timeline-item__company {
+  color: var(--color-silver);
+  font-size: 0.82rem;
+  margin-bottom: 0.6rem;
 }
 
 .timeline-item ul {
   margin: 0;
-  padding-left: 1.2rem;
+  padding: 0;
+  list-style: none;
 }
 
-.timeline-item li::marker {
-  color: var(--color-accent-dim);
+.timeline-item li {
+  display: flex;
+  gap: 0.5rem;
+  font-size: 0.88rem;
+  line-height: 1.6;
+  color: var(--color-fg-dim);
+  margin-bottom: 0.35rem;
+}
+
+.timeline-item .dash {
+  color: var(--color-accent-mid);
+  flex-shrink: 0;
 }
 
 .contact-list {
@@ -99,12 +112,13 @@ section {
   padding: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.4rem;
+  gap: 0.5rem;
+  font-size: 0.9rem;
 }
 
-.contact-list a::before {
-  content: '$ ';
-  color: var(--color-accent-dim);
+.contact-list__label {
+  color: var(--color-silver-dim);
+  margin-right: 0.5rem;
 }
 
 .skill-group {