update projects and contact form

app/globals.css

@@ -189,3 +189,62 @@ body {
   background: var(--faint);
 }
 .commit-line:last-child::before { display: none; }
+
+.prose {
+  --tw-prose-body: rgba(226, 232, 240, 0.88);    /* text-slate-200 */
+  --tw-prose-headings: #e5e7eb;                  /* text-slate-200 */
+  --tw-prose-links: #e5e7eb;
+  --tw-prose-links-hover: #ffffff;
+  --tw-prose-quotes: #e5e7eb;
+  --tw-prose-bold: #e5e7eb;
+  --tw-prose-bullets: rgba(148, 163, 184, 0.7);
+  --tw-prose-hr: rgba(148, 163, 184, 0.25);
+  --tw-prose-th-borders: rgba(148, 163, 184, 0.4);
+  --tw-prose-td-borders: rgba(148, 163, 184, 0.2);
+}
+
+.prose.prose-invert {
+  color: var(--tw-prose-body);
+}
+
+.prose.prose-invert h1,
+.prose.prose-invert h2,
+.prose.prose-invert h3,
+.prose.prose-invert h4 {
+  letter-spacing: -0.02em;
+}
+
+.prose.prose-invert a {
+  text-decoration: none;
+  border-bottom: 1px dotted rgba(148, 163, 184, 0.6);
+}
+
+.prose.prose-invert a:hover {
+  border-bottom-style: solid;
+  border-bottom-color: rgba(248, 250, 252, 0.9);
+}
+
+.prose.prose-invert code {
+  font-size: 0.8rem;
+  background: rgba(15, 23, 42, 0.9);
+  border-radius: 0.35rem;
+  padding: 0.1rem 0.3rem;
+}
+
+.prose.prose-invert pre {
+  background: radial-gradient(circle at top left, #020617, #020617);
+  border-radius: 0.75rem;
+  border: 1px solid rgba(148, 163, 184, 0.25);
+  padding: 0.9rem 1rem;
+}
+
+.prose.prose-invert pre code {
+  background: transparent;
+  padding: 0;
+}
+
+.prose.prose-invert ul,
+.prose.prose-invert ol {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}