Style profile links as clickable hyperlinks

Add visible link styling for .locked-resume-links anchors with accent
color, underline, and hover states. Open external profile links in a new
tab with rel=noopener noreferrer and add data-contribution-id for
attribution.

Co-authored-by: parse-nip <parse-nip@users.noreply.github.com>

Author: cursoragent

src/app/globals.css

@@ -1009,6 +1009,28 @@
     color: inherit;
   }
 
+  .locked-resume-links {
+    color: var(--color-text-secondary);
+    font-size: 0.9375rem;
+  }
+
+  .locked-resume-links a {
+    color: var(--color-accent-blue-text);
+    text-decoration: underline;
+    text-decoration-color: rgba(49, 95, 220, 0.35);
+    text-underline-offset: 0.15em;
+    cursor: pointer;
+    transition:
+      color 120ms ease,
+      text-decoration-color 120ms ease;
+  }
+
+  .locked-resume-links a:hover,
+  .locked-resume-links a:focus-visible {
+    color: #2449b8;
+    text-decoration-color: currentColor;
+  }
+
   .design-select-overlay {
     pointer-events: none;
     position: fixed;

src/components/locked/LockedResume.tsx

@@ -14,11 +14,20 @@ export function LockedResume() {
           <header className="locked-resume-header">
             <h1 data-fact-id="profile-name">{data.profile.name}</h1>
             <p data-fact-id="profile-tagline">{data.profile.tagline}</p>
-            <p className="locked-resume-links">
+            <p
+              className="locked-resume-links"
+              data-contribution-id="profile-links"
+            >
               {data.profile.links.map((link, i) => (
                 <span key={link.href}>
                   {i > 0 ? " · " : null}
-                  <a href={link.href} data-fact-id={`profile-link-${i}`}>
+                  <a
+                    href={link.href}
+                    data-fact-id={`profile-link-${i}`}
+                    data-contribution-id="profile-links"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
                     {link.label}
                   </a>
                 </span>