Minor styling and wording fixes

src/app/page.tsx

@@ -11,7 +11,7 @@ export default function Home() {
               <span className="gradient-text">Discover</span> and share Pokémon ROM hack patches
             </h1>
             <p className="mt-4 text-[15px] text-foreground/80">
-              Find community-made hacks, view download counts, and patch in-browser with your own legally-obtained base ROMs.
+              Find community-made hacks and patch in-browser with your own legally-obtained base ROMs for Game Boy, GBC, GBA, and Nintendo DS.
             </p>
             <div className="mt-8 flex items-center gap-3">
               <Link
@@ -37,14 +37,14 @@ export default function Home() {
             <div className="text-[15px] font-semibold tracking-tight">Curated discovery</div>
             <p className="mt-1 text-sm text-foreground/70">Browse popular and trending patches across generations.</p>
           </div>
-          <div className="card p-5">
-            <div className="text-[15px] font-semibold tracking-tight">Download insights</div>
-            <p className="mt-1 text-sm text-foreground/70">See what&apos;s popular at a glance with download counts.</p>
-          </div>
           <div className="card p-5">
             <div className="text-[15px] font-semibold tracking-tight">Built-in patcher</div>
             <p className="mt-1 text-sm text-foreground/70">Provide your base ROMs and patch in the browser.</p>
           </div>
+          <div className="card p-5">
+            <div className="text-[15px] font-semibold tracking-tight">Submit your own</div>
+            <p className="mt-1 text-sm text-foreground/70">Join as a creator and submit your own rom hacks.</p>
+          </div>
         </div>
       </section>
     </div>

src/components/HackCard.tsx

@@ -39,11 +39,7 @@ export default function HackCard({ hack, clickable = true, className = "" }: { h
           {showTitlePlaceholder ? (
             <div className="absolute inset-0 flex items-center justify-center overflow-hidden">
               <span
-                className="text-[8rem] font-extrabold leading-tight text-white/20 select-none text-center uppercase tracking-tight"
-                style={{
-                  textShadow: "0 2px 24px rgba(0,0,0,0.25)",
-                  lineHeight: 0.9,
-                }}
+                className="text-[8rem] font-extrabold leading-[0.9] text-black/10 dark:text-white/20 select-none text-center uppercase tracking-tight"
               >
                 {hack.title}
               </span>

src/components/Header.tsx

@@ -11,8 +11,9 @@ function NavLink({ href, label, className = "" }: { href: string; label: React.R
   return (
     <Link
       href={href}
-      className={`rounded-md px-3 py-2 text-sm transition-colors ${
-        isActive ? "bg-[var(--surface-2)] text-[var(--foreground)] ring-1 ring-[var(--border)]" : "text-foreground/80 hover:bg-[var(--surface-2)]"
+      data-active={isActive || undefined}
+      className={`group rounded-md px-3 py-2 text-sm transition-colors text-foreground/80 hover:bg-[var(--surface-2)] underline-offset-5 decoration-2 decoration-[var(--accent)] ${
+        isActive ? "underline font-semibold" : ""
       } ${className}`}
     >
       {label}
@@ -36,13 +37,12 @@ export default function Header() {
             href="/roms"
             label={
               <span className="inline-flex items-center gap-2">
-                <span>My Base ROMs</span>
-                <span className="inline-flex items-center rounded-full bg-emerald-600/60 px-2 py-0.5 text-xs text-white ring-1 ring-emerald-700/80 dark:bg-emerald-500/20 dark:text-emerald-300 dark:ring-emerald-400/30">
+                <span className="decoration-2 decoration-[var(--accent)] group-data-active:underline">My Base ROMs</span>
+                <span className="inline-flex items-center rounded-full bg-emerald-600/60 px-2 py-0.5 text-xs text-white font-semibold ring-1 ring-emerald-700/80 dark:bg-emerald-500/20 dark:text-emerald-300 dark:ring-emerald-400/30">
                   {countReady}
                 </span>
               </span>
             }
-            className="border border-[var(--border)] bg-[var(--surface-2)] text-foreground"
           />
           <Link
             href="/submit"
@@ -50,7 +50,7 @@ export default function Header() {
               pathname === "/submit" ? "ring-2 ring-[var(--ring)] ring-offset-2 ring-offset-[var(--background)] brightness-110" : ""
             }`}
           >
-            Upload
+            Submit
           </Link>
         </nav>
       </div>

src/components/Submit/SubmitForm.tsx

@@ -177,6 +177,7 @@ export default function SubmitForm() {
         ? { discord: discord || undefined, twitter: twitter || undefined, pokecommunity: pokecommunity || undefined }
         : undefined,
     createdAt: new Date().toISOString(),
+    patchUrl: "",
   };
 
   return (