The "Where I've worked" is a bit broken, the bullet point are not aligned with the line.

index.html

@@ -281,21 +281,28 @@
           <div class="text-sm uppercase tracking-widest text-zinc-400">Experience</div>
           <h2 class="mt-2 text-3xl font-bold text-zinc-100">Where I’ve worked</h2>
         </div>
-
-        <ol class="mt-8 relative border-l border-white/10 pl-6 space-y-8">
-          <li class="relative">
-            <span class="absolute -left-3 top-1.5 h-6 w-6 rounded-full border border-white/10 bg-[color:rgb(var(--bg))] flex items-center justify-center">
-              <span class="h-2.5 w-2.5 rounded-full bg-[color:rgb(var(--color-primary-500))]"></span>
-            </span>
+        <ol class="mt-8 relative">
+          <li class="relative pl-12 pb-12">
+            <div class="absolute left-0 top-0 w-4 h-4 rounded-full border-2 border-white/20 bg-[color:rgb(var(--bg))]"></div>
+            <div class="absolute left-[7px] top-4 bottom-0 w-px bg-white/10"></div>
             <div class="glass-card rounded-2xl border border-white/10 bg-[color:rgb(var(--bg)_/_0.7)] p-6">
-              <div class="flex items-center justify-between">
+              <div class="flex items-center justify-between mb-3">
                 <div class="font-semibold text-zinc-100">Senior Frontend Engineer · Vercel-like SaaS</div>
                 <span class="text-xs text-zinc-400">2022 — Present</span>
               </div>
-              <ul class="mt-3 space-y-2 text-zinc-400 text-sm">
-                <li class="flex gap-3"><i data-feather="arrow-up-right" class="mt-0.5 text-[color:rgb(var(--color-secondary-500))]"></i> Led design system migration to Tailwind + Radix, cutting build times by 35%</li>
-                <li class="flex gap-3"><i data-feather="arrow-up-right" class="mt-0.5 text-[color:rgb(var(--color-secondary-500))]"></i> Implemented SSR/ISR patterns with Next.js; LCP improved to ~1.2s</li>
-                <li class="flex gap-3"><i data-feather="arrow-up-right" class="mt-0.5 text-[color:rgb(var(--color-secondary-500))]"></i> Mentored 4 engineers on performance and accessibility best practices</li>
+              <ul class="space-y-3 text-zinc-400 text-sm">
+                <li class="flex items-start gap-3">
+                  <div class="w-1.5 h-1.5 rounded-full bg-[color:rgb(var(--color-secondary-500))] mt-2 flex-shrink-0"></div>
+                  <span>Led design system migration to Tailwind + Radix, cutting build times by 35%</span>
+                </li>
+                <li class="flex items-start gap-3">
+                  <div class="w-1.5 h-1.5 rounded-full bg-[color:rgb(var(--color-secondary-500))] mt-2 flex-shrink-0"></div>
+                  <span>Implemented SSR/ISR patterns with Next.js; LCP improved to ~1.2s</span>
+                </li>
+                <li class="flex items-start gap-3">
+                  <div class="w-1.5 h-1.5 rounded-full bg-[color:rgb(var(--color-secondary-500))] mt-2 flex-shrink-0"></div>
+                  <span>Mentored 4 engineers on performance and accessibility best practices</span>
+                </li>
               </ul>
               <div class="mt-4 flex flex-wrap gap-2">
                 <span class="chip">React</span><span class="chip">TypeScript</span><span class="chip">Next.js</span><span class="chip">Tailwind</span>
@@ -303,18 +310,23 @@
             </div>
           </li>
 
-          <li class="relative">
-            <span class="absolute -left-3 top-1.5 h-6 w-6 rounded-full border border-white/10 bg-[color:rgb(var(--bg))] flex items-center justify-center">
-              <span class="h-2.5 w-2.5 rounded-full bg-[color:rgb(var(--color-secondary-500))]"></span>
-            </span>
+          <li class="relative pl-12 pb-12">
+            <div class="absolute left-0 top-0 w-4 h-4 rounded-full border-2 border-white/20 bg-[color:rgb(var(--bg))]"></div>
+            <div class="absolute left-[7px] top-4 bottom-0 w-px bg-white/10"></div>
             <div class="glass-card rounded-2xl border border-white/10 bg-[color:rgb(var(--bg)_/_0.7)] p-6">
-              <div class="flex items-center justify-between">
+              <div class="flex items-center justify-between mb-3">
                 <div class="font-semibold text-zinc-100">Frontend Engineer · Fintech</div>
                 <span class="text-xs text-zinc-400">2020 — 2022</span>
               </div>
-              <ul class="mt-3 space-y-2 text-zinc-400 text-sm">
-                <li class="flex gap-3"><i data-feather="arrow-up-right" class="mt-0.5 text-[color:rgb(var(--color-primary-500))]"></i> Built modular component library used across 5 products</li>
-                <li class="flex gap-3"><i data-feather="arrow-up-right" class="mt-0.5 text-[color:rgb(var(--color-primary-500))]"></i> Introduced automated visual regression testing, reducing UI bugs by 40%</li>
+              <ul class="space-y-3 text-zinc-400 text-sm">
+                <li class="flex items-start gap-3">
+                  <div class="w-1.5 h-1.5 rounded-full bg-[color:rgb(var(--color-primary-500))] mt-2 flex-shrink-0"></div>
+                  <span>Built modular component library used across 5 products</span>
+                </li>
+                <li class="flex items-start gap-3">
+                  <div class="w-1.5 h-1.5 rounded-full bg-[color:rgb(var(--color-primary-500))] mt-2 flex-shrink-0"></div>
+                  <span>Introduced automated visual regression testing, reducing UI bugs by 40%</span>
+                </li>
               </ul>
               <div class="mt-4 flex flex-wrap gap-2">
                 <span class="chip">Vue</span><span class="chip">TypeScript</span><span class="chip">Vite</span><span class="chip">Cypress</span>
@@ -322,7 +334,7 @@
             </div>
           </li>
         </ol>
-      </div>
+</div>
     </section>
 
     <!-- Contact -->

style.css

@@ -69,24 +69,50 @@ html.light .mobile-link:hover {
   color: rgb(15, 23, 42);
   background: rgba(15, 23, 42, 0.05);
 }
-
 html.light input, 
 html.light textarea {
-  background: rgba(15, 23, 42, 0.05);
+  background: rgba(255, 255, 255, 0.8);
   border-color: rgba(15, 23, 42, 0.15);
   color: rgb(15, 23, 42);
 }
-
 html.light input::placeholder, 
 html.light textarea::placeholder {
   color: rgb(100, 116, 139);
 }
-
 html.light .chip {
   background: rgba(15, 23, 42, 0.05);
   border-color: rgba(15, 23, 42, 0.1);
   color: rgb(71, 85, 105);
 }
+
+/* Form enhancements */
+.form-field {
+  position: relative;
+}
+
+.form-input {
+  @apply w-full rounded-lg border border-white/10 bg-white/5 text-zinc-200 placeholder:text-zinc-500 pl-4 pr-4 py-3 outline-none transition-all duration-200;
+}
+
+.form-input:focus {
+  @apply border-[color:rgb(var(--color-primary-500)_/_0.6)] ring-2 ring-[color:rgb(var(--color-primary-500)_/_0.2)];
+}
+
+.form-input::placeholder {
+  @apply text-zinc-500;
+}
+
+/* Light theme form inputs */
+html.light .form-input {
+  background: rgba(255, 255, 255, 0.8);
+  border-color: rgba(15, 23, 42, 0.15);
+  color: rgb(15, 23, 42);
+}
+
+html.light .form-input::placeholder {
+  color: rgb(100, 116, 139);
+}
+
 * { -webkit-tap-highlight-color: transparent; }
 
 html, body {
@@ -117,7 +143,7 @@ a { text-decoration: none; }
 
 /* Buttons */
 .btn-primary {
-  @apply inline-flex items-center gap-2 rounded-md border border-white/10 bg-[color:rgb(var(--color-primary-500)_/_0.2)] text-[color:rgb(var(--color-primary-500))] hover:bg-[color:rgb(var(--color-primary-500)_/_0.3)] px-4 py-2 font-medium transition shadow-glow;
+  @apply inline-flex items-center gap-2 rounded-lg border border-white/10 bg-[color:rgb(var(--color-primary-500)_/_0.2)] text-[color:rgb(var(--color-primary-500))] hover:bg-[color:rgb(var(--color-primary-500)_/_0.3)] px-5 py-3 font-medium transition-all duration-200 shadow-glow hover:shadow-lg hover:scale-[1.02];
 }
 .btn-ghost {
   @apply inline-flex items-center gap-2 rounded-md border border-white/10 bg-white/5 hover:bg-white/10 text-zinc-200 hover:text-white px-4 py-2 font-medium transition;
@@ -125,10 +151,10 @@ a { text-decoration: none; }
 
 /* Inputs */
 .label {
-  @apply block text-xs text-zinc-400 mb-1.5;
+  @apply block text-sm font-medium text-zinc-300 mb-2;
 }
 input, textarea {
-  @apply w-full rounded-md border border-white/10 bg-white/5 text-zinc-200 placeholder:text-zinc-500 px-3 py-2 outline-none focus:border-[color:rgb(var(--color-primary-500)_/_0.6)] focus:ring-2 focus:ring-[color:rgb(var(--color-primary-500)_/_0.2)];
+  @apply w-full rounded-lg border border-white/10 bg-white/5 text-zinc-200 placeholder:text-zinc-500 px-4 py-3 outline-none focus:border-[color:rgb(var(--color-primary-500)_/_0.6)] focus:ring-2 focus:ring-[color:rgb(var(--color-primary-500)_/_0.2)] transition-all duration-200;
 }
 
 /* Chips */
@@ -159,4 +185,4 @@ input, textarea {
   .animate-blob, .animate-float {
     animation: none !important;
   }
-}
+}