Update branding and partner marks

src/app/layout.tsx

@@ -12,7 +12,7 @@ const ibmPlexMono = IBM_Plex_Mono({
 export const metadata: Metadata = {
   title: "Humanity's Last Hackathon | Signup",
   description:
-    "Simple Hugging Face OAuth signup app for Humanity's Last Hackathon, with private dataset registration storage.",
+    "Signup page for Humanity's Last Hackathon, a Mac Metal kernel competition built around Codex from OpenAI and Hugging Face.",
 };
 
 export default function RootLayout({

src/app/page.module.css

@@ -12,8 +12,8 @@
 
 .hero {
   display: grid;
-  gap: 14px;
-  max-width: 860px;
+  gap: 18px;
+  max-width: 980px;
 }
 
 .eyebrow {
@@ -23,6 +23,78 @@
   color: var(--muted);
 }
 
+.partnerRail {
+  display: grid;
+  gap: 16px;
+  width: 100%;
+  padding: 18px;
+  border: 1px solid var(--border);
+  background: rgba(255, 255, 255, 0.02);
+}
+
+.partnerRailHeader {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.partnerLabel {
+  font-size: 0.72rem;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: var(--muted);
+}
+
+.partnerNote {
+  color: var(--muted);
+  font-size: 0.8rem;
+  line-height: 1.5;
+}
+
+.partnerGrid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.partnerCard {
+  display: grid;
+  gap: 10px;
+}
+
+.partnerName {
+  font-size: 0.72rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--muted);
+}
+
+.partnerMarkSurface {
+  min-height: 84px;
+  padding: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.openaiWordmark {
+  width: min(240px, 100%);
+  height: auto;
+}
+
+.hfPirateLogo {
+  width: 58px;
+  height: auto;
+  display: block;
+}
+
+.partnerMeta {
+  color: #d0d0d0;
+  line-height: 1.55;
+  font-size: 0.92rem;
+}
+
 .title {
   font-size: clamp(2.3rem, 7vw, 4.6rem);
   line-height: 0.95;
@@ -273,6 +345,10 @@
 }
 
 @media (max-width: 900px) {
+  .partnerGrid {
+    grid-template-columns: 1fr;
+  }
+
   .grid {
     grid-template-columns: 1fr;
   }
@@ -291,6 +367,14 @@
     padding: 18px;
   }
 
+  .partnerRail {
+    padding: 16px;
+  }
+
+  .partnerMarkSurface {
+    min-height: 72px;
+  }
+
   .profileCard {
     align-items: flex-start;
   }

src/app/signup-panel.tsx

@@ -123,10 +123,12 @@ export default function SignupPanel({ session }: SignupPanelProps) {
     <div className={styles.page}>
       <main className={styles.shell}>
         <section className={styles.hero}>
-          <p className={styles.eyebrow}>OpenAi + Hugging Face + GPU Mode</p>
+          <p className={styles.eyebrow}>Hackathon Registration</p>
           <h1 className={styles.title}>Humanity&apos;s Last Hackathon</h1>
           <p className={styles.subtitle}>
-            Sign up to the hardest most AGI pilled hackathon of 2026. Your task is to liberate AI models from the cloud, by optimizing kernels. <b>Your tools are Codex by OpenAI, Hugging Face, and pure mac metal silicon.</b>
+            Build Mac Metal kernels with Codex from OpenAI, register through Hugging Face, and qualify for the final
+            challenge in Humanity&apos;s Last Hackathon. <b>The focus is local inference, kernel optimization, and
+            agent-driven ML systems work on Apple silicon.</b>
           </p>
           <div className={styles.heroMeta}>
             <span>Launch: May 4th, 2026</span>
@@ -136,13 +138,13 @@ export default function SignupPanel({ session }: SignupPanelProps) {
 
         <section className={styles.grid}>
           <article className={styles.panel}>
-            <p className={styles.panelLabel}>What You&apos;re Signing Up For</p>
-            <h2 className={styles.panelTitle}>Your mission, should you choose to accept it...</h2>
+            <p className={styles.panelLabel}>Challenge Flow</p>
+            <h2 className={styles.panelTitle}>Build, benchmark, and submit a Mac Metal kernel.</h2>
             <ul className={styles.list}>
-              <li>1. Activate your free OpenAI credits.</li>
-              <li>2. Instruct Codex to optimize a Mac Metal kernel for a given task.</li>
-              <li>3. Submit your optimized kernel to Hugging Face Leaderboard.</li>
-              <li>4. Accept the final challenge.</li>
+              <li>Claim access, set up your environment, and prepare for the qualification track.</li>
+              <li>Use Codex from OpenAI to optimize a Mac Metal kernel against the benchmark task.</li>
+              <li>Submit the result through Hugging Face and track your standing on the leaderboard.</li>
+              <li>Advance to the final challenge if your kernel makes the cut.</li>
             </ul>
 
             {/* <div className={styles.noteBlock}>
@@ -156,17 +158,17 @@ export default function SignupPanel({ session }: SignupPanelProps) {
           </article>
 
           <section className={styles.panel}>
-            <p className={styles.panelLabel}>Signup</p>
-            <h2 className={styles.panelTitle}>Register with your Hugging Face account.</h2>
+            <p className={styles.panelLabel}>Registration</p>
+            <h2 className={styles.panelTitle}>Register on Hugging Face.</h2>
 
             {!session ? (
               <>
                 <p className={styles.panelCopy}>
-                  Continue on Hugging Face to open the official Humanity&apos;s Last Hackathon signup page.
+                  Continue on Hugging Face to open the official Humanity&apos;s Last Hackathon registration page.
                 </p>
                 <div className={styles.actions}>
                   <a className={styles.primaryButton} href={HACKATHON_SIGNUP_URL}>
-                    Sign up with Hugging Face
+                    Register on Hugging Face
                   </a>
                 </div>
               </>
@@ -239,6 +241,41 @@ export default function SignupPanel({ session }: SignupPanelProps) {
             ) : null}
           </section>
         </section>
+
+        <section className={styles.partnerRail}>
+          <div className={styles.partnerRailHeader}>
+            <p className={styles.partnerLabel}>Built With</p> 
+          </div>
+          <div className={styles.partnerGrid}>
+            <div className={styles.partnerCard}>
+              <span className={styles.partnerName}>OpenAI</span>
+              <div className={styles.partnerMarkSurface}>
+                <Image
+                  alt="OpenAI white wordmark"
+                  className={styles.openaiWordmark}
+                  height={719}
+                  priority
+                  src="/brand/openai-white-wordmark.svg"
+                  unoptimized
+                  width={1604}
+                />
+              </div>
+            </div>
+            <div className={styles.partnerCard}>
+              <span className={styles.partnerName}>Hugging Face</span>
+              <div className={styles.partnerMarkSurface}>
+                <Image
+                  alt="Hugging Face pirate logo in white"
+                  className={styles.hfPirateLogo}
+                  height={463}
+                  src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo-pirate.svg"
+                  unoptimized
+                  width={500}
+                />
+              </div>
+            </div>
+          </div>  
+        </section>
       </main>
     </div>
   );