diff --git a/.gitignore b/.gitignore
index 6d98d03..42dcbfb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,3 +12,4 @@ data/fetch-progress.json
 data/geocode-cache.json
 data/pipeline.log
 *.log
+dist/
diff --git a/app/api/nominate/route.js b/app/api/nominate/route.js
new file mode 100644
index 0000000..bed50f5
--- /dev/null
+++ b/app/api/nominate/route.js
@@ -0,0 +1,17 @@
+/**
+ * Next.js API route — "Add me to DevGlobe" self-nomination
+ *
+ * Endpoint: POST /api/nominate
+ * Body: { username: string, location?: string }
+ *
+ * Validates the GitHub username via the GitHub API and stores the
+ * nomination in the Cosmos DB 'nominations' container for admin review.
+ */
+import { NextResponse } from 'next/server';
+import { submitNomination } from '../../../lib/nominate.js';
+
+export async function POST(request) {
+  const { username, location } = await request.json().catch(() => ({}));
+  const result = await submitNomination({ username, location });
+  return NextResponse.json(result.body, { status: result.status });
+}
diff --git a/app/page.jsx b/app/page.jsx
index 54d24ed..6068110 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -7,6 +7,7 @@ import Leaderboard from '../components/Leaderboard.jsx';
 import DetailPanel from '../components/DetailPanel.jsx';
 import ComparePanel from '../components/ComparePanel.jsx';
 import LoadingOverlay from '../components/LoadingOverlay.jsx';
+import AddMeModal from '../components/AddMeModal.jsx';
 import { scoreAll } from '../lib/scoring.js';
 import { addDeveloperRanks } from '../lib/ranking.js';
 import dynamic from 'next/dynamic';
@@ -29,6 +30,7 @@ export default function Home() {
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [cardRequest, setCardRequest] = useState(0);
   const [cardContext, setCardContext] = useState(null);
+  const [showAddMe, setShowAddMe] = useState(false);
   const globeRef = useRef(null);
 
   useEffect(() => {
@@ -231,6 +233,14 @@ export default function Home() {
     setCompareDevs([]);
   }, []);
 
+  const handleAddMe = useCallback(() => {
+    setShowAddMe(true);
+  }, []);
+
+  const handleCloseAddMe = useCallback(() => {
+    setShowAddMe(false);
+  }, []);
+
   const handleHome = useCallback(() => {
     setCardRequest(0);
     setCardContext(null);
@@ -258,6 +268,7 @@ export default function Home() {
         claimStatus={claimStatus}
         sidebarOpen={sidebarOpen}
         onToggleSidebar={handleToggleSidebar}
+        onAddMe={handleAddMe}
       />
       <SearchBar
         developers={developers}
@@ -318,6 +329,7 @@ export default function Home() {
         {compareDevs.length === 2 && (
           <ComparePanel devs={compareDevs} onClose={handleCloseCompare} />
         )}
+        {showAddMe && <AddMeModal onClose={handleCloseAddMe} />}
       </main>
     </div>
   );
diff --git a/components/AddMeModal.jsx b/components/AddMeModal.jsx
new file mode 100644
index 0000000..f87402b
--- /dev/null
+++ b/components/AddMeModal.jsx
@@ -0,0 +1,116 @@
+import React, { useState, useEffect, useRef } from 'react';
+import styles from './AddMeModal.module.css';
+
+const SUCCESS_MESSAGE = "Thanks! We'll review and add you within a week.";
+
+export default function AddMeModal({ onClose }) {
+  const [username, setUsername] = useState('');
+  const [location, setLocation] = useState('');
+  const [status, setStatus] = useState('idle'); // idle | submitting | success | error
+  const [error, setError] = useState('');
+  const inputRef = useRef(null);
+
+  useEffect(() => {
+    inputRef.current?.focus();
+    const onKeyDown = (e) => {
+      if (e.key === 'Escape') onClose();
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => document.removeEventListener('keydown', onKeyDown);
+  }, [onClose]);
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (status === 'submitting') return;
+
+    const clean = username.trim().replace(/^@/, '');
+    if (!clean) {
+      setStatus('error');
+      setError('Please enter your GitHub username.');
+      return;
+    }
+
+    setStatus('submitting');
+    setError('');
+    try {
+      const res = await fetch('/api/nominate', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ username: clean, location: location.trim() }),
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        setStatus('error');
+        setError(data.error || 'Something went wrong. Please try again.');
+        return;
+      }
+      setStatus('success');
+    } catch (err) {
+      setStatus('error');
+      setError('Network error. Please try again.');
+    }
+  };
+
+  return (
+    <div className={styles['modal-overlay']} onClick={onClose}>
+      <div className={styles.modal} onClick={(e) => e.stopPropagation()} role="dialog" aria-modal="true" aria-label="Add me to DevGlobe">
+        <button className={styles['modal__close']} onClick={onClose} aria-label="Close" type="button">✕</button>
+
+        {status === 'success' ? (
+          <div className={styles['modal__success']}>
+            <div className={styles['modal__success-icon']}>🎉</div>
+            <h2 className={styles['modal__title']}>You're on the list!</h2>
+            <p className={styles['modal__message']}>{SUCCESS_MESSAGE}</p>
+            <button className="btn btn--primary" onClick={onClose} type="button">Done</button>
+          </div>
+        ) : (
+          <>
+            <h2 className={styles['modal__title']}>Add me to DevGlobe</h2>
+            <p className={styles['modal__subtitle']}>
+              Submit your GitHub username to be featured on the globe. We'll review and add you within a week.
+            </p>
+            <form className={styles['modal__form']} onSubmit={handleSubmit}>
+              <label className={styles['modal__label']} htmlFor="nominate-username">
+                GitHub username <span className={styles['modal__required']}>*</span>
+              </label>
+              <input
+                id="nominate-username"
+                ref={inputRef}
+                className={styles['modal__input']}
+                type="text"
+                placeholder="octocat"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                autoComplete="off"
+                spellCheck="false"
+              />
+
+              <label className={styles['modal__label']} htmlFor="nominate-location">
+                Location <span className={styles['modal__optional']}>(optional)</span>
+              </label>
+              <input
+                id="nominate-location"
+                className={styles['modal__input']}
+                type="text"
+                placeholder="San Francisco, CA"
+                value={location}
+                onChange={(e) => setLocation(e.target.value)}
+                autoComplete="off"
+              />
+
+              {status === 'error' && <div className={styles['modal__error']}>{error}</div>}
+
+              <button
+                className={`btn btn--primary ${styles['modal__submit']}`}
+                type="submit"
+                disabled={status === 'submitting'}
+              >
+                {status === 'submitting' ? 'Submitting...' : 'Submit nomination'}
+              </button>
+            </form>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/components/AddMeModal.module.css b/components/AddMeModal.module.css
new file mode 100644
index 0000000..9665974
--- /dev/null
+++ b/components/AddMeModal.module.css
@@ -0,0 +1,143 @@
+.modal-overlay {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(10, 14, 23, 0.7);
+  backdrop-filter: blur(4px);
+  z-index: 1000;
+  padding: 16px;
+}
+
+.modal {
+  position: relative;
+  width: 100%;
+  max-width: 420px;
+  max-height: 90vh;
+  overflow-y: auto;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  padding: 28px;
+  animation: modalIn 0.18s ease-out;
+}
+
+@keyframes modalIn {
+  from { opacity: 0; transform: translateY(8px) scale(0.98); }
+  to { opacity: 1; transform: none; }
+}
+
+.modal__close {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  border-radius: 50%;
+  color: var(--text-muted);
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.modal__close:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+
+.modal__title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+
+.modal__subtitle {
+  font-size: 13px;
+  color: var(--text-secondary);
+  line-height: 1.5;
+  margin-bottom: 20px;
+}
+
+.modal__form {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.modal__label {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.modal__required {
+  color: #ef4444;
+}
+
+.modal__optional {
+  color: var(--text-muted);
+  font-weight: 400;
+}
+
+.modal__input {
+  padding: 10px 12px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  color: var(--text-primary);
+  font-size: 14px;
+  font-family: var(--font);
+  outline: none;
+  transition: border-color 0.2s;
+}
+
+.modal__input:focus {
+  border-color: var(--accent-blue);
+}
+
+.modal__error {
+  padding: 10px 12px;
+  background: rgba(239, 68, 68, 0.12);
+  border: 1px solid rgba(239, 68, 68, 0.4);
+  border-radius: 8px;
+  color: #fca5a5;
+  font-size: 13px;
+}
+
+.modal__submit {
+  margin-top: 4px;
+  padding: 10px 14px;
+  border-radius: 8px;
+}
+
+.modal__success {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 12px;
+  padding: 12px 0;
+}
+
+.modal__success-icon {
+  font-size: 44px;
+}
+
+.modal__success .modal__title {
+  margin-bottom: 0;
+}
+
+.modal__message {
+  font-size: 14px;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
diff --git a/components/Header.jsx b/components/Header.jsx
index 8f61a7e..5331bc5 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -3,7 +3,7 @@
 import React from 'react';
 import UserMenu from './UserMenu.jsx';
 
-export default function Header({ onHome, theme, onToggleTheme, user, onLogout, onClaim, claimStatus, sidebarOpen, onToggleSidebar }) {
+export default function Header({ onHome, theme, onToggleTheme, user, onLogout, onClaim, claimStatus, sidebarOpen, onToggleSidebar, onAddMe }) {
   return (
     <header className="header">
       <div className="header__brand" onClick={onHome} style={{ cursor: 'pointer' }}>
@@ -12,6 +12,11 @@ export default function Header({ onHome, theme, onToggleTheme, user, onLogout, o
         <span className="header__subtitle">Where Developers and AI Agents Connect</span>
       </div>
       <div className="header__actions">
+        <button type="button" onClick={onAddMe} className="btn btn--join">
+          <svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" aria-hidden="true" focusable="false">
+            <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-2 5c-2.97 0-6 1.49-6 3v1h12v-1c0-1.51-3.03-3-6-3zm-4.9 3c.4-1 2.2-2 4.9-2s4.5 1 4.9 2H1.1zM12.5 4h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0V5h1a.5.5 0 0 0 0-1h-1V3a.5.5 0 0 0-1 0v1z"></path>
+          </svg>Add Me To Globe
+        </button>
         <button
           type="button"
           className="btn btn--sidebar-toggle"
diff --git a/lib/nominate.js b/lib/nominate.js
new file mode 100644
index 0000000..de576b7
--- /dev/null
+++ b/lib/nominate.js
@@ -0,0 +1,140 @@
+/**
+ * Shared logic for the "Add me to DevGlobe" self-nomination flow.
+ *
+ * Used by:
+ *   - app/api/nominate/route.js (Next.js API route)
+ *   - scripts/review-nominations.js (admin review flow)
+ *
+ * Flow:
+ *   1. Validate the GitHub username exists via the GitHub API.
+ *   2. Reject if the developer is already in the main dataset.
+ *   3. Reject duplicate pending nominations.
+ *   4. Store the nomination in the 'nominations' container (status: pending).
+ */
+import { CosmosClient } from '@azure/cosmos';
+
+const DATABASE = 'devglobe';
+const DEVELOPERS_CONTAINER = 'developers';
+const NOMINATIONS_CONTAINER = 'nominations';
+const GITHUB_API = 'https://api.github.com';
+
+// GitHub usernames: alphanumeric + single hyphens, 1-39 chars, cannot end with hyphen
+const USERNAME_RE = /^[a-z\d](?:[a-z\d]|-(?=[a-z\d])){0,38}$/i;
+
+export function normalizeUsername(raw) {
+  if (!raw) return '';
+  return String(raw).trim().replace(/^@/, '').toLowerCase();
+}
+
+async function verifyGitHubUser(username) {
+  const headers = {
+    Accept: 'application/vnd.github+json',
+    'User-Agent': 'devglobe-nomination',
+  };
+  if (process.env.GITHUB_TOKEN) {
+    headers.Authorization = `Bearer ${process.env.GITHUB_TOKEN}`;
+  }
+
+  const res = await fetch(`${GITHUB_API}/users/${encodeURIComponent(username)}`, { headers });
+  if (res.status === 404) return { ok: false, notFound: true };
+  if (!res.ok) throw new Error(`GitHub API returned ${res.status}`);
+  return { ok: true, user: await res.json() };
+}
+
+async function getClient() {
+  return new CosmosClient({
+    endpoint: process.env.COSMOS_ENDPOINT,
+    key: process.env.COSMOS_KEY,
+  });
+}
+
+async function ensureNominationsContainer(client) {
+  const { database } = await client.databases.createIfNotExists({ id: DATABASE });
+  const { container } = await database.containers.createIfNotExists({
+    id: NOMINATIONS_CONTAINER,
+    partitionKey: { paths: ['/username'] },
+  });
+  return { database, container };
+}
+
+export async function submitNomination({ username, location }) {
+  if (!process.env.COSMOS_ENDPOINT || !process.env.COSMOS_KEY) {
+    return { status: 500, body: { error: 'Cosmos DB credentials not configured' } };
+  }
+
+  const cleanUsername = normalizeUsername(username);
+  if (!USERNAME_RE.test(cleanUsername)) {
+    return {
+      status: 400,
+      body: { error: 'Please enter a valid GitHub username (letters, numbers, hyphens).' },
+    };
+  }
+
+  let ghUser;
+  try {
+    const verified = await verifyGitHubUser(cleanUsername);
+    if (!verified.ok && verified.notFound) {
+      return { status: 404, body: { error: 'GitHub user does not exist.' } };
+    }
+    if (!verified.ok) {
+      return { status: 502, body: { error: 'Could not verify the GitHub username. Please try again.' } };
+    }
+    ghUser = verified.user;
+  } catch (err) {
+    console.error('GitHub validation error:', err.message);
+    return { status: 502, body: { error: 'Could not verify the GitHub username. Please try again.' } };
+  }
+
+  const client = await getClient();
+  const { database, container } = await ensureNominationsContainer(client);
+  const developersContainer = database.container(DEVELOPERS_CONTAINER);
+
+  try {
+    // Already in the main dataset?
+    const { resources: existing } = await developersContainer.items
+      .query({
+        query: 'SELECT VALUE c.login FROM c WHERE LOWER(c.login) = @login',
+        parameters: [{ name: '@login', value: cleanUsername }],
+      })
+      .fetchAll();
+    if (existing.length > 0) {
+      return { status: 409, body: { error: 'This developer is already on the globe.' } };
+    }
+
+    // Duplicate pending nomination?
+    const { resources: dupes } = await container.items
+      .query({
+        query: 'SELECT VALUE c FROM c WHERE LOWER(c.username) = @username AND c.status = @status',
+        parameters: [
+          { name: '@username', value: cleanUsername },
+          { name: '@status', value: 'pending' },
+        ],
+      })
+      .fetchAll();
+    if (dupes.length > 0) {
+      return { status: 409, body: { error: 'This username is already in the review queue.' } };
+    }
+
+    const now = new Date().toISOString();
+    const nomination = {
+      id: cleanUsername,
+      username: cleanUsername,
+      name: ghUser.name || cleanUsername,
+      avatarUrl: ghUser.avatar_url,
+      location: String(location || '').trim(),
+      status: 'pending',
+      createdAt: now,
+      githubUrl: ghUser.html_url,
+    };
+
+    await container.items.upsert(nomination);
+
+    return {
+      status: 201,
+      body: { message: "Thanks! We'll review and add you within a week.", username: cleanUsername },
+    };
+  } catch (err) {
+    console.error('Nomination storage error:', err.message);
+    return { status: 500, body: { error: 'Failed to store nomination.' } };
+  }
+}
diff --git a/package.json b/package.json
index cc65299..4d82426 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "fetch-stackoverflow": "node scripts/fetch-stackoverflow.js",
     "geocode": "node scripts/geocode.js",
     "upload-cosmos": "node scripts/upload-cosmosdb.js",
+    "review-nominations": "node scripts/review-nominations.js",
     "seed-emulator": "node scripts/seed-emulator.js"
   },
   "dependencies": {
diff --git a/scripts/review-nominations.js b/scripts/review-nominations.js
new file mode 100644
index 0000000..440ebdc
--- /dev/null
+++ b/scripts/review-nominations.js
@@ -0,0 +1,234 @@
+/**
+ * Admin review flow for "Add me to DevGlobe" nominations.
+ *
+ * Usage:
+ *   node scripts/review-nominations.js list                    # show nominations
+ *   node scripts/review-nominations.js approve <username>      # add to main dataset
+ *   node scripts/review-nominations.js reject <username>       # reject nomination
+ *   node scripts/review-nominations.js status <username>       # show single nomination
+ *
+ * Approving fetches the user's GitHub data, geocodes their location,
+ * and upserts the developer document into the 'developers' container.
+ */
+import 'dotenv/config';
+import { CosmosClient } from '@azure/cosmos';
+import { normalizeUsername } from '../lib/nominate.js';
+
+const COSMOS_ENDPOINT = process.env.COSMOS_ENDPOINT;
+const COSMOS_KEY = process.env.COSMOS_KEY;
+const DATABASE = 'devglobe';
+const DEVELOPERS_CONTAINER = 'developers';
+const NOMINATIONS_CONTAINER = 'nominations';
+
+if (!COSMOS_ENDPOINT || !COSMOS_KEY) {
+  console.error('Error: COSMOS_ENDPOINT and COSMOS_KEY are required in .env');
+  process.exit(1);
+}
+
+const client = new CosmosClient({ endpoint: COSMOS_ENDPOINT, key: COSMOS_KEY });
+
+async function ensureContainers() {
+  const { database } = await client.databases.createIfNotExists({ id: DATABASE });
+  const { container: nominations } = await database.containers.createIfNotExists({
+    id: NOMINATIONS_CONTAINER,
+    partitionKey: { paths: ['/username'] },
+  });
+  const { container: developers } = await database.containers.createIfNotExists({
+    id: DEVELOPERS_CONTAINER,
+    partitionKey: { paths: ['/location'] },
+  });
+  return { database, nominations, developers };
+}
+
+async function listNominations(container) {
+  const { resources } = await container.items
+    .query({ query: 'SELECT * FROM c ORDER BY c.createdAt' })
+    .fetchAll();
+  if (resources.length === 0) {
+    console.log('No nominations found.');
+    return;
+  }
+  console.log(`Found ${resources.length} nomination(s):\n`);
+  for (const n of resources) {
+    const date = new Date(n.createdAt).toLocaleString();
+    console.log(
+      `  [${n.status}] ${n.username.padEnd(24)} (${n.name || '—'})` +
+      `${n.location ? ` — ${n.location}` : ''} — submitted ${date}`
+    );
+  }
+}
+
+async function getNomination(container, username) {
+  const { resources } = await container.items
+    .query({
+      query: 'SELECT * FROM c WHERE LOWER(c.username) = @username',
+      parameters: [{ name: '@username', value: username.toLowerCase() }],
+    })
+    .fetchAll();
+  return resources[0] || null;
+}
+
+async function setStatus(container, nomination, status) {
+  const doc = { ...nomination, status, reviewedAt: new Date().toISOString() };
+  await container.items.upsert(doc);
+  console.log(`  ✓ "${nomination.username}" marked as ${status}`);
+}
+
+async function fetchGitHubUser(username) {
+  const headers = { Accept: 'application/vnd.github+json', 'User-Agent': 'devglobe-review' };
+  if (process.env.GITHUB_TOKEN) headers.Authorization = `Bearer ${process.env.GITHUB_TOKEN}`;
+
+  const userRes = await fetch(`https://api.github.com/users/${username}`, { headers });
+  if (!userRes.ok) {
+    throw new Error(`GitHub API returned ${userRes.status} for user lookup`);
+  }
+  const user = await userRes.json();
+
+  const reposRes = await fetch(
+    `https://api.github.com/users/${username}/repos?sort=stargazers_count&direction=desc&per_page=5&type=owner`,
+    { headers }
+  );
+  const repos = reposRes.ok ? await reposRes.json() : [];
+
+  const totalStars = repos.reduce((sum, r) => sum + (r.stargazers_count || 0), 0);
+  const totalForks = repos.reduce((sum, r) => sum + (r.forks_count || 0), 0);
+  const langCounts = {};
+  repos.forEach(r => {
+    if (r.language) langCounts[r.language] = (langCounts[r.language] || 0) + 1;
+  });
+  const totalLangRepos = Object.values(langCounts).reduce((s, v) => s + v, 0);
+  const languages = Object.entries(langCounts)
+    .sort((a, b) => b[1] - a[1])
+    .slice(0, 4)
+    .map(([name, count]) => ({ name, percent: Math.round((count / totalLangRepos) * 100) }));
+  const topLanguage = languages[0]?.name || null;
+
+  return {
+    login: user.login,
+    name: user.name || user.login,
+    avatarUrl: user.avatar_url,
+    bio: user.bio,
+    location: user.location || 'Unknown',
+    followers: user.followers || 0,
+    totalStars,
+    totalForks,
+    totalWatchers: totalForks,
+    topLanguage,
+    languages,
+    topRepos: repos.map(r => ({ name: r.name, stars: r.stargazers_count, forks: r.forks_count })),
+    totalCommits: 0,
+  };
+}
+
+function fallbackGeocode(location) {
+  const known = {
+    'san francisco': { lat: 37.7749, lng: -122.4194 },
+    'new york': { lat: 40.7128, lng: -74.006 },
+    'london': { lat: 51.5074, lng: -0.1278 },
+    'berlin': { lat: 52.52, lng: 13.405 },
+    'toronto': { lat: 43.6532, lng: -79.3832 },
+    'seattle': { lat: 47.6062, lng: -122.3321 },
+    'bangalore': { lat: 12.9716, lng: 77.5946 },
+    'singapore': { lat: 1.3521, lng: 103.8198 },
+    'sydney': { lat: -33.8688, lng: 151.2093 },
+    'usa': { lat: 39.8283, lng: -98.5795 },
+    'united states': { lat: 39.8283, lng: -98.5795 },
+  };
+  const normalized = (location || '').toLowerCase();
+  for (const [key, coords] of Object.entries(known)) {
+    if (normalized.includes(key)) return coords;
+  }
+  return null;
+}
+
+async function geocode(location) {
+  if (!location) return null;
+  const fallback = fallbackGeocode(location);
+  if (fallback) return fallback;
+
+  if (process.env.GEOCODE_API_KEY) {
+    try {
+      const params = new URLSearchParams({ q: location, key: process.env.GEOCODE_API_KEY, limit: '1', no_annotations: '1' });
+      const res = await fetch(`https://api.opencagedata.com/geocode/v1/json?${params}`);
+      const data = await res.json();
+      if (data.results?.[0]?.geometry) {
+        const { lat, lng } = data.results[0].geometry;
+        return { lat, lng };
+      }
+    } catch { /* fall through */ }
+  }
+  return null;
+}
+
+async function approve(nominations, developers, username) {
+  const nomination = await getNomination(nominations, username);
+  if (!nomination) {
+    console.error(`No nomination found for "${username}".`);
+    process.exit(1);
+  }
+  if (nomination.status === 'approved') {
+    console.error(`"${username}" is already approved.`);
+    process.exit(1);
+  }
+
+  console.log(`Approving "${username}"...`);
+  const dev = await fetchGitHubUser(username);
+  const location = (nomination.location || '').trim() || dev.location;
+  const coords = await geocode(location);
+
+  const doc = {
+    id: dev.login,
+    ...dev,
+    location: location || 'Unknown',
+    ...(coords ? { lat: coords.lat, lng: coords.lng } : {}),
+  };
+
+  await developers.items.upsert(doc);
+  await setStatus(nominations, nomination, 'approved');
+  console.log(`  ✓ Added "${username}" to the developers dataset.`);
+}
+
+async function reject(nominations, username) {
+  const nomination = await getNomination(nominations, username);
+  if (!nomination) {
+    console.error(`No nomination found for "${username}".`);
+    process.exit(1);
+  }
+  await setStatus(nominations, nomination, 'rejected');
+}
+
+async function main() {
+  const [cmd, rawUsername] = process.argv.slice(2);
+  const username = normalizeUsername(rawUsername);
+  const { nominations, developers } = await ensureContainers();
+
+  switch (cmd) {
+    case 'list':
+      await listNominations(nominations);
+      break;
+    case 'status':
+      if (!username) { console.error('Usage: review-nominations.js status <username>'); process.exit(1); }
+      console.log(JSON.stringify(await getNomination(nominations, username), null, 2));
+      break;
+    case 'approve':
+      if (!username) { console.error('Usage: review-nominations.js approve <username>'); process.exit(1); }
+      await approve(nominations, developers, username);
+      break;
+    case 'reject':
+      if (!username) { console.error('Usage: review-nominations.js reject <username>'); process.exit(1); }
+      await reject(nominations, username);
+      break;
+    default:
+      console.log(`Usage: node scripts/review-nominations.js <command> [username]
+  list          Show all nominations
+  status <u>    Show details for one nomination
+  approve <u>   Approve and add to the developers dataset
+  reject <u>    Reject the nomination`);
+      process.exit(cmd ? 1 : 0);
+  }
+}
+
+main().catch(err => {
+  console.error('Fatal error:', err);
+  process.exit(1);
+});
diff --git a/styles/main.css b/styles/main.css
index ffcd59b..7ac6ccf 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -128,6 +128,9 @@ body {
   font-family: var(--font);
   font-weight: 500;
   text-decoration: none;
+  background: none;
+  border: none;
+  cursor: pointer;
   transition: background 0.2s, transform 0.15s;
   white-space: nowrap;
 }
@@ -136,6 +139,32 @@ body {
   transform: translateY(-1px);
 }
 
+.btn--join {
+  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
+  color: #fff;
+}
+
+.btn--join:hover {
+  background: linear-gradient(135deg, #4b8efc, #9a6cfc);
+  box-shadow: 0 0 12px rgba(99, 102, 241, 0.4);
+}
+
+.btn--primary {
+  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
+  color: #fff;
+  justify-content: center;
+}
+
+.btn--primary:hover {
+  background: linear-gradient(135deg, #4b8efc, #9a6cfc);
+}
+
+.btn--primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+
 .btn--star {
   background: var(--overlay-subtle);
   border: 1px solid var(--border);