From 412febe086e245167830429dd5947f2cbc46221f Mon Sep 17 00:00:00 2001
From: DVidal1205 <dylanvidal1204@gmail.com>
Date: Fri, 3 Jul 2026 14:03:11 -0700
Subject: [PATCH 01/10] feat: move bloom participant flows out of blade

Co-authored-by: Madu <madudiop1122@gmail.com>
---
 .env.example                                  |    3 +-
 .../hackathon/manage/hackathon-manager.tsx    |  114 +-
 .../dashboard/dashboard-entry-dialogs.tsx     |   89 -
 .../hackathon-dashboard/components.tsx        |   88 -
 .../hackathon-dashboard/countdown.tsx         |  127 -
 .../hackathon-dashboard/hackathon-data.tsx    |  137 -
 .../hackathon-dashboard/issue-dialog.tsx      |   96 -
 .../hackathon-dashboard/upcoming-events.tsx   |   96 -
 .../hacker-dashboard/confirm-button.tsx       |  112 -
 .../hacker-dashboard/hacker-dashboard.tsx     |  121 -
 .../hacker-dashboard/hacker-data.tsx          |  307 --
 .../hacker-dashboard/hacker-qr-button.tsx     |  108 -
 .../hacker-dashboard/hacker-resume-button.tsx |   30 -
 .../hacker-dashboard/past-hackathons.tsx      |  114 -
 .../dashboard/hacker/hackbackgrounds/khix.ts  |  456 ---
 .../hackathon/portal-unavailable.tsx          |   24 +
 .../src/app/_components/option-cards.tsx      |   42 +-
 apps/blade/src/app/_components/providers.tsx  |    7 +-
 .../settings/delete-hacker-button.tsx         |  124 -
 .../app/_components/settings/sidebar-nav.tsx  |   22 +-
 .../_components/theme-toggle-route-guard.tsx  |   20 -
 apps/blade/src/app/dashboard/page.tsx         |   28 +-
 apps/blade/src/app/hackathon/README.md        |  156 +-
 apps/blade/src/app/hackathon/[slug]/page.tsx  |   61 +-
 .../src/app/hackathon/bloomknights/page.tsx   |   51 -
 apps/blade/src/app/hackathon/page.tsx         |   47 +-
 .../application/[hackathon-id]/page.tsx       |  106 +-
 .../src/app/settings/hacker-profile/page.tsx  |   79 +-
 apps/blade/src/app/settings/page.tsx          |    5 -
 apps/blade/src/consts/index.ts                |    4 -
 apps/blade/src/lib/hackathon-portal.ts        |   30 +
 apps/bloomknights/next.config.js              |   14 +-
 apps/bloomknights/package.json                |    5 +
 .../src/app/(marketing)/layout.tsx            |   41 +
 .../src/app/{ => (marketing)}/page.tsx        |   16 +-
 .../hackbackgrounds/bloomknights.ts           |    0
 .../application}/hackbackgrounds/index.ts     |   30 +-
 .../application}/hackbackgrounds/types.ts     |    0
 .../hacker-application-background.tsx         |    0
 .../application}/hacker-application-form.tsx  |  467 +--
 .../app/(portal)/_components/auth-retry.tsx   |   31 +
 .../(portal)/_components/bloom-dashboard.tsx  |  446 +++
 .../bloomknights-action-blooms.tsx            |  367 +++
 .../bloomknights-ambient-background.tsx       |  102 +
 .../bloomknights-dashboard-logo.tsx           |   23 +
 .../bloomknights-dashboard-shell.tsx          |  126 +
 .../bloomknights-flower-cursor.tsx            |  204 ++
 .../_components}/hacker-profile-form.tsx      |  222 +-
 .../(portal)/_components/portal-header.tsx    |   31 +
 .../src/app/(portal)/apply/page.tsx           |   69 +
 .../src/app/(portal)/dashboard/page.tsx       |   32 +
 .../app/(portal)/dashboard/profile/page.tsx   |   47 +
 .../hacker/application/bloomknights/page.tsx  |    5 +
 apps/bloomknights/src/app/(portal)/layout.tsx |   15 +
 .../src/app/_components/navbar/NavContent.tsx |   28 +
 .../src/app/_components/navbar/Navbar.tsx     |   18 +-
 .../_components/register/registerButton.tsx   |    7 +-
 .../src/app/api/auth/[...all]/route.ts        |    3 +
 .../src/app/api/auth/signin/route.ts          |    1 +
 .../src/app/api/trpc/[trpc]/route.ts          |   31 +
 apps/bloomknights/src/app/layout.tsx          |   35 +-
 apps/bloomknights/src/auth/client.ts          |    9 +
 apps/bloomknights/src/auth/server.ts          |   10 +
 apps/bloomknights/src/env.ts                  |   25 +
 apps/bloomknights/src/lib/portal-config.ts    |   17 +
 docs/API-AND-PERMISSIONS.md                   |   12 +
 docs/ARCHITECTURE.md                          |   49 +-
 packages/api/package.json                     |    4 +
 packages/api/src/minio/minio-client.ts        |    8 +-
 packages/api/src/participant-contract.ts      |   94 +
 packages/api/src/participant.ts               |   41 +
 packages/api/src/resume-storage.ts            |    8 +-
 packages/api/src/routers/hackathon.ts         |    6 +
 packages/api/src/routers/hackers/mutations.ts |   31 +-
 .../api/src/routers/participant-portal.ts     |  545 ++++
 packages/api/src/storage-env.ts               |   14 +
 packages/api/src/trpc.ts                      |    5 +-
 packages/auth/package.json                    |    3 +
 packages/auth/src/callback-url.ts             |   20 +-
 packages/auth/src/client-factory.ts           |   69 +
 packages/auth/src/config.ts                   |  123 -
 packages/auth/src/env.ts                      |   21 +-
 packages/auth/src/factory.ts                  |  113 +
 packages/auth/src/index.rsc.ts                |  100 +-
 packages/auth/src/index.ts                    |   42 +-
 packages/auth/src/server-factory.ts           |  115 +
 packages/auth/src/shared-env.ts               |   20 +
 .../0010_wooden_supreme_intelligence.sql      |    7 +
 packages/db/drizzle/meta/0010_snapshot.json   | 2786 +++++++++++++++++
 packages/db/drizzle/meta/_journal.json        |    7 +
 packages/db/src/schemas/knight-hacks.ts       |    2 +
 packages/hackathon/README.md                  |   51 +
 packages/hackathon/eslint.config.js           |    4 +
 packages/hackathon/package.json               |   43 +
 packages/hackathon/src/application-schema.ts  |  337 ++
 packages/hackathon/src/client.tsx             |  328 ++
 packages/hackathon/src/config.ts              |   78 +
 packages/hackathon/src/index.ts               |    3 +
 packages/hackathon/src/lifecycle.ts           |   60 +
 packages/hackathon/src/query-client.ts        |   20 +
 packages/hackathon/src/server.ts              |   15 +
 packages/hackathon/src/types.ts               |   18 +
 packages/hackathon/tsconfig.json              |    9 +
 packages/utils/src/discord-env.ts             |    9 +
 packages/utils/src/discord.ts                 |    6 +-
 packages/utils/src/google-env.ts              |   12 +
 packages/utils/src/google.ts                  |    9 +-
 packages/utils/src/stripe-env.ts              |    9 +
 packages/utils/src/stripe.ts                  |    6 +-
 packages/validators/package.json              |    1 +
 packages/validators/src/hackathons.ts         |   45 +
 packages/validators/src/hacker.ts             |   41 +
 packages/validators/src/index.ts              |    1 +
 pnpm-lock.yaml                                |   70 +
 turbo.json                                    |    3 +-
 115 files changed, 7157 insertions(+), 3547 deletions(-)
 delete mode 100644 apps/blade/src/app/_components/dashboard/dashboard-entry-dialogs.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hackathon-dashboard/components.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hackathon-dashboard/countdown.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hackathon-dashboard/hackathon-data.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hackathon-dashboard/issue-dialog.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hackathon-dashboard/upcoming-events.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker-dashboard/confirm-button.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-dashboard.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-data.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-qr-button.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-resume-button.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker-dashboard/past-hackathons.tsx
 delete mode 100644 apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/khix.ts
 create mode 100644 apps/blade/src/app/_components/hackathon/portal-unavailable.tsx
 delete mode 100644 apps/blade/src/app/_components/settings/delete-hacker-button.tsx
 delete mode 100644 apps/blade/src/app/_components/theme-toggle-route-guard.tsx
 delete mode 100644 apps/blade/src/app/hackathon/bloomknights/page.tsx
 create mode 100644 apps/blade/src/lib/hackathon-portal.ts
 create mode 100644 apps/bloomknights/src/app/(marketing)/layout.tsx
 rename apps/bloomknights/src/app/{ => (marketing)}/page.tsx (91%)
 rename apps/{blade/src/app/_components/dashboard/hacker => bloomknights/src/app/(portal)/_components/application}/hackbackgrounds/bloomknights.ts (100%)
 rename apps/{blade/src/app/_components/dashboard/hacker => bloomknights/src/app/(portal)/_components/application}/hackbackgrounds/index.ts (59%)
 rename apps/{blade/src/app/_components/dashboard/hacker => bloomknights/src/app/(portal)/_components/application}/hackbackgrounds/types.ts (100%)
 rename apps/{blade/src/app/_components/dashboard/hacker => bloomknights/src/app/(portal)/_components/application}/hacker-application-background.tsx (100%)
 rename apps/{blade/src/app/_components/dashboard/hacker => bloomknights/src/app/(portal)/_components/application}/hacker-application-form.tsx (85%)
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/bloomknights-action-blooms.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/bloomknights-ambient-background.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/bloomknights-flower-cursor.tsx
 rename apps/{blade/src/app/_components/settings => bloomknights/src/app/(portal)/_components}/hacker-profile-form.tsx (83%)
 create mode 100644 apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/apply/page.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/dashboard/page.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/hacker/application/bloomknights/page.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/layout.tsx
 create mode 100644 apps/bloomknights/src/app/api/auth/[...all]/route.ts
 create mode 100644 apps/bloomknights/src/app/api/auth/signin/route.ts
 create mode 100644 apps/bloomknights/src/app/api/trpc/[trpc]/route.ts
 create mode 100644 apps/bloomknights/src/auth/client.ts
 create mode 100644 apps/bloomknights/src/auth/server.ts
 create mode 100644 apps/bloomknights/src/env.ts
 create mode 100644 apps/bloomknights/src/lib/portal-config.ts
 create mode 100644 packages/api/src/participant-contract.ts
 create mode 100644 packages/api/src/participant.ts
 create mode 100644 packages/api/src/routers/participant-portal.ts
 create mode 100644 packages/api/src/storage-env.ts
 create mode 100644 packages/auth/src/client-factory.ts
 delete mode 100644 packages/auth/src/config.ts
 create mode 100644 packages/auth/src/factory.ts
 create mode 100644 packages/auth/src/server-factory.ts
 create mode 100644 packages/auth/src/shared-env.ts
 create mode 100644 packages/db/drizzle/0010_wooden_supreme_intelligence.sql
 create mode 100644 packages/db/drizzle/meta/0010_snapshot.json
 create mode 100644 packages/hackathon/README.md
 create mode 100644 packages/hackathon/eslint.config.js
 create mode 100644 packages/hackathon/package.json
 create mode 100644 packages/hackathon/src/application-schema.ts
 create mode 100644 packages/hackathon/src/client.tsx
 create mode 100644 packages/hackathon/src/config.ts
 create mode 100644 packages/hackathon/src/index.ts
 create mode 100644 packages/hackathon/src/lifecycle.ts
 create mode 100644 packages/hackathon/src/query-client.ts
 create mode 100644 packages/hackathon/src/server.ts
 create mode 100644 packages/hackathon/src/types.ts
 create mode 100644 packages/hackathon/tsconfig.json
 create mode 100644 packages/utils/src/discord-env.ts
 create mode 100644 packages/utils/src/google-env.ts
 create mode 100644 packages/utils/src/stripe-env.ts
 create mode 100644 packages/validators/src/hacker.ts

diff --git a/.env.example b/.env.example
index bb272bc96..79544a8e4 100644
--- a/.env.example
+++ b/.env.example
@@ -35,6 +35,7 @@ MINIO_SECRET_KEY="minioadmin"
 
 # Blade URL
 BLADE_URL="http://localhost:3000"
+BLOOMKNIGHTS_URL="http://localhost:3006"
 
 # Passkit
 WWDR_CERT_BASE64="wwdr-cert-b64"
@@ -48,4 +49,4 @@ TEAM_IDENTIFIER="team-identifier"
 LISTMONK_URL="https://localhost/"
 LISTMONK_USER="ci"
 LISTMONK_TOKEN="ci"
-LISTMONK_FROM_EMAIL="ci@localhost"
\ No newline at end of file
+LISTMONK_FROM_EMAIL="ci@localhost"
diff --git a/apps/blade/src/app/_components/admin/hackathon/manage/hackathon-manager.tsx b/apps/blade/src/app/_components/admin/hackathon/manage/hackathon-manager.tsx
index 3b5c8573f..368e14dd1 100644
--- a/apps/blade/src/app/_components/admin/hackathon/manage/hackathon-manager.tsx
+++ b/apps/blade/src/app/_components/admin/hackathon/manage/hackathon-manager.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { useState } from "react";
-import Link from "next/link";
 import { ExternalLink, Loader2, Pencil, Plus, ShieldCheck } from "lucide-react";
 import { z } from "zod";
 
@@ -55,7 +54,9 @@ import {
   getHackathonBackgroundIssues,
   getHackathonDateWindowIssues,
   getHackathonEmailTemplateIssues,
+  hackathonConfirmationCapacitySchema,
   hackathonDisplayNameSchema,
+  hackathonPortalBaseUrlSchema,
   hackathonRouteNameSchema,
   hackathonThemeSchema,
 } from "@forge/validators";
@@ -105,6 +106,8 @@ const formSchema = z
     applicationBackgroundKey: hackathonApplicationBackgroundKeySchema,
     emailTemplateEnabled: z.boolean(),
     emailTemplateKey: hackathonEmailTemplateKeySchema,
+    portalBaseUrl: z.string(),
+    confirmationCapacity: z.string(),
     applicationOpen: z.string().min(1, "Application open is required."),
     applicationDeadline: z.string().min(1, "Application deadline is required."),
     confirmationDeadline: z
@@ -119,6 +122,28 @@ const formSchema = z
     const confirmationDeadline = new Date(values.confirmationDeadline);
     const startDate = new Date(values.startDate);
     const endDate = new Date(values.endDate);
+    const portalResult = hackathonPortalBaseUrlSchema.safeParse(
+      values.portalBaseUrl,
+    );
+    const capacityResult = hackathonConfirmationCapacitySchema.safeParse(
+      values.confirmationCapacity,
+    );
+
+    if (!portalResult.success) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: portalResult.error.issues[0]?.message ?? "Invalid portal URL.",
+        path: ["portalBaseUrl"],
+      });
+    }
+
+    if (!capacityResult.success) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: capacityResult.error.issues[0]?.message ?? "Invalid capacity.",
+        path: ["confirmationCapacity"],
+      });
+    }
 
     for (const issue of getHackathonBackgroundIssues(values)) {
       ctx.addIssue({
@@ -197,6 +222,8 @@ function getDefaultValues(
       ),
       emailTemplateEnabled: hackathon.emailTemplateEnabled,
       emailTemplateKey: getSafeEmailTemplateKey(hackathon.emailTemplateKey),
+      portalBaseUrl: hackathon.portalBaseUrl ?? "",
+      confirmationCapacity: hackathon.confirmationCapacity?.toString() ?? "",
       applicationOpen: toDateTimeLocalValue(hackathon.applicationOpen),
       applicationDeadline: toDateTimeLocalValue(hackathon.applicationDeadline),
       confirmationDeadline: toDateTimeLocalValue(
@@ -223,6 +250,8 @@ function getDefaultValues(
     applicationBackgroundKey: DEFAULT_BACKGROUND_KEY,
     emailTemplateEnabled: false,
     emailTemplateKey: DEFAULT_EMAIL_TEMPLATE_KEY,
+    portalBaseUrl: "",
+    confirmationCapacity: "",
     applicationOpen: toDateTimeLocalValue(applicationOpen),
     applicationDeadline: toDateTimeLocalValue(applicationDeadline),
     confirmationDeadline: toDateTimeLocalValue(confirmationDeadline),
@@ -246,6 +275,10 @@ function toMutationPayload(values: HackathonFormValues) {
     emailTemplateKey: values.emailTemplateEnabled
       ? (values.emailTemplateKey as EmailTemplateKey | undefined)
       : null,
+    portalBaseUrl: hackathonPortalBaseUrlSchema.parse(values.portalBaseUrl),
+    confirmationCapacity: hackathonConfirmationCapacitySchema.parse(
+      values.confirmationCapacity,
+    ),
     applicationOpen: new Date(values.applicationOpen),
     applicationDeadline: new Date(values.applicationDeadline),
     confirmationDeadline: new Date(values.confirmationDeadline),
@@ -401,8 +434,15 @@ export function HackathonManager() {
                     <div className="space-y-1">
                       <div className="font-medium">{hackathon.displayName}</div>
                       <div className="text-xs text-muted-foreground">
-                        /hacker/application/{hackathon.name}
+                        {hackathon.portalBaseUrl ??
+                          "No participant portal configured"}
                       </div>
+                      {hackathon.confirmationCapacity != null && (
+                        <div className="text-xs text-muted-foreground">
+                          Capacity:{" "}
+                          {hackathon.confirmationCapacity.toLocaleString()}
+                        </div>
+                      )}
                     </div>
                   </TableCell>
                   <TableCell className="text-sm text-muted-foreground">
@@ -437,12 +477,20 @@ export function HackathonManager() {
                   </TableCell>
                   <TableCell>
                     <div className="flex justify-end gap-2">
-                      <Button variant="outline" size="sm" asChild>
-                        <Link href={`/hacker/application/${hackathon.name}`}>
-                          <ExternalLink className="mr-2 h-4 w-4" />
-                          Open
-                        </Link>
-                      </Button>
+                      {hackathon.portalBaseUrl ? (
+                        <Button variant="outline" size="sm" asChild>
+                          <a
+                            href={`${hackathon.portalBaseUrl}/dashboard`}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                          >
+                            <ExternalLink className="mr-2 h-4 w-4" />
+                            Open
+                          </a>
+                        </Button>
+                      ) : (
+                        <Badge variant="destructive">Portal missing</Badge>
+                      )}
                       <Button
                         variant="outline"
                         size="sm"
@@ -477,8 +525,8 @@ export function HackathonManager() {
               {editingHackathon ? "Edit Hackathon" : "Create Hackathon"}
             </DialogTitle>
             <DialogDescription>
-              Dates are saved from your local timezone. Route names become the
-              public application URL.
+              Dates are saved from your local timezone. The route name is the
+              stable API identifier; the portal origin controls public links.
             </DialogDescription>
           </DialogHeader>
 
@@ -511,7 +559,7 @@ export function HackathonManager() {
                         <Input placeholder="knight-hacks-ix" {...field} />
                       </FormControl>
                       <FormDescription>
-                        Used in /hacker/application/[route-name].
+                        Used by event apps and participant API requests.
                       </FormDescription>
                       <FormMessage />
                     </FormItem>
@@ -548,6 +596,50 @@ export function HackathonManager() {
                     </FormItem>
                   )}
                 />
+                <FormField
+                  control={form.control}
+                  name="portalBaseUrl"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Participant Portal Origin</FormLabel>
+                      <FormControl>
+                        <Input
+                          type="url"
+                          placeholder="https://event.knighthacks.org"
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        Leave blank for archived events without an external
+                        participant portal.
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name="confirmationCapacity"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Confirmation Capacity</FormLabel>
+                      <FormControl>
+                        <Input
+                          type="number"
+                          min={1}
+                          inputMode="numeric"
+                          placeholder="Unlimited"
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        Accepted hackers cannot confirm after this limit is
+                        reached. Leave blank for unlimited.
+                      </FormDescription>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
               </div>
 
               <div className="grid gap-4 md:grid-cols-2">
diff --git a/apps/blade/src/app/_components/dashboard/dashboard-entry-dialogs.tsx b/apps/blade/src/app/_components/dashboard/dashboard-entry-dialogs.tsx
deleted file mode 100644
index b6f8e7509..000000000
--- a/apps/blade/src/app/_components/dashboard/dashboard-entry-dialogs.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import Link from "next/link";
-
-import { Button } from "@forge/ui/button";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@forge/ui/dialog";
-
-import { TacoTuesday } from "../discord-modal";
-
-interface DashboardHackathon {
-  applicationsOpen: boolean;
-  displayName: string;
-  isLive: boolean;
-  name: string;
-}
-
-export function DashboardEntryDialogs({
-  currentHackathon,
-  hasHacker,
-  hasMember,
-  showDiscordPrompt,
-}: {
-  currentHackathon: DashboardHackathon | null;
-  hasHacker: boolean;
-  hasMember: boolean;
-  showDiscordPrompt: boolean;
-}) {
-  const [routingOpen, setRoutingOpen] = useState(currentHackathon != null);
-
-  const hackathonAction = hasHacker
-    ? `Open ${currentHackathon?.displayName ?? "Hackathon"} Dashboard`
-    : currentHackathon?.applicationsOpen
-      ? `Register for ${currentHackathon.displayName}`
-      : `View ${currentHackathon?.displayName ?? "Hackathon"}`;
-  const memberAction = hasMember
-    ? "Continue to Member Dashboard"
-    : "Explore Knight Hacks Membership";
-
-  return (
-    <>
-      {currentHackathon && (
-        <Dialog open={routingOpen} onOpenChange={setRoutingOpen}>
-          <DialogContent className="max-h-[calc(100svh-2rem)] w-[calc(100%-2rem)] overflow-x-hidden sm:max-w-lg">
-            <DialogHeader className="min-w-0 pr-6">
-              <DialogTitle>
-                {currentHackathon.displayName} is{" "}
-                {currentHackathon.isLive ? "live" : "coming up"}
-              </DialogTitle>
-              <DialogDescription className="break-words">
-                {hasHacker
-                  ? `You have a ${currentHackathon.displayName} application. Choose which dashboard you want to open.`
-                  : `Choose whether you are here for ${currentHackathon.displayName} or year-round Knight Hacks membership.`}
-              </DialogDescription>
-            </DialogHeader>
-            <DialogFooter className="gap-2 sm:items-stretch sm:space-x-0">
-              <DialogClose asChild>
-                <Button
-                  variant="outline"
-                  className="h-auto min-h-9 w-full whitespace-normal px-3 py-2 text-center leading-snug sm:min-w-0 sm:flex-1"
-                >
-                  {memberAction}
-                </Button>
-              </DialogClose>
-              <Button
-                asChild
-                className="h-auto min-h-9 w-full whitespace-normal px-3 py-2 text-center leading-snug sm:min-w-0 sm:flex-1"
-              >
-                <Link href={`/hackathon/${currentHackathon.name}`}>
-                  {hackathonAction}
-                </Link>
-              </Button>
-            </DialogFooter>
-          </DialogContent>
-        </Dialog>
-      )}
-
-      {!routingOpen && showDiscordPrompt && <TacoTuesday initialState={true} />}
-    </>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/components.tsx b/apps/blade/src/app/_components/dashboard/hackathon-dashboard/components.tsx
deleted file mode 100644
index c4f4e8c36..000000000
--- a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/components.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import type { SelectHackathon } from "@forge/db/schemas/knight-hacks";
-
-import type { api as serverCall } from "~/trpc/server";
-import { HackerAppCard } from "~/app/_components/option-cards";
-import { BaseHackathonCountdown } from "./countdown";
-import { BaseHackathonData } from "./hackathon-data";
-import { BaseHackathonUpcomingEvents } from "./upcoming-events";
-
-export {
-  BaseHackathonGuideButton,
-  BaseHackathonQRCodeButton,
-  BaseHackathonWalletButton,
-} from "./hackathon-data";
-export { BaseHackathonCountdown } from "./countdown";
-export * from "./issue-dialog";
-export { BaseHackathonUpcomingEvents } from "./upcoming-events";
-
-const DEFAULT_HACKER_GUIDE_HREF =
-  "https://knight-hacks.notion.site/knight-hacks-viii";
-
-export function BaseHackathonRegistrationPrompt({
-  hackathon,
-}: {
-  hackathon: SelectHackathon;
-}) {
-  return (
-    <div className="flex flex-col items-center justify-center gap-y-6 text-xl font-semibold">
-      <p className="w-full max-w-xl text-center text-2xl">
-        Register for {hackathon.displayName} today!
-      </p>
-      <div className="flex flex-wrap justify-center gap-5">
-        <HackerAppCard hackathonName={hackathon.name} />
-      </div>
-    </div>
-  );
-}
-
-export function BaseHackathonDashboard({
-  guideHref = DEFAULT_HACKER_GUIDE_HREF,
-  hackathon,
-  hacker,
-}: {
-  guideHref?: string;
-  hackathon: SelectHackathon;
-  hacker: Awaited<ReturnType<(typeof serverCall.hackerQuery)["getHacker"]>>;
-}) {
-  if (!hacker) {
-    return <BaseHackathonRegistrationPrompt hackathon={hackathon} />;
-  }
-
-  return (
-    <>
-      <div className="animate-mobile-initial-expand mx-auto flex min-h-[900px] rounded-lg bg-[#E5E7EB] px-2 py-4 dark:bg-[#0A0F1D] sm:relative sm:px-0 sm:py-6 lg:min-h-[380px]">
-        <BaseHackathonData
-          data={hacker}
-          guideHref={guideHref}
-          hackathon={hackathon}
-        />
-
-        <div className="border-b-solid border-l-solid absolute bottom-0 right-0 hidden h-0 w-0 border-b-[30px] border-l-[30px] border-b-background border-l-transparent sm:block"></div>
-
-        <div
-          className="absolute bottom-0 right-0 hidden h-0 w-0 sm:block"
-          style={{
-            borderBottom: "20px solid #6C26D9",
-            borderLeft: "20px solid transparent",
-          }}
-        ></div>
-
-        <div className="absolute -top-[1.4rem] right-0 hidden h-6 w-40 bg-[#E5E7EB] dark:bg-[#0A0F1D] sm:block sm:w-96">
-          <div className="border-t-solid border-r-solid absolute left-0 top-0 h-0 w-0 border-r-[23px] border-t-[23px] border-r-transparent border-t-background"></div>
-        </div>
-
-        <div className="absolute -bottom-[1.46rem] left-0 hidden h-6 w-40 bg-[#E5E7EB] dark:bg-[#0A0F1D] sm:block sm:w-48">
-          <div className="border-b-solid border-l-solid absolute bottom-0 right-0 h-0 w-0 border-b-[24px] border-l-[24px] border-b-background border-l-transparent"></div>
-        </div>
-
-        <div className="absolute -left-3 top-0 hidden h-full w-[0.4rem] bg-primary sm:block"></div>
-      </div>
-      <div className="animate-fade-in mb-8 mt-8 px-0 sm:mt-12 sm:px-4">
-        <BaseHackathonCountdown endDate={hackathon.endDate} />
-      </div>
-      <div className="animate-fade-in mb-8 mt-8 px-0 sm:mt-12 sm:px-4">
-        <BaseHackathonUpcomingEvents hackathonId={hackathon.id} />
-      </div>
-    </>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/countdown.tsx b/apps/blade/src/app/_components/dashboard/hackathon-dashboard/countdown.tsx
deleted file mode 100644
index 3bab0cd08..000000000
--- a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/countdown.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-
-import { Card, CardContent } from "@forge/ui/card";
-
-export function BaseHackathonCountdown({ endDate }: { endDate: Date }) {
-  const [timeLeft, setTimeLeft] = useState({
-    days: 0,
-    hours: 0,
-    minutes: 0,
-    seconds: 0,
-  });
-
-  useEffect(() => {
-    const targetDate = endDate.getTime();
-
-    const updateCountdown = () => {
-      const now = new Date().getTime();
-      const distance = targetDate - now;
-
-      if (distance < 0) {
-        setTimeLeft({ days: 0, hours: 0, minutes: 0, seconds: 0 });
-        return;
-      }
-
-      const days = Math.floor(distance / (1000 * 60 * 60 * 24));
-      const hours = Math.floor(
-        (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
-      );
-      const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-      const seconds = Math.floor((distance % (1000 * 60)) / 1000);
-
-      setTimeLeft({ days, hours, minutes, seconds });
-    };
-
-    updateCountdown();
-    const interval = setInterval(updateCountdown, 1000);
-
-    return () => clearInterval(interval);
-  }, [endDate]);
-
-  const formatNumber = (num: number) => String(num).padStart(2, "0");
-
-  return (
-    <div className="flex items-center justify-center rounded-lg border bg-gradient-to-tr from-background/50 to-primary/5 p-3 shadow-lg backdrop-blur-sm sm:p-4">
-      <Card className="w-full max-w-3xl border-0 bg-transparent">
-        <CardContent className="p-3 sm:p-4 lg:p-6">
-          <h1 className="mb-3 text-center text-xl font-bold tracking-wider text-muted-foreground sm:mb-4 sm:text-2xl lg:text-3xl">
-            HACKING ENDS IN
-          </h1>
-
-          <div className="flex flex-wrap items-center justify-center gap-1.5 shadow-lg sm:gap-2 lg:gap-3">
-            {/* Days */}
-            <div className="flex items-center gap-1 sm:gap-2">
-              <Card className="p-0 shadow-md">
-                <CardContent className="flex flex-col items-center justify-center p-2 sm:min-w-[90px] sm:p-3 lg:min-w-[110px] lg:p-4">
-                  <div className="text-xl font-bold tabular-nums sm:text-4xl lg:text-5xl">
-                    {formatNumber(timeLeft.days)}
-                  </div>
-                  <div className="mt-1 hidden text-xs font-semibold text-muted-foreground sm:block sm:text-sm lg:text-base">
-                    Days
-                  </div>
-                  <div className="mt-1 block text-xs font-semibold text-muted-foreground sm:hidden sm:text-sm lg:text-base">
-                    D
-                  </div>
-                </CardContent>
-              </Card>
-              <div className="text-xl font-bold sm:text-3xl lg:text-4xl">:</div>
-            </div>
-
-            {/* Hours */}
-            <div className="flex items-center gap-1 shadow-lg sm:gap-2">
-              <Card className="p-0 shadow-md">
-                <CardContent className="flex flex-col items-center justify-center p-2 sm:min-w-[90px] sm:p-3 lg:min-w-[110px] lg:p-4">
-                  <div className="text-xl font-bold tabular-nums sm:text-4xl lg:text-5xl">
-                    {formatNumber(timeLeft.hours)}
-                  </div>
-                  <div className="mt-1 hidden text-xs font-semibold text-muted-foreground sm:block sm:text-sm lg:text-base">
-                    Hours
-                  </div>
-                  <div className="mt-1 block text-xs font-semibold text-muted-foreground sm:hidden sm:text-sm lg:text-base">
-                    H
-                  </div>
-                </CardContent>
-              </Card>
-              <div className="text-xl font-bold sm:text-3xl lg:text-4xl">:</div>
-            </div>
-
-            {/* Minutes */}
-            <div className="flex items-center gap-1 shadow-lg sm:gap-2">
-              <Card className="p-0 shadow-md">
-                <CardContent className="flex flex-col items-center justify-center p-2 sm:min-w-[90px] sm:p-3 lg:min-w-[110px] lg:p-4">
-                  <div className="text-xl font-bold tabular-nums sm:text-4xl lg:text-5xl">
-                    {formatNumber(timeLeft.minutes)}
-                  </div>
-                  <div className="mt-1 hidden text-xs font-semibold text-muted-foreground sm:block sm:text-sm lg:text-base">
-                    Minutes
-                  </div>
-                  <div className="mt-1 block text-xs font-semibold text-muted-foreground sm:hidden sm:text-sm lg:text-base">
-                    M
-                  </div>
-                </CardContent>
-              </Card>
-              <div className="text-xl font-bold sm:text-3xl lg:text-4xl">:</div>
-            </div>
-
-            {/* Seconds */}
-            <Card className="p-0 shadow-lg">
-              <CardContent className="flex flex-col items-center justify-center p-2 sm:min-w-[90px] sm:p-3 lg:min-w-[110px] lg:p-4">
-                <div className="text-xl font-bold tabular-nums sm:text-4xl lg:text-5xl">
-                  {formatNumber(timeLeft.seconds)}
-                </div>
-                <div className="mt-1 hidden text-xs font-semibold text-muted-foreground sm:block sm:text-sm lg:text-base">
-                  Seconds
-                </div>
-                <div className="mt-1 block text-xs font-semibold text-muted-foreground sm:hidden sm:text-sm lg:text-base">
-                  S
-                </div>
-              </CardContent>
-            </Card>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/hackathon-data.tsx b/apps/blade/src/app/_components/dashboard/hackathon-dashboard/hackathon-data.tsx
deleted file mode 100644
index 5b2f6f9de..000000000
--- a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/hackathon-data.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { BookOpen, CircleCheckBig } from "lucide-react";
-
-import type { SelectHackathon } from "@forge/db/schemas/knight-hacks";
-import { Button } from "@forge/ui/button";
-
-import type { api as serverCall } from "~/trpc/server";
-import { HackerQRCodePopup } from "~/app/_components/dashboard/hacker-dashboard/hacker-qr-button";
-import { DownloadQRPass } from "~/app/_components/dashboard/member-dashboard/download-qr-pass";
-import { HACKER_STATUS_MAP } from "~/consts";
-import { api } from "~/trpc/react";
-import { BaseHackathonIssueButton } from "./issue-dialog";
-
-type HackerProfile = Awaited<
-  ReturnType<(typeof serverCall.hackerQuery)["getHacker"]>
->;
-
-export function BaseHackathonQRCodeButton() {
-  return <HackerQRCodePopup />;
-}
-
-export function BaseHackathonWalletButton({
-  profile,
-}: {
-  profile: HackerProfile;
-}) {
-  return (
-    <DownloadQRPass
-      buttonClassName="group flex h-auto w-full items-center gap-3 rounded-lg border bg-card px-5 py-3 text-base font-semibold text-card-foreground shadow-sm transition-all hover:scale-[1.02] hover:border-primary/50 hover:bg-card hover:shadow-md sm:w-auto sm:px-5 sm:py-3 sm:text-sm"
-      iconClassName="h-5 w-5 text-muted-foreground transition-colors group-hover:text-primary"
-      profile={profile}
-      profileKind="hacker"
-    />
-  );
-}
-
-export function BaseHackathonGuideButton({ href }: { href: string }) {
-  return (
-    <Button
-      asChild
-      size="lg"
-      className="animate-fade-in group w-full gap-2 rounded-lg border border-[#1F2937] bg-card px-5 py-3 shadow-sm transition-all hover:scale-[1.02] hover:border-primary/50 hover:bg-card hover:shadow-md sm:px-8"
-    >
-      <Link href={href}>
-        <BookOpen className="h-5 w-5 text-muted-foreground transition-colors group-hover:text-primary" />
-        <span className="text-base font-bold text-black dark:text-white">
-          Hacker's Guide
-        </span>
-      </Link>
-    </Button>
-  );
-}
-
-export function BaseHackathonData({
-  data,
-  guideHref,
-  hackathon,
-}: {
-  data: HackerProfile;
-  guideHref: string;
-  hackathon: SelectHackathon;
-}) {
-  const { data: hacker, isError } = api.hackerQuery.getHacker.useQuery(
-    { hackathonName: hackathon.name },
-    {
-      initialData: data,
-    },
-  );
-
-  if (isError || !hacker) {
-    return (
-      <div className="flex h-full w-full items-center justify-center">
-        <p className="text-lg text-muted-foreground">
-          Something went wrong. Please refresh and try again.
-        </p>
-      </div>
-    );
-  }
-
-  const hackerStatus = HACKER_STATUS_MAP.checkedin.name;
-  const hackerStatusColor = HACKER_STATUS_MAP.checkedin.color;
-
-  return (
-    <div className="flex h-full w-full flex-col gap-3 p-2 sm:gap-4 sm:p-4 lg:gap-6 lg:p-6">
-      {/* Name, Status, and Actions */}
-      <div className="flex flex-col justify-evenly gap-4">
-        {/* Profile Card */}
-        <div className="rounded-xl border bg-card p-5 shadow-sm transition-shadow hover:shadow-md sm:p-6">
-          <div className="flex flex-col gap-6 sm:flex-row sm:items-start sm:gap-6">
-            {/* Name and Info Column */}
-            <div className="flex-1 space-y-4 sm:space-y-4">
-              <h1 className="animate-fade-in text-center text-3xl font-bold tracking-tight sm:text-3xl md:text-start">
-                {hacker.firstName} {hacker.lastName}
-              </h1>
-
-              {/* Status Badge */}
-              <div className="animate-fade-in flex flex-col items-center space-y-3 md:items-start md:justify-start">
-                <div className="inline-flex items-center gap-2.5 rounded-full bg-background shadow-sm">
-                  <span
-                    className={`text-base font-bold uppercase sm:text-lg ${hackerStatusColor}`}
-                  >
-                    {hackerStatus}
-                  </span>
-
-                  <CircleCheckBig
-                    className={`h-4 w-4 sm:h-4 sm:w-4 ${hackerStatusColor}`}
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* Action Buttons */}
-        <div className="space-y-2 sm:space-y-4">
-          <h3 className="text-center text-xs font-semibold uppercase tracking-wider text-muted-foreground sm:text-xs md:text-start">
-            Quick Actions
-          </h3>
-
-          {/* Primary actions */}
-          <div className="flex flex-row items-center justify-between gap-3 sm:flex-row sm:justify-start sm:gap-3">
-            <BaseHackathonQRCodeButton />
-            <BaseHackathonGuideButton href={guideHref} />
-          </div>
-
-          {/* Secondary actions */}
-          <div className="flex flex-col items-center gap-3 sm:flex-row md:justify-start">
-            <BaseHackathonWalletButton profile={hacker} />
-            <BaseHackathonIssueButton />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/issue-dialog.tsx b/apps/blade/src/app/_components/dashboard/hackathon-dashboard/issue-dialog.tsx
deleted file mode 100644
index 2dbd7d119..000000000
--- a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/issue-dialog.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { AlertCircle } from "lucide-react";
-
-import { Button } from "@forge/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
-import { Label } from "@forge/ui/label";
-import { Textarea } from "@forge/ui/textarea";
-import { toast } from "@forge/ui/toast";
-
-import { api } from "~/trpc/react";
-
-export function BaseHackathonIssueButton() {
-  const [open, setOpen] = useState(false);
-  const [issue, setIssue] = useState("");
-
-  const reportIssueMutation =
-    api.eventFeedback.logHackathonFeedback.useMutation({
-      onSuccess: () => {
-        setOpen(false);
-        setIssue("");
-        toast.success("Issue reported successfully!");
-      },
-      onError: (error) => {
-        const errorMessage =
-          error instanceof Error ? error.message : "An error occurred";
-        toast.error(`Error: ${errorMessage}`);
-      },
-    });
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (issue.trim()) {
-      reportIssueMutation.mutate({ description: issue });
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <button className="group flex w-full items-center gap-3 rounded-lg border bg-card px-5 py-3 text-base font-semibold shadow-sm transition-all hover:scale-[1.02] hover:border-primary/50 hover:shadow-md sm:w-auto sm:px-5 sm:py-3 sm:text-sm">
-          <AlertCircle className="h-5 w-5 text-muted-foreground transition-colors group-hover:text-primary" />
-          <span>Report an Issue</span>
-        </button>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-[525px]">
-        <form onSubmit={handleSubmit}>
-          <DialogHeader>
-            <DialogTitle>Report an Issue</DialogTitle>
-            <DialogDescription>
-              Describe the issue you're experiencing. We'll look into it as soon
-              as possible.
-            </DialogDescription>
-          </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <div className="grid gap-2">
-              <Label htmlFor="issue">Issue Description</Label>
-              <Textarea
-                id="issue"
-                placeholder="Please describe the issue in detail..."
-                value={issue}
-                onChange={(e) => setIssue(e.target.value)}
-                className="min-h-[120px]"
-                required
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() => setOpen(false)}
-            >
-              Cancel
-            </Button>
-            <Button
-              type="submit"
-              disabled={!issue.trim() || reportIssueMutation.isPending}
-            >
-              {reportIssueMutation.isPending ? "Submitting..." : "Submit"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/upcoming-events.tsx b/apps/blade/src/app/_components/dashboard/hackathon-dashboard/upcoming-events.tsx
deleted file mode 100644
index 0384cb20c..000000000
--- a/apps/blade/src/app/_components/dashboard/hackathon-dashboard/upcoming-events.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Star } from "lucide-react";
-
-import { Badge } from "@forge/ui/badge";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@forge/ui/card";
-import { time } from "@forge/utils";
-
-import { api } from "~/trpc/server";
-
-export async function BaseHackathonUpcomingEvents({
-  hackathonId,
-}: {
-  hackathonId: string;
-}) {
-  const events = await api.event.getEvents();
-
-  // eslint-disable-next-line react-hooks/purity
-  const now = Date.now();
-  const fiveHoursLater = now + 5 * 60 * 60 * 1000;
-
-  const upcomingEvents = events
-    .filter((event) => {
-      const oneDayOffset = 24 * 60 * 60 * 1000;
-      const start = new Date(event.start_datetime).getTime() + oneDayOffset;
-      return (
-        event.hackathonId === hackathonId &&
-        start >= now &&
-        start <= fiveHoursLater
-      );
-    })
-    .sort(
-      (a, b) =>
-        new Date(a.start_datetime).getTime() -
-        new Date(b.start_datetime).getTime(),
-    );
-
-  return (
-    <div className="flex items-center justify-center rounded-lg border bg-gradient-to-tr from-background/50 to-primary/5 p-3 shadow-lg backdrop-blur-sm sm:p-4">
-      <Card className="w-full max-w-3xl border-0 bg-transparent">
-        <CardContent className="p-3 sm:p-4 lg:p-6">
-          <h1 className="mb-3 text-center text-xl font-bold tracking-wider text-muted-foreground sm:mb-4 sm:text-2xl lg:text-3xl">
-            UPCOMING EVENTS
-          </h1>
-
-          <div className="space-y-6">
-            {upcomingEvents.length === 0 ? (
-              <div className="rounded-lg border border-dashed bg-card/60 p-6 text-center text-sm font-medium text-muted-foreground sm:text-base">
-                No events coming up in the next few hours.
-              </div>
-            ) : (
-              upcomingEvents.map((event) => (
-                <Card
-                  key={event.id}
-                  className="border bg-card shadow-lg transition-shadow duration-300 hover:shadow-xl"
-                >
-                  <CardHeader className="pb-4">
-                    <CardTitle className="mb-2 text-lg font-bold text-primary text-white sm:mb-4 sm:text-xl lg:text-2xl">
-                      {event.name}
-                    </CardTitle>
-                    <CardDescription className="text-sm font-medium sm:text-base">
-                      {time.formatDateTime(event.start_datetime)} @{" "}
-                      {event.location}
-                    </CardDescription>
-                  </CardHeader>
-                  <CardContent className="space-y-4">
-                    <p className="text-sm leading-relaxed text-foreground text-white sm:text-base">
-                      {event.description}
-                    </p>
-
-                    <div className="flex items-center gap-2">
-                      <Badge
-                        variant="secondary"
-                        className="rounded-lg px-3 py-1 text-sm font-medium sm:px-6 sm:py-2 sm:text-base"
-                      >
-                        {event.tag}
-                      </Badge>
-                      <div className="flex flex-row gap-1 text-sm font-medium text-primary-foreground sm:text-base">
-                        <Star className="my-auto h-4 w-4 text-yellow-500" />
-                        <div className="my-auto">{event.points} Points</div>
-                      </div>
-                    </div>
-                  </CardContent>
-                </Card>
-              ))
-            )}
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker-dashboard/confirm-button.tsx b/apps/blade/src/app/_components/dashboard/hacker-dashboard/confirm-button.tsx
deleted file mode 100644
index 194b1ac3d..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker-dashboard/confirm-button.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Loader2 } from "lucide-react";
-
-import { Button } from "@forge/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
-
-export default function ConfirmWithTOS({
-  hackathonData,
-  handleConfirm,
-  isLoading,
-  numConfirmed,
-}: {
-  hackathonData: { displayName?: string; confirmationDeadline?: Date | null };
-  handleConfirm: () => Promise<void> | void;
-  isLoading: boolean;
-  numConfirmed: number;
-}) {
-  const [open, setOpen] = useState(false);
-
-  const disabled =
-    !hackathonData.confirmationDeadline ||
-    hackathonData.confirmationDeadline < new Date() ||
-    numConfirmed >= 1100;
-
-  return (
-    <Dialog
-      open={open}
-      onOpenChange={(next) => {
-        setOpen(next);
-      }}
-    >
-      <DialogTrigger asChild>
-        <Button
-          size="sm"
-          className={`animate-fade-in sm:size-lg gap-2 !rounded-none ${
-            disabled ? "bg-gray-700 hover:bg-gray-900" : ""
-          }`}
-          disabled={disabled}
-        >
-          {isLoading ? (
-            <Loader2 className="w-[85px] animate-spin" />
-          ) : (
-            <span className="text-lg font-bold text-white">
-              {disabled ? "CONFIRMATION CLOSED" : "CONFIRM"}
-            </span>
-          )}
-        </Button>
-      </DialogTrigger>
-
-      <DialogContent className="sm:max-w-lg">
-        <DialogHeader>
-          <DialogTitle>Review Terms of Service</DialogTitle>
-          <DialogDescription>
-            Please review and agree to the terms to proceed with{" "}
-            {hackathonData.displayName}.
-          </DialogDescription>
-        </DialogHeader>
-
-        {/* Terms */}
-        <div className="border p-3 text-sm">
-          <p>
-            By confirming, you agree to follow the{" "}
-            <a
-              href="https://knight-hacks.notion.site/knight-hacks-26-tos"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="font-semibold text-purple-500 transition duration-300 hover:text-purple-400 hover:shadow-[0_0_8px_2px_rgba(168,85,247,0.7)]"
-            >
-              Knight Hacks terms of service
-            </a>
-            , MLH rules, and organizer instructions. Respectful behavior is
-            required, and any violation may result in removal.
-          </p>
-        </div>
-
-        <DialogFooter>
-          <Button
-            variant="outline"
-            onClick={() => {
-              setOpen(false);
-            }}
-          >
-            Cancel
-          </Button>
-          <Button
-            disabled={isLoading}
-            onClick={async () => {
-              await handleConfirm();
-              setOpen(false);
-            }}
-          >
-            {isLoading ? (
-              <Loader2 className="animate-spin" />
-            ) : (
-              "I agree & confirm"
-            )}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-dashboard.tsx b/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-dashboard.tsx
deleted file mode 100644
index 40e7ea50d..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-dashboard.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import type { Metadata } from "next";
-
-import type { SelectHackathon } from "@forge/db/schemas/knight-hacks";
-
-import type { api as serverCall } from "~/trpc/server";
-import { HackerAppCard } from "~/app/_components/option-cards";
-import { api } from "~/trpc/server";
-import { HackerData } from "./hacker-data";
-import { HackerResumeButton } from "./hacker-resume-button";
-import { PastHackathonButton } from "./past-hackathons";
-
-export const metadata: Metadata = {
-  title: "Hacker Dashboard",
-  description: "The official Knight Hacks Hacker Dashboard",
-};
-
-export default async function HackerDashboard({
-  hackathon,
-  hacker,
-}: {
-  hackathon: SelectHackathon;
-  hacker: Awaited<ReturnType<(typeof serverCall.hackerQuery)["getHacker"]>>;
-}) {
-  if (!hacker) {
-    const now = new Date();
-
-    if (now < hackathon.applicationOpen) {
-      const applicationOpen = new Intl.DateTimeFormat("en-US", {
-        dateStyle: "long",
-        timeZone: "America/New_York",
-      }).format(hackathon.applicationOpen);
-
-      return (
-        <div className="flex flex-col items-center justify-center gap-y-3 text-center">
-          <p className="text-2xl font-semibold">
-            Applications for {hackathon.displayName} open on {applicationOpen}.
-          </p>
-          <p className="text-muted-foreground">
-            Check back then to submit your hacker application.
-          </p>
-        </div>
-      );
-    }
-
-    if (now > hackathon.applicationDeadline) {
-      return (
-        <div className="flex flex-col items-center justify-center gap-y-3 text-center">
-          <p className="text-2xl font-semibold">
-            Applications for {hackathon.displayName} are closed.
-          </p>
-          <p className="text-muted-foreground">
-            Existing applicants can still view their application status here.
-          </p>
-        </div>
-      );
-    }
-
-    return (
-      <div className="flex flex-col items-center justify-center gap-y-6 text-xl font-semibold">
-        <p className="w-full max-w-xl text-center text-2xl">
-          Register for {hackathon.displayName} today!
-        </p>
-        <div className="flex flex-wrap justify-center gap-5">
-          <HackerAppCard hackathonName={hackathon.name} />
-        </div>
-      </div>
-    );
-  }
-
-  const [resume, pastHackathons] = await Promise.allSettled([
-    api.resume.getResume(),
-    api.hackathon.getPastHackathons(),
-  ]);
-
-  return (
-    <>
-      <div className="animate-mobile-initial-expand relative mx-auto flex h-0 bg-[#E5E7EB] dark:bg-[#0A0F1D] sm:py-0 sm:pb-0 lg:max-h-56">
-        {/* Main content */}
-        <HackerData data={hacker} hackathon={hackathon} />
-
-        {/* Transparent Triangle overlay in bottom right corner */}
-        <div className="border-b-solid border-l-solid absolute bottom-0 right-0 h-0 w-0 border-b-[30px] border-l-[30px] border-b-background border-l-transparent"></div>
-
-        {/* Triangle in bottom right corner */}
-        <div
-          className="absolute bottom-0 right-0 h-0 w-0"
-          style={{
-            borderBottom: "20px solid #6C26D9", // Change to bg color
-            borderLeft: "20px solid transparent",
-          }}
-        ></div>
-
-        {/* Top rectangle */}
-        <div className="absolute -top-[1.4rem] right-0 h-6 w-40 bg-[#E5E7EB] dark:bg-[#0A0F1D] sm:w-96">
-          <div className="border-t-solid border-r-solid absolute left-0 top-0 h-0 w-0 border-r-[23px] border-t-[23px] border-r-transparent border-t-background"></div>
-        </div>
-
-        {/* Bottom rectangle */}
-        <div className="absolute -bottom-[1.46rem] left-0 h-6 w-40 bg-[#E5E7EB] dark:bg-[#0A0F1D] sm:w-48">
-          <div className="border-b-solid border-l-solid absolute bottom-0 right-0 h-0 w-0 border-b-[24px] border-l-[24px] border-b-background border-l-transparent"></div>
-        </div>
-
-        {/* Left side rectangle */}
-        <div className="absolute -left-3 top-0 h-full w-[0.4rem] bg-primary"></div>
-      </div>
-      <div className="mx-auto mb-10 mt-20 flex flex-col justify-center gap-x-2 gap-y-4 sm:flex-row">
-        {resume.status === "rejected" ||
-        pastHackathons.status === "rejected" ? (
-          <div className="font-bold">
-            Something went wrong. Please try again later.
-          </div>
-        ) : (
-          <>
-            <PastHackathonButton hackathons={pastHackathons.value} />
-            <HackerResumeButton resume={resume.value} />
-          </>
-        )}
-      </div>
-    </>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-data.tsx b/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-data.tsx
deleted file mode 100644
index 46e325bc3..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-data.tsx
+++ /dev/null
@@ -1,307 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import Image from "next/image";
-import { CircleCheckBig, Loader2 } from "lucide-react";
-
-import type { SelectHackathon } from "@forge/db/schemas/knight-hacks";
-import { CLUB } from "@forge/consts";
-import { Button } from "@forge/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
-import { Input } from "@forge/ui/input";
-import { toast } from "@forge/ui/toast";
-
-import type { api as serverCall } from "~/trpc/server";
-import { HACKER_STATUS_MAP } from "~/consts";
-import { api } from "~/trpc/react";
-import ConfirmWithTOS from "./confirm-button";
-import { HackerQRCodePopup } from "./hacker-qr-button";
-
-type StatusKey = keyof typeof HACKER_STATUS_MAP | null | undefined;
-
-export function HackerData({
-  data,
-  hackathon,
-}: {
-  data: Awaited<ReturnType<(typeof serverCall.hackerQuery)["getHacker"]>>;
-  hackathon?: SelectHackathon | null;
-}) {
-  const [hackerStatus, setHackerStatus] = useState<string | null>("");
-  const [hackerStatusColor, setHackerStatusColor] = useState<string>("");
-  const [loading, setLoading] = useState(false);
-  const [confirmationText, setConfirmationText] = useState("");
-  const [isOpen, setIsOpen] = useState(false);
-  const [isConfirmOpen, setIsConfirmOpen] = useState(false);
-
-  const { data: fallbackHackathon } = api.hackathon.getHackathon.useQuery(
-    { hackathonName: undefined },
-    {
-      enabled: !hackathon,
-    },
-  );
-
-  const hackathonData = hackathon ?? fallbackHackathon ?? null;
-
-  const { data: hacker, isError } = api.hackerQuery.getHacker.useQuery(
-    { hackathonName: hackathonData?.name },
-    {
-      enabled: Boolean(hackathonData?.name),
-      initialData: data,
-    },
-  );
-
-  const { data: numConfirmed } = api.hackathon.getNumConfirmed.useQuery(
-    {
-      hackathonId: hackathonData?.id ?? "",
-    },
-    {
-      enabled: Boolean(hackathonData?.id),
-      retry: false,
-    },
-  );
-
-  const utils = api.useUtils();
-
-  const handleConfirm = () => {
-    setLoading(true);
-    confirmHacker.mutate({
-      id: hacker?.id ?? "",
-    });
-  };
-
-  const handleWithdraw = () => {
-    setLoading(true);
-    withdrawHacker.mutate({
-      id: hacker?.id ?? "",
-    });
-  };
-
-  function getStatusName(status: StatusKey) {
-    if (!status) return "";
-    return HACKER_STATUS_MAP[status].name;
-  }
-
-  function getStatusColor(status: StatusKey) {
-    if (!status) return "";
-    return HACKER_STATUS_MAP[status].color;
-  }
-
-  const confirmHacker = api.hackerMutation.confirmHacker.useMutation({
-    async onSuccess() {
-      setHackerStatus("Confirmed");
-      setHackerStatusColor(getStatusColor("confirmed"));
-      setIsConfirmOpen(true);
-      toast.success("You're Confirmed!");
-      await utils.hackerQuery.getHacker.invalidate();
-    },
-    onError() {
-      toast.error("Oops! Something went wrong. Please try again later.");
-    },
-    onSettled() {
-      setLoading(false);
-    },
-  });
-
-  const withdrawHacker = api.hackerMutation.withdrawHacker.useMutation({
-    async onSuccess() {
-      setHackerStatus("Withdrawn");
-      setHackerStatusColor(getStatusColor("withdrawn"));
-      toast.success("You have withdrawn from the hackathon!");
-      await utils.hackerQuery.getHacker.invalidate();
-    },
-    onError() {
-      toast.error("Oops! Something went wrong. Please try again later.");
-    },
-    onSettled() {
-      setLoading(false);
-    },
-  });
-
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setHackerStatus(getStatusName(hacker?.status));
-    setHackerStatusColor(getStatusColor(hacker?.status));
-  }, [hacker]);
-
-  if (isError) {
-    return (
-      <div className="flex h-full w-full items-center justify-center">
-        Something went wrong. Please refresh and try again.
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex h-full w-full flex-wrap gap-x-8 gap-y-2 p-5 sm:gap-y-0 sm:p-7">
-      <div className="animate-fade-in relative my-auto h-[7rem] w-32 overflow-hidden rounded-lg">
-        <Image
-          src="/tk-dashboard-img.svg"
-          alt="Image of TK"
-          fill
-          style={{ objectFit: "contain" }}
-          priority
-          sizes="100%"
-        />
-      </div>
-      <div className="flex flex-col justify-center gap-y-6">
-        <div>
-          {hacker?.firstName && hacker.lastName && (
-            <div className="animate-fade-in pb-2 text-xl font-bold">
-              Hello, {hacker.firstName} {hacker.lastName}
-            </div>
-          )}
-          <div className="animate-fade-in text-lg font-bold">
-            Application Status
-          </div>
-          <div className="flex gap-x-2">
-            <div
-              className={`text-xl font-bold ${hackerStatusColor} animate-fade-in`}
-            >
-              {hackerStatus}
-            </div>
-            {hackerStatus === "Confirmed" && (
-              <CircleCheckBig
-                className="animate-fade-in mt-[2px]"
-                color="#00C9A7"
-              />
-            )}
-          </div>
-        </div>
-        {/* <div>
-          <div className="animate-fade-in text-lg font-bold">Class</div>
-          <div className="animate-fade-in text-xl font-bold text-black dark:text-white">
-            TBD
-          </div>
-        </div> */}
-      </div>
-      <div className="mt-6 flex w-full items-center justify-center gap-x-1 sm:ml-7 md:mt-5 lg:mt-0">
-        <HackerQRCodePopup />
-        {/* Confirm Button */}
-
-        {hackerStatus === "Accepted" &&
-          hackathonData?.confirmationDeadline != null && (
-            <ConfirmWithTOS
-              isLoading={loading}
-              hackathonData={hackathonData}
-              handleConfirm={handleConfirm}
-              numConfirmed={numConfirmed ?? 0}
-            />
-          )}
-
-        <div>
-          {hackathonData?.confirmationDeadline &&
-            hackathonData.confirmationDeadline < new Date() && (
-              <div className="w-full py-2 pl-4 text-center text-gray-500">
-                The confirmation deadline has passed.
-              </div>
-            )}
-        </div>
-
-        {/* Confirm Dialog */}
-        <Dialog open={isConfirmOpen} onOpenChange={setIsConfirmOpen}>
-          <DialogContent className="sm:max-w-md">
-            <DialogHeader>
-              <DialogTitle className="text-center">
-                Congratulations!
-              </DialogTitle>
-            </DialogHeader>
-            <div className="flex flex-col items-center gap-y-5 py-6">
-              <Image
-                src="/tk-dashboard-img.svg"
-                alt="Image of TK"
-                sizes="100px"
-                style={{
-                  width: "50%",
-                  height: "auto",
-                }}
-                width={100}
-                height={100}
-              />
-              <DialogDescription className="text-md text-center">
-                You've successfully confirmed for the hackathon. We're excited
-                to see you there!
-              </DialogDescription>
-            </div>
-            <DialogFooter className="sm:justify-center">
-              <Button onClick={() => setIsConfirmOpen(false)}>Close</Button>
-            </DialogFooter>
-          </DialogContent>
-        </Dialog>
-        {/* Withdraw Button */}
-        {hackerStatus === "Confirmed" && (
-          <Dialog open={isOpen} onOpenChange={setIsOpen}>
-            <DialogTrigger asChild>
-              <Button
-                size="sm"
-                className="animate-fade-in sm:size-lg gap-2 !rounded-none !bg-destructive hover:!bg-destructive/80"
-              >
-                <span className="text-lg font-bold text-white">WITHDRAW</span>
-              </Button>
-            </DialogTrigger>
-
-            <DialogContent>
-              <DialogHeader>
-                <DialogTitle>Are you sure?</DialogTitle>
-                <DialogDescription>
-                  You are about to withdraw from this hackathon. This action
-                  cannot be undone. Please proceed with caution.
-                </DialogDescription>
-              </DialogHeader>
-
-              <div className="space-y-4 py-2">
-                <p>
-                  Please type <strong>"I am absolutely sure"</strong> to
-                  confirm:
-                </p>
-                <Input
-                  placeholder='Type "I am absolutely sure"'
-                  value={confirmationText}
-                  onChange={(e) => setConfirmationText(e.target.value)}
-                  onPaste={(e) => {
-                    e.preventDefault();
-                    toast.info("Please type in the text, do not paste.");
-                  }}
-                />
-              </div>
-
-              <DialogFooter>
-                <Button
-                  variant="outline"
-                  onClick={() => {
-                    setIsOpen(false);
-                    setConfirmationText("");
-                  }}
-                >
-                  Cancel
-                </Button>
-                <Button
-                  variant="destructive"
-                  disabled={
-                    (CLUB.USE_CAUTION as boolean)
-                      ? confirmationText !== "I am absolutely sure" || loading
-                      : loading
-                  }
-                  onClick={handleWithdraw}
-                >
-                  {loading ? (
-                    <Loader2 className="animate-spin" />
-                  ) : (
-                    "Withdraw from this hackathon"
-                  )}
-                </Button>
-              </DialogFooter>
-            </DialogContent>
-          </Dialog>
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-qr-button.tsx b/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-qr-button.tsx
deleted file mode 100644
index 10c425c89..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-qr-button.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import Image from "next/image";
-import { Loader2, QrCode } from "lucide-react";
-
-import { Button } from "@forge/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
-import {
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerTrigger,
-} from "@forge/ui/drawer";
-import { useMediaQuery } from "@forge/ui/use-media-query";
-
-import { api } from "~/trpc/react";
-
-export function HackerQRCodePopup() {
-  const [isOpen, setIsOpen] = useState(false);
-  const {
-    data: userQR,
-    isLoading,
-    isError,
-  } = api.qr.getQRCode.useQuery(undefined, {
-    enabled: isOpen,
-    retry: false,
-  });
-  const isDesktop = useMediaQuery("(min-width: 768px)");
-
-  const qrInner = isError ? (
-    <div className="text-black">Something went wrong. please try again</div>
-  ) : isLoading ? (
-    <Loader2 color="#000000" size={50} className="animate-spin" />
-  ) : userQR?.qrCodeUrl ? (
-    <Image
-      unoptimized
-      src={userQR.qrCodeUrl}
-      alt="QR Code"
-      width={400}
-      height={400}
-    />
-  ) : (
-    <div className="text-black">No QR Code found.</div>
-  );
-
-  const qrTrigger = (
-    <Button
-      size="lg"
-      className="animate-fade-in group w-full gap-2 rounded-lg border border-[#1F2937] bg-card px-5 py-3 shadow-sm transition-all hover:scale-[1.02] hover:border-primary/50 hover:bg-card hover:shadow-md sm:px-8"
-    >
-      <QrCode className="h-5 w-5 text-muted-foreground transition-colors group-hover:text-primary dark:hidden" />
-      <QrCode className="hidden h-5 w-5 text-muted-foreground transition-colors group-hover:text-primary dark:block" />
-      <span className="text-base font-bold text-black dark:text-white">QR</span>
-    </Button>
-  );
-
-  const qrContent = (
-    <div className="flex items-center justify-center p-6">
-      <div className="rounded-lg bg-white p-4">{qrInner}</div>
-    </div>
-  );
-
-  if (isDesktop) {
-    return (
-      <Dialog open={isOpen} onOpenChange={setIsOpen}>
-        <DialogTrigger asChild>{qrTrigger}</DialogTrigger>
-        <DialogContent className="!max-h-[96vw] !max-w-[96vw] overflow-y-auto">
-          <DialogHeader>
-            <DialogTitle>
-              Your <span className="font-bold text-primary">HACKER</span> QR
-              Code
-            </DialogTitle>
-          </DialogHeader>
-          {qrContent}
-          <DialogDescription />
-        </DialogContent>
-      </Dialog>
-    );
-  }
-
-  return (
-    <div className="w-full sm:w-auto">
-      <Drawer open={isOpen} onOpenChange={setIsOpen}>
-        <DrawerTrigger asChild>{qrTrigger}</DrawerTrigger>
-        <DrawerContent className="mx-auto w-full max-w-sm">
-          <DrawerHeader>
-            <DrawerTitle>
-              Your <span className="font-bold text-primary">HACKER</span> QR
-              Code
-            </DrawerTitle>
-          </DrawerHeader>
-          {qrContent}
-          <DrawerDescription />
-        </DrawerContent>
-      </Drawer>
-    </div>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-resume-button.tsx b/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-resume-button.tsx
deleted file mode 100644
index 6980096de..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker-dashboard/hacker-resume-button.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import Link from "next/link";
-import { Download, Upload } from "lucide-react";
-
-import type { api as serverCall } from "~/trpc/server";
-
-export function HackerResumeButton({
-  resume,
-}: {
-  resume: Awaited<ReturnType<(typeof serverCall.resume)["getResume"]>>;
-}) {
-  if (!resume.url) {
-    return (
-      <Link className="w-full" href={"/settings/hacker-profile"}>
-        <div className="relative flex h-14 w-full cursor-pointer items-center justify-center gap-x-2 border border-[#1F2937] transition-all duration-200 ease-in-out hover:bg-[#E5E7EB] dark:hover:bg-[#1F2937]">
-          <Upload />
-          <div className="text-lg font-bold">Upload Resume</div>
-        </div>
-      </Link>
-    );
-  }
-
-  return (
-    <Link href={resume.url} className="w-full">
-      <div className="relative flex h-14 w-full cursor-pointer items-center justify-center gap-x-2 border border-[#1F2937] transition-all duration-200 ease-in-out hover:bg-[#E5E7EB] dark:hover:bg-[#1F2937]">
-        <Download />
-        <div className="text-lg font-bold">Download Resume</div>
-      </div>
-    </Link>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker-dashboard/past-hackathons.tsx b/apps/blade/src/app/_components/dashboard/hacker-dashboard/past-hackathons.tsx
deleted file mode 100644
index 463f3de06..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker-dashboard/past-hackathons.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Eye, Users } from "lucide-react";
-
-import { Card, CardContent, CardHeader, CardTitle } from "@forge/ui/card";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
-import { time } from "@forge/utils";
-
-import type { api } from "~/trpc/server";
-
-const triggerClassName =
-  "relative flex h-14 w-full cursor-pointer items-center justify-center gap-x-2 border border-[#1F2937] bg-transparent transition-all duration-200 ease-in-out hover:bg-[#E5E7EB] dark:hover:bg-[#1F2937]";
-
-export function PastHackathonButton({
-  hackathons,
-}: {
-  hackathons: Awaited<ReturnType<(typeof api.hackathon)["getPastHackathons"]>>;
-}) {
-  const mostRecent = hackathons[0];
-
-  if (!mostRecent) {
-    return (
-      <Dialog>
-        <div className="flex w-full flex-row justify-between">
-          <DialogTrigger className={triggerClassName}>
-            <Eye />
-            <span className="text-lg font-bold">View Past Hackathons</span>
-          </DialogTrigger>
-        </div>
-        <DialogContent className="max-h-[80vh] max-w-2xl overflow-y-auto !border-0">
-          <DialogHeader>
-            <DialogTitle>Past Hackathons Attended</DialogTitle>
-          </DialogHeader>
-          <div className="mt-5 flex items-center justify-center text-center text-lg font-bold text-gray-500 dark:text-gray-400">
-            <div>No hackathons found!</div>
-          </div>
-          <DialogDescription></DialogDescription>
-        </DialogContent>
-      </Dialog>
-    );
-  }
-
-  return (
-    <Dialog>
-      <div className="flex w-full flex-row justify-between">
-        <DialogTrigger className={triggerClassName}>
-          <Eye />
-          <span className="text-lg font-bold">View Past Hackathons</span>
-        </DialogTrigger>
-      </div>
-      <DialogContent className="max-h-[80vh] max-w-2xl overflow-y-auto !border-0">
-        <DialogHeader>
-          <DialogTitle>Past Hackathons Attended</DialogTitle>
-        </DialogHeader>
-        <div className="max-h-96 space-y-4 overflow-y-auto">
-          {hackathons.map((hackathon) => (
-            <Card
-              key={hackathon.id}
-              className="relative !border-0 bg-[#E5E7EB] !shadow-none dark:!bg-[#0A0F1D]"
-            >
-              {/* Transparent Triangle overlay */}
-              <div className="border-b-solid border-l-solid absolute bottom-0 right-0 h-0 w-0 border-b-[50px] border-l-[50px] border-b-background border-l-transparent sm:border-b-[180px] sm:border-l-[100px]"></div>
-              <CardHeader>
-                <div className="flex flex-col items-start justify-between sm:flex-row">
-                  <div className="order-2 pr-5 text-primary sm:order-1">
-                    <CardTitle>{hackathon.displayName}</CardTitle>
-                  </div>
-                </div>
-              </CardHeader>
-              <CardContent>
-                <div className="space-y-2">
-                  <div className="flex items-center gap-2">
-                    <div className="flex w-full max-w-md gap-x-10 gap-y-2">
-                      <div className="flex flex-col items-start">
-                        <span className="font-medium text-gray-600">Start</span>
-                        <span className="mt-1 font-medium">
-                          {time.formatDateTime(hackathon.startDate)}
-                        </span>
-                      </div>
-
-                      <div className="flex flex-col items-start">
-                        <span className="font-medium text-gray-600">End</span>
-                        <span className="mt-1 font-medium">
-                          {time.formatDateTime(hackathon.endDate)}
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="flex items-center gap-2">
-                    <Users className="h-4 w-4 text-gray-500" />
-                    <span>
-                      {hackathon.numAttended}{" "}
-                      {hackathon.numAttended === 1 ? "Attendee" : "Attendees"}
-                    </span>
-                  </div>
-                  <div className="flex gap-x-2">
-                    <span className="text-gray-600">Theme</span>
-                    <span className="font-medium">{hackathon.theme}</span>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-        <DialogDescription></DialogDescription>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/khix.ts b/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/khix.ts
deleted file mode 100644
index 751a700fe..000000000
--- a/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/khix.ts
+++ /dev/null
@@ -1,456 +0,0 @@
-import type { ApplicationVisualConfig, BackgroundSize } from "./types";
-
-const KHIX_SCENE_SIZE = {
-  height: 2250,
-  width: 12000,
-} satisfies BackgroundSize;
-
-const KHIX_FLAT_WEBP = "https://assets.knighthacks.org/khix-flat.webp";
-const KHIX_FOREGROUND_WEBP =
-  "https://assets.knighthacks.org/khix-foreground.webp";
-const KHIX_LENNY_ANIM_WEBP =
-  "https://assets.knighthacks.org/khix-lenny-anim.webp";
-const KHIX_LENNY_IDLE_WEBP =
-  "https://assets.knighthacks.org/khix-lenny-idle.webp";
-
-export const khixApplicationStyles = `
-@keyframes khixForestMistDrift {
-  0%, 100% { transform: translate3d(-3.8%, 1.4%, 0) scale(1.04); }
-  34% { transform: translate3d(2.5%, -2.2%, 0) scale(1.1); }
-  68% { transform: translate3d(5.4%, 0.9%, 0) scale(1.07); }
-}
-
-@keyframes khixCalmCanopyBreeze {
-  0%, 100% { transform: translate3d(-0.35%, 0, 0) skewX(-0.5deg); }
-  50% { transform: translate3d(0.5%, -0.35%, 0) skewX(0.8deg); }
-}
-
-@keyframes khixCalmLeafDrift {
-  0% { transform: translate3d(-0.5%, 0.6%, 0) rotate(-1deg); }
-  45% { transform: translate3d(0.8%, -0.9%, 0) rotate(4deg); }
-  100% { transform: translate3d(1.2%, 0.3%, 0) rotate(7deg); }
-}
-
-@keyframes khixMagicVeil {
-  0%, 100% { transform: translate3d(-0.2%, 0, 0) scale(0.98); }
-  50% { transform: translate3d(0.35%, -0.45%, 0) scale(1.015); }
-}
-
-@keyframes khixArcaneSmokeFlow {
-  0%, 100% { transform: translate3d(-0.25%, 0.35%, 0) scale(0.99); }
-  50% { transform: translate3d(0.35%, -0.55%, 0) scale(1.02); }
-}
-
-@keyframes khixSpookyWispThread {
-  0%, 100% { transform: translate3d(-0.35%, 0.55%, 0) scale(0.98); }
-  38% { transform: translate3d(0.5%, -0.75%, 0) scale(1.025); }
-  72% { transform: translate3d(0.8%, 0.1%, 0) scale(1.005); }
-}
-
-@keyframes khixSpookyShadowCrawl {
-  0%, 100% { transform: translate3d(0.55%, 0.25%, 0) scaleX(0.98); }
-  50% { transform: translate3d(-0.45%, -0.35%, 0) scaleX(1.02); }
-}
-
-.kh-application-shell[data-application-visual="khix"] .kh-step-content :is(input, textarea) {
-  border-color: rgba(255, 255, 255, 0.42);
-}
-
-.kh-application-shell[data-application-visual="khix"] .kh-step-content :is(input, textarea):focus-visible {
-  border-color: rgba(255, 255, 255, 0.78);
-}
-
-.kh-application-shell[data-application-visual="khix"] .kh-resume-info-trigger {
-  border-color: rgba(226, 255, 151, 0.48);
-  background: rgba(226, 255, 151, 0.12);
-  color: rgba(245, 255, 196, 0.9);
-  box-shadow:
-    0 8px 24px rgba(0, 0, 0, 0.26),
-    0 0 18px rgba(216, 255, 134, 0.18);
-}
-
-.kh-application-shell[data-application-visual="khix"] .kh-resume-info-trigger:hover,
-.kh-application-shell[data-application-visual="khix"] .kh-resume-info-trigger:focus-visible,
-.kh-application-shell[data-application-visual="khix"] .kh-resume-info-trigger[data-state="open"] {
-  border-color: rgba(245, 255, 183, 0.78);
-  background: rgba(229, 255, 147, 0.2);
-  color: white;
-  box-shadow:
-    0 10px 28px rgba(0, 0, 0, 0.32),
-    0 0 26px rgba(218, 255, 133, 0.34);
-}
-
-.kh-resume-info-popover[data-application-visual="khix"] {
-  border-color: rgba(227, 255, 151, 0.24);
-  background: rgba(12, 23, 16, 0.96);
-  color: rgba(247, 255, 214, 0.92);
-  box-shadow:
-    0 18px 62px rgba(0, 0, 0, 0.45),
-    0 0 32px rgba(208, 255, 122, 0.18);
-}
-
-.khix-forest-ambient {
-  backface-visibility: hidden;
-  pointer-events: none;
-  overflow: hidden;
-  contain: paint;
-  transform: translateZ(0);
-}
-
-.khix-forest-ambient::before,
-.khix-forest-ambient::after {
-  backface-visibility: hidden;
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  transform: translateZ(0);
-  will-change: transform;
-}
-
-.khix-normal-forest-mist::before {
-  background:
-    radial-gradient(ellipse at 8% 48%, rgba(221, 242, 176, 0.18) 0, rgba(221, 242, 176, 0.09) 14%, rgba(221, 242, 176, 0.03) 28%, transparent 48%),
-    radial-gradient(ellipse at 19% 58%, rgba(132, 187, 119, 0.16) 0, rgba(132, 187, 119, 0.08) 16%, rgba(132, 187, 119, 0.03) 32%, transparent 52%),
-    radial-gradient(ellipse at 31% 44%, rgba(118, 182, 168, 0.12) 0, rgba(118, 182, 168, 0.06) 16%, transparent 46%),
-    radial-gradient(ellipse at 52% 45%, rgba(65, 155, 135, 0.1) 0, rgba(65, 155, 135, 0.05) 18%, transparent 48%);
-  filter: none;
-  opacity: 0.42;
-  animation: khixForestMistDrift 20s ease-in-out infinite;
-}
-
-.khix-normal-forest-mist::after {
-  background:
-    radial-gradient(ellipse at 7% 74%, rgba(205, 232, 147, 0.2) 0, rgba(205, 232, 147, 0.1) 12%, rgba(205, 232, 147, 0.04) 24%, transparent 42%),
-    radial-gradient(ellipse at 18% 70%, rgba(135, 190, 124, 0.18) 0, rgba(135, 190, 124, 0.09) 14%, rgba(135, 190, 124, 0.03) 28%, transparent 46%),
-    radial-gradient(ellipse at 38% 76%, rgba(229, 218, 152, 0.14) 0, rgba(229, 218, 152, 0.07) 14%, transparent 42%),
-    radial-gradient(ellipse at 58% 74%, rgba(94, 133, 93, 0.12) 0, rgba(94, 133, 93, 0.06) 18%, transparent 48%);
-  filter: none;
-  opacity: 0.5;
-  animation: khixForestMistDrift 17s ease-in-out infinite reverse;
-}
-
-.khix-calm-canopy-breeze::before {
-  background:
-    radial-gradient(ellipse at 8% 11%, rgba(255, 244, 155, 0.12) 0, rgba(255, 244, 155, 0.06) 8%, transparent 24%),
-    radial-gradient(ellipse at 17% 9%, rgba(140, 215, 105, 0.12) 0, rgba(140, 215, 105, 0.06) 10%, transparent 28%),
-    radial-gradient(ellipse at 26% 18%, rgba(255, 236, 145, 0.08) 0, rgba(255, 236, 145, 0.04) 12%, transparent 30%);
-  opacity: 0.38;
-  animation: khixCalmCanopyBreeze 13s ease-in-out infinite;
-}
-
-.khix-calm-canopy-breeze::after {
-  background:
-    radial-gradient(ellipse at 13% 27%, rgba(255, 237, 145, 0.12) 0, rgba(255, 237, 145, 0.05) 10%, transparent 30%),
-    radial-gradient(ellipse at 25% 32%, rgba(214, 255, 162, 0.11) 0, rgba(214, 255, 162, 0.05) 10%, transparent 30%);
-  opacity: 0.32;
-  animation: khixCalmCanopyBreeze 17s ease-in-out infinite reverse;
-}
-
-.khix-calm-leaf-drift::before,
-.khix-calm-leaf-drift::after {
-  background:
-    radial-gradient(ellipse at 7% 41%, rgba(231, 245, 136, 0.56) 0, rgba(231, 245, 136, 0.56) 0.1rem, transparent 0.42rem),
-    radial-gradient(ellipse at 14% 52%, rgba(156, 215, 107, 0.48) 0, rgba(156, 215, 107, 0.48) 0.1rem, transparent 0.4rem),
-    radial-gradient(ellipse at 23% 39%, rgba(238, 215, 116, 0.44) 0, rgba(238, 215, 116, 0.44) 0.09rem, transparent 0.36rem),
-    radial-gradient(ellipse at 31% 58%, rgba(165, 223, 112, 0.42) 0, rgba(165, 223, 112, 0.42) 0.1rem, transparent 0.38rem);
-  filter: drop-shadow(0 0 6px rgba(218, 242, 130, 0.24));
-  opacity: 0.5;
-  animation: khixCalmLeafDrift 15s ease-in-out infinite;
-}
-
-.khix-calm-leaf-drift::after {
-  opacity: 0.64;
-  animation-duration: 19s;
-  animation-delay: -8s;
-}
-
-.khix-normal-forest-fireflies::before,
-.khix-normal-forest-fireflies::after {
-  background:
-    radial-gradient(circle at 9% 58%, rgba(255, 255, 215, 1) 0, rgba(255, 255, 178, 1) 0.16rem, rgba(229, 255, 132, 0.68) 0.45rem, transparent 1rem),
-    radial-gradient(circle at 18% 72%, rgba(255, 246, 159, 1) 0, rgba(255, 236, 123, 1) 0.14rem, rgba(255, 216, 89, 0.58) 0.4rem, transparent 0.92rem),
-    radial-gradient(circle at 31% 42%, rgba(237, 255, 189, 1) 0, rgba(221, 255, 145, 1) 0.14rem, rgba(178, 255, 110, 0.56) 0.39rem, transparent 0.9rem),
-    radial-gradient(circle at 48% 66%, rgba(255, 255, 210, 1) 0, rgba(255, 248, 164, 1) 0.16rem, rgba(224, 255, 132, 0.62) 0.44rem, transparent 0.98rem),
-    radial-gradient(circle at 67% 51%, rgba(255, 247, 164, 1) 0, rgba(255, 237, 121, 1) 0.15rem, rgba(255, 215, 88, 0.58) 0.42rem, transparent 0.94rem);
-  filter: drop-shadow(0 0 8px rgba(255, 252, 176, 0.9)) drop-shadow(0 0 22px rgba(219, 255, 128, 0.58));
-  opacity: 1;
-  will-change: auto;
-}
-
-.khix-normal-forest-fireflies::after {
-  background:
-    radial-gradient(circle at 13% 36%, rgba(240, 255, 198, 1) 0, rgba(223, 255, 151, 1) 0.13rem, rgba(181, 255, 112, 0.52) 0.36rem, transparent 0.84rem),
-    radial-gradient(circle at 39% 83%, rgba(255, 242, 151, 1) 0, rgba(255, 228, 108, 1) 0.14rem, rgba(255, 207, 83, 0.54) 0.38rem, transparent 0.88rem),
-    radial-gradient(circle at 56% 35%, rgba(255, 255, 207, 1) 0, rgba(255, 250, 162, 1) 0.14rem, rgba(222, 255, 130, 0.56) 0.39rem, transparent 0.9rem),
-    radial-gradient(circle at 75% 76%, rgba(238, 255, 189, 1) 0, rgba(221, 255, 145, 1) 0.13rem, rgba(178, 255, 110, 0.52) 0.36rem, transparent 0.84rem),
-    radial-gradient(circle at 90% 43%, rgba(255, 244, 153, 1) 0, rgba(255, 231, 111, 1) 0.14rem, rgba(255, 211, 85, 0.54) 0.38rem, transparent 0.88rem);
-  filter: drop-shadow(0 0 7px rgba(255, 248, 157, 0.82)) drop-shadow(0 0 19px rgba(211, 255, 122, 0.5));
-  opacity: 1;
-}
-
-.khix-magic-glowing-gems::before {
-  background:
-    radial-gradient(ellipse at 55% 77%, rgba(178, 255, 232, 0.86) 0, rgba(178, 255, 232, 0.86) 0.14rem, rgba(74, 255, 226, 0.42) 0.32rem, transparent 1.1rem),
-    radial-gradient(ellipse at 64% 68%, rgba(222, 167, 255, 0.8) 0, rgba(222, 167, 255, 0.8) 0.16rem, rgba(142, 92, 255, 0.38) 0.4rem, transparent 1.2rem),
-    radial-gradient(ellipse at 73% 84%, rgba(100, 249, 221, 0.82) 0, rgba(100, 249, 221, 0.82) 0.14rem, rgba(64, 205, 255, 0.34) 0.34rem, transparent 1.1rem),
-    radial-gradient(ellipse at 83% 62%, rgba(181, 140, 255, 0.78) 0, rgba(181, 140, 255, 0.78) 0.15rem, rgba(100, 73, 255, 0.34) 0.36rem, transparent 1.14rem),
-    radial-gradient(ellipse at 94% 78%, rgba(111, 246, 255, 0.78) 0, rgba(111, 246, 255, 0.78) 0.14rem, rgba(54, 210, 230, 0.34) 0.34rem, transparent 1.1rem);
-  filter: drop-shadow(0 0 8px rgba(99, 255, 224, 0.3));
-  opacity: 0.68;
-  will-change: auto;
-}
-
-.khix-magic-glowing-gems::after {
-  background:
-    radial-gradient(ellipse at 58% 74%, rgba(226, 255, 251, 0.42) 0, rgba(226, 255, 251, 0.2) 7%, transparent 20%),
-    radial-gradient(ellipse at 70% 61%, rgba(235, 203, 255, 0.38) 0, rgba(235, 203, 255, 0.18) 7%, transparent 22%),
-    radial-gradient(ellipse at 83% 75%, rgba(175, 255, 244, 0.36) 0, rgba(175, 255, 244, 0.17) 7%, transparent 22%);
-  filter: none;
-  opacity: 0.5;
-  will-change: auto;
-}
-
-.khix-magic-spore-glints::before {
-  background:
-    radial-gradient(circle at 57% 69%, rgba(142, 255, 236, 0.82) 0, rgba(142, 255, 236, 0.82) 0.08rem, rgba(92, 232, 255, 0.32) 0.3rem, transparent 0.74rem),
-    radial-gradient(circle at 64% 50%, rgba(218, 164, 255, 0.72) 0, rgba(218, 164, 255, 0.72) 0.08rem, rgba(137, 83, 255, 0.28) 0.28rem, transparent 0.68rem),
-    radial-gradient(circle at 72% 73%, rgba(115, 255, 231, 0.78) 0, rgba(115, 255, 231, 0.78) 0.07rem, rgba(78, 217, 255, 0.28) 0.26rem, transparent 0.62rem),
-    radial-gradient(circle at 82% 41%, rgba(196, 132, 255, 0.68) 0, rgba(196, 132, 255, 0.68) 0.08rem, rgba(135, 87, 255, 0.26) 0.28rem, transparent 0.68rem),
-    radial-gradient(circle at 91% 58%, rgba(235, 187, 255, 0.66) 0, rgba(235, 187, 255, 0.66) 0.07rem, rgba(160, 91, 255, 0.22) 0.26rem, transparent 0.66rem);
-  filter: drop-shadow(0 0 7px rgba(126, 246, 255, 0.26));
-  opacity: 0.62;
-  will-change: auto;
-}
-
-.khix-magic-spore-glints::after {
-  background:
-    radial-gradient(ellipse at 58% 25%, rgba(112, 255, 241, 0.18) 0, rgba(112, 255, 241, 0.08) 8%, transparent 26%),
-    radial-gradient(circle at 67% 64%, rgba(255, 226, 168, 0.62) 0, rgba(255, 226, 168, 0.62) 0.06rem, transparent 0.28rem),
-    radial-gradient(ellipse at 78% 42%, rgba(184, 112, 255, 0.16) 0, rgba(184, 112, 255, 0.07) 8%, transparent 28%),
-    radial-gradient(circle at 88% 70%, rgba(110, 245, 255, 0.6) 0, rgba(110, 245, 255, 0.6) 0.06rem, transparent 0.28rem);
-  filter: none;
-  opacity: 0.5;
-  will-change: auto;
-}
-
-.khix-arcane-smoke-pool::before {
-  background:
-    radial-gradient(ellipse at 58% 64%, rgba(85, 244, 231, 0.28) 0, rgba(85, 244, 231, 0.13) 9%, rgba(85, 244, 231, 0.04) 19%, transparent 34%),
-    radial-gradient(ellipse at 73% 54%, rgba(171, 101, 255, 0.24) 0, rgba(171, 101, 255, 0.11) 10%, rgba(171, 101, 255, 0.03) 20%, transparent 35%),
-    radial-gradient(ellipse at 91% 62%, rgba(91, 225, 255, 0.2) 0, rgba(91, 225, 255, 0.1) 10%, rgba(91, 225, 255, 0.03) 22%, transparent 38%);
-  filter: none;
-  opacity: 0.7;
-  animation: khixArcaneSmokeFlow 12s ease-in-out infinite;
-}
-
-.khix-arcane-smoke-pool::after {
-  background:
-    radial-gradient(ellipse at 56% 78%, rgba(118, 255, 235, 0.24) 0, rgba(118, 255, 235, 0.11) 10%, rgba(118, 255, 235, 0.03) 20%, transparent 36%),
-    radial-gradient(ellipse at 70% 75%, rgba(216, 143, 255, 0.22) 0, rgba(216, 143, 255, 0.1) 10%, rgba(216, 143, 255, 0.03) 20%, transparent 36%),
-    radial-gradient(ellipse at 88% 77%, rgba(95, 226, 255, 0.2) 0, rgba(95, 226, 255, 0.09) 10%, rgba(95, 226, 255, 0.03) 20%, transparent 36%);
-  filter: none;
-  opacity: 0.62;
-  animation: khixArcaneSmokeFlow 15s ease-in-out infinite reverse;
-}
-
-.khix-spooky-magic-wisps::before {
-  background:
-    radial-gradient(ellipse at 58% 60%, rgba(112, 255, 239, 0.22) 0, rgba(112, 255, 239, 0.1) 10%, rgba(112, 255, 239, 0.03) 20%, transparent 36%),
-    radial-gradient(ellipse at 70% 43%, rgba(195, 135, 255, 0.23) 0, rgba(195, 135, 255, 0.1) 10%, rgba(195, 135, 255, 0.03) 22%, transparent 38%),
-    radial-gradient(ellipse at 84% 58%, rgba(93, 239, 214, 0.18) 0, rgba(93, 239, 214, 0.08) 10%, rgba(93, 239, 214, 0.03) 20%, transparent 36%);
-  filter: none;
-  opacity: 0.62;
-  animation: khixMagicVeil 11s ease-in-out infinite;
-}
-
-.khix-spooky-magic-wisps::after {
-  background:
-    radial-gradient(ellipse at 75% 30%, rgba(115, 255, 244, 0.12) 0, rgba(115, 255, 244, 0.06) 10%, transparent 30%),
-    radial-gradient(ellipse at 91% 62%, rgba(162, 88, 255, 0.14) 0, rgba(162, 88, 255, 0.07) 12%, transparent 32%);
-  filter: none;
-  opacity: 0.4;
-  animation: khixSpookyWispThread 12s ease-in-out infinite reverse;
-}
-
-.khix-spooky-shadow-crawl::before {
-  background:
-    radial-gradient(ellipse at 68% 56%, rgba(12, 4, 34, 0.22) 0, rgba(12, 4, 34, 0.1) 10%, rgba(12, 4, 34, 0.03) 22%, transparent 40%),
-    radial-gradient(ellipse at 82% 46%, rgba(29, 7, 57, 0.2) 0, rgba(29, 7, 57, 0.09) 10%, rgba(29, 7, 57, 0.03) 22%, transparent 40%),
-    radial-gradient(ellipse at 95% 73%, rgba(5, 20, 37, 0.2) 0, rgba(5, 20, 37, 0.09) 10%, rgba(5, 20, 37, 0.03) 22%, transparent 40%);
-  filter: none;
-  opacity: 0.3;
-  animation: khixSpookyShadowCrawl 14s ease-in-out infinite;
-}
-
-.khix-spooky-shadow-crawl::after {
-  background:
-    radial-gradient(ellipse at 71% 76%, rgba(18, 5, 42, 0.16) 0, rgba(18, 5, 42, 0.08) 10%, rgba(18, 5, 42, 0.02) 22%, transparent 40%),
-    radial-gradient(ellipse at 92% 78%, rgba(9, 30, 48, 0.16) 0, rgba(9, 30, 48, 0.08) 10%, rgba(9, 30, 48, 0.02) 22%, transparent 40%);
-  filter: none;
-  opacity: 0.28;
-  animation: khixSpookyShadowCrawl 18s ease-in-out infinite reverse;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .khix-normal-forest-mist::before,
-  .khix-normal-forest-mist::after,
-  .khix-calm-canopy-breeze::before,
-  .khix-calm-canopy-breeze::after,
-  .khix-calm-leaf-drift::before,
-  .khix-calm-leaf-drift::after,
-  .khix-normal-forest-fireflies::before,
-  .khix-normal-forest-fireflies::after,
-  .khix-magic-glowing-gems::before,
-  .khix-magic-glowing-gems::after,
-  .khix-magic-spore-glints::before,
-  .khix-magic-spore-glints::after,
-  .khix-arcane-smoke-pool::before,
-  .khix-arcane-smoke-pool::after,
-  .khix-spooky-magic-wisps::before,
-  .khix-spooky-magic-wisps::after,
-  .khix-spooky-shadow-crawl::before,
-  .khix-spooky-shadow-crawl::after {
-    animation: none;
-  }
-}
-`;
-
-export const khixApplicationBackground = {
-  key: "khix",
-  label: "KHIX forest walk",
-  ambientLayers: [
-    {
-      id: "khix-normal-forest-mist",
-      className: "khix-forest-ambient khix-normal-forest-mist",
-      space: "scene",
-      style: {
-        contain: "layout style",
-        overflow: "visible",
-      },
-      zIndex: 1,
-    },
-    {
-      id: "khix-calm-canopy-breeze",
-      className: "khix-forest-ambient khix-calm-canopy-breeze",
-      space: "scene",
-      zIndex: 1,
-    },
-    {
-      id: "khix-calm-leaf-drift",
-      className: "khix-forest-ambient khix-calm-leaf-drift",
-      space: "scene",
-      zIndex: 1,
-    },
-    {
-      id: "khix-normal-forest-fireflies",
-      className: "khix-forest-ambient khix-normal-forest-fireflies",
-      space: "scene",
-      zIndex: 4,
-    },
-    {
-      id: "khix-magic-glowing-gems",
-      className: "khix-forest-ambient khix-magic-glowing-gems",
-      space: "scene",
-      zIndex: 1,
-    },
-    {
-      id: "khix-magic-spore-glints",
-      className: "khix-forest-ambient khix-magic-spore-glints",
-      space: "scene",
-      zIndex: 1,
-    },
-    {
-      id: "khix-arcane-smoke-pool",
-      className: "khix-forest-ambient khix-arcane-smoke-pool",
-      space: "scene",
-      style: {
-        contain: "layout style",
-        overflow: "visible",
-      },
-      zIndex: 1,
-    },
-    {
-      id: "khix-spooky-magic-wisps",
-      className: "khix-forest-ambient khix-spooky-magic-wisps",
-      space: "scene",
-      style: {
-        contain: "layout style",
-        overflow: "visible",
-      },
-      zIndex: 1,
-    },
-    {
-      id: "khix-spooky-shadow-crawl",
-      className: "khix-forest-ambient khix-spooky-shadow-crawl",
-      space: "scene",
-      style: {
-        contain: "layout style",
-        overflow: "visible",
-      },
-      zIndex: 1,
-    },
-  ],
-  baseLayerId: "khix-flat",
-  layers: [
-    {
-      id: "khix-flat",
-      kind: "image",
-      nativeSize: KHIX_SCENE_SIZE,
-      sources: [
-        {
-          mimeType: "image/webp",
-          src: KHIX_FLAT_WEBP,
-        },
-      ],
-      src: KHIX_FLAT_WEBP,
-      space: "scene",
-      zIndex: 0,
-    },
-    {
-      id: "khix-lenny",
-      animatedSrc: KHIX_LENNY_ANIM_WEBP,
-      className:
-        "khix-lenny bottom-[4svh] left-1/2 w-[clamp(17rem,58vw,24rem)] -translate-x-1/2 sm:bottom-[3svh] sm:w-[clamp(20rem,46vw,29rem)] sm:translate-y-[1%] md:bottom-[-3svh] md:w-[clamp(22rem,34vw,31rem)] md:translate-y-[8%] lg:bottom-[8svh] lg:w-[min(28vw,21rem)] lg:translate-y-0 [@media_(orientation:landscape)_and_(max-height:560px)]:bottom-[-10svh] [@media_(orientation:landscape)_and_(max-height:560px)]:left-[58%] [@media_(orientation:landscape)_and_(max-height:560px)]:w-[clamp(15rem,27vw,20rem)] [@media_(orientation:landscape)_and_(max-height:560px)]:translate-y-[10%]",
-      idleSrc: KHIX_LENNY_IDLE_WEBP,
-      kind: "image",
-      mediaClassName: "h-auto w-full select-none",
-      mediaStyle: {
-        filter: "saturate(1.08) drop-shadow(0 18px 28px rgba(0,0,0,0.38))",
-      },
-      motion: {
-        facesStepDirection: true,
-        turnDurationMs: 260,
-      },
-      nativeSize: {
-        height: 960,
-        width: 740,
-      },
-      src: KHIX_LENNY_IDLE_WEBP,
-      space: "viewport",
-      zIndex: 2,
-    },
-    {
-      id: "khix-foreground",
-      kind: "image",
-      nativeSize: KHIX_SCENE_SIZE,
-      sources: [
-        {
-          mimeType: "image/webp",
-          src: KHIX_FOREGROUND_WEBP,
-        },
-      ],
-      src: KHIX_FOREGROUND_WEBP,
-      space: "scene",
-      zIndex: 3,
-    },
-  ],
-  mode: "dynamic",
-  overlayClassName:
-    "bg-[linear-gradient(90deg,rgba(8,4,14,0.76)_0%,rgba(8,4,14,0.54)_45%,rgba(8,4,14,0.3)_100%)]",
-  questionTransitionMs: 900,
-  showStockEffects: false,
-  stepTransitionMs: 1500,
-  styles: khixApplicationStyles,
-  transitionMs: 1500,
-} satisfies ApplicationVisualConfig;
diff --git a/apps/blade/src/app/_components/hackathon/portal-unavailable.tsx b/apps/blade/src/app/_components/hackathon/portal-unavailable.tsx
new file mode 100644
index 000000000..fcaf35be0
--- /dev/null
+++ b/apps/blade/src/app/_components/hackathon/portal-unavailable.tsx
@@ -0,0 +1,24 @@
+import Link from "next/link";
+
+import { Button } from "@forge/ui/button";
+
+export function PortalUnavailable({ displayName }: { displayName?: string }) {
+  return (
+    <main className="container flex min-h-screen items-center justify-center py-16 text-center">
+      <section className="max-w-xl space-y-4 rounded-lg border bg-card p-8 shadow-sm">
+        <h1 className="text-3xl font-bold">
+          {displayName
+            ? `${displayName} portal unavailable`
+            : "Portal unavailable"}
+        </h1>
+        <p className="text-muted-foreground">
+          This hackathon does not have an active participant portal. Visit the
+          Knight Hacks website or Discord for current event information.
+        </p>
+        <Button asChild>
+          <Link href="/dashboard">Return to Blade</Link>
+        </Button>
+      </section>
+    </main>
+  );
+}
diff --git a/apps/blade/src/app/_components/option-cards.tsx b/apps/blade/src/app/_components/option-cards.tsx
index be1c4601a..87ffbd90b 100644
--- a/apps/blade/src/app/_components/option-cards.tsx
+++ b/apps/blade/src/app/_components/option-cards.tsx
@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { Code, Swords } from "lucide-react";
+import { Swords } from "lucide-react";
 
 import { cn } from "@forge/ui";
 import { buttonVariants } from "@forge/ui/button";
@@ -51,43 +51,3 @@ export function MemberAppCard() {
     </Card>
   );
 }
-
-export function HackerAppCard({ hackathonName }: { hackathonName: string }) {
-  return (
-    <Card className="flex flex-col px-4 hover:border-primary">
-      <CardHeader className="text-center">
-        <div className="mx-auto mb-4 rounded-full bg-primary/10 p-3">
-          <Code className="h-8 w-8 text-primary" />
-        </div>
-        <CardTitle className="text-2xl">Join the Hackathon</CardTitle>
-        <CardDescription>
-          Build, innovate, and compete over 12-36 hours!
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="flex-grow">
-        <ul className="space-y-2">
-          <li className="flex items-center">
-            <span className="mr-2">•</span>
-            Prizes available
-          </li>
-          <li className="flex items-center">
-            <span className="mr-2">•</span>
-            Free developer tools and APIs
-          </li>
-          <li className="flex items-center">
-            <span className="mr-2">•</span>
-            Networking opportunities
-          </li>
-        </ul>
-      </CardContent>
-      <CardFooter>
-        <Link
-          href={"/hacker/application/" + hackathonName}
-          className={cn(buttonVariants({ variant: "primary" }), "w-full")}
-        >
-          Register Now
-        </Link>
-      </CardFooter>
-    </Card>
-  );
-}
diff --git a/apps/blade/src/app/_components/providers.tsx b/apps/blade/src/app/_components/providers.tsx
index f7314a676..2d1eca02d 100644
--- a/apps/blade/src/app/_components/providers.tsx
+++ b/apps/blade/src/app/_components/providers.tsx
@@ -1,16 +1,17 @@
 "use client";
 
-import { ThemeProvider } from "@forge/ui/theme";
+import { ThemeProvider, ThemeToggle } from "@forge/ui/theme";
 import { Toaster } from "@forge/ui/toast";
 
-import { ThemeToggleRouteGuard } from "~/app/_components/theme-toggle-route-guard";
 import { TRPCReactProvider } from "~/trpc/react";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
     <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
       <TRPCReactProvider>{children}</TRPCReactProvider>
-      <ThemeToggleRouteGuard />
+      <div className="fixed bottom-4 right-4">
+        <ThemeToggle />
+      </div>
       <Toaster />
     </ThemeProvider>
   );
diff --git a/apps/blade/src/app/_components/settings/delete-hacker-button.tsx b/apps/blade/src/app/_components/settings/delete-hacker-button.tsx
deleted file mode 100644
index 96e6c74e1..000000000
--- a/apps/blade/src/app/_components/settings/delete-hacker-button.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { useRouter } from "next/navigation";
-import { Loader2, Trash2 } from "lucide-react";
-
-import { CLUB } from "@forge/consts";
-import { Button } from "@forge/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
-import { Input } from "@forge/ui/input";
-import { toast } from "@forge/ui/toast";
-
-import { api } from "~/trpc/react";
-
-export default function DeleteHackerButton({
-  hackerId,
-  firstName,
-  lastName,
-}: {
-  hackerId: string;
-  firstName: string;
-  lastName: string;
-}) {
-  const router = useRouter();
-  const [confirmationText, setConfirmationText] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-  const [isOpen, setIsOpen] = useState(false);
-
-  // Our TRPC mutation for deleting a hacker
-  const deleteHacker = api.hackerMutation.deleteHacker.useMutation({
-    onSuccess() {
-      toast.success("Hacker successfully deleted.");
-      setIsOpen(false);
-      router.push("/");
-    },
-    onError(opts) {
-      toast.error(opts.message);
-    },
-    onSettled() {
-      setIsLoading(false);
-    },
-  });
-
-  const handleDelete = () => {
-    setIsLoading(true);
-    deleteHacker.mutate({
-      id: hackerId,
-      firstName: firstName,
-      lastName: lastName,
-    });
-  };
-  return (
-    <Dialog open={isOpen} onOpenChange={setIsOpen}>
-      <DialogTrigger asChild>
-        <Button variant="destructive">
-          <Trash2 className="mr-2 h-4 w-4" />
-          Delete Hacker Data
-        </Button>
-      </DialogTrigger>
-
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Are you sure?</DialogTitle>
-          <DialogDescription>
-            You are about to delete your hacker profile. This action cannot be
-            undone. Please proceed with caution.
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="space-y-4 py-2">
-          <p>
-            Please type <strong>"I am absolutely sure"</strong> to confirm
-            deletion:
-          </p>
-          <Input
-            placeholder='Type "I am absolutely sure"'
-            value={confirmationText}
-            onChange={(e) => setConfirmationText(e.target.value)}
-            onPaste={(e) => {
-              e.preventDefault();
-              toast.info("Please type in the text, do not paste.");
-            }}
-          />
-        </div>
-
-        <DialogFooter>
-          <Button
-            variant="outline"
-            onClick={() => {
-              setIsOpen(false);
-              setConfirmationText("");
-            }}
-            disabled={isLoading}
-          >
-            Cancel
-          </Button>
-          <Button
-            variant="destructive"
-            disabled={
-              (CLUB.USE_CAUTION as boolean)
-                ? confirmationText !== "I am absolutely sure" || isLoading
-                : isLoading
-            }
-            onClick={handleDelete}
-          >
-            {isLoading ? (
-              <Loader2 className="animate-spin" />
-            ) : (
-              "Delete Hacker Data"
-            )}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/blade/src/app/_components/settings/sidebar-nav.tsx b/apps/blade/src/app/_components/settings/sidebar-nav.tsx
index 843fda913..fd655cc04 100644
--- a/apps/blade/src/app/_components/settings/sidebar-nav.tsx
+++ b/apps/blade/src/app/_components/settings/sidebar-nav.tsx
@@ -24,13 +24,7 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
     isLoading: memberLoading,
     error: memberError,
   } = api.member.getMember.useQuery(undefined, { staleTime: Infinity });
-  const {
-    data: hacker,
-    isLoading: hackerLoading,
-    error: hackerError,
-  } = api.hackerQuery.getHacker.useQuery({}, { staleTime: Infinity });
-
-  if (memberLoading || hackerLoading) {
+  if (memberLoading) {
     return (
       <div className="flex h-full w-full items-center justify-center">
         <Loader2 className="h-6 w-6 animate-spin" />
@@ -38,7 +32,7 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
     );
   }
 
-  if (memberError || hackerError) {
+  if (memberError) {
     return (
       <div aria-live="polite" className="p-2 text-sm text-destructive">
         Unable to load navigation.
@@ -46,18 +40,10 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
     );
   }
 
-  if (!member && !hacker) {
+  if (!member) {
     return null;
   }
 
-  const visibleItems = items.filter((item) => {
-    if (item.title.toLowerCase().includes("member")) return !!member;
-    if (item.title.toLowerCase().includes("hacker")) return !!hacker;
-    return true;
-  });
-
-  if (visibleItems.length === 0) return null;
-
   return (
     <nav
       className={cn(
@@ -66,7 +52,7 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
       )}
       {...props}
     >
-      {visibleItems.map((item) => (
+      {items.map((item) => (
         <Link
           replace
           key={item.title}
diff --git a/apps/blade/src/app/_components/theme-toggle-route-guard.tsx b/apps/blade/src/app/_components/theme-toggle-route-guard.tsx
deleted file mode 100644
index f73be39db..000000000
--- a/apps/blade/src/app/_components/theme-toggle-route-guard.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-import { usePathname } from "next/navigation";
-
-import { ThemeToggle } from "@forge/ui/theme";
-
-export function ThemeToggleRouteGuard() {
-  const pathname = usePathname();
-  const hideThemeToggle =
-    pathname === "/hacker/application" ||
-    pathname.startsWith("/hacker/application/");
-
-  if (hideThemeToggle) return null;
-
-  return (
-    <div className="fixed bottom-4 right-4">
-      <ThemeToggle />
-    </div>
-  );
-}
diff --git a/apps/blade/src/app/dashboard/page.tsx b/apps/blade/src/app/dashboard/page.tsx
index 5a79ff79d..31588afde 100644
--- a/apps/blade/src/app/dashboard/page.tsx
+++ b/apps/blade/src/app/dashboard/page.tsx
@@ -3,7 +3,6 @@ import { redirect } from "next/navigation";
 
 import { auth } from "@forge/auth";
 
-import { DashboardEntryDialogs } from "~/app/_components/dashboard/dashboard-entry-dialogs";
 import { SessionNavbar } from "~/app/_components/navigation/session-navbar";
 import { UserInterface } from "~/app/_components/user-interface";
 import { api, HydrateClient } from "~/trpc/server";
@@ -20,37 +19,12 @@ export default async function Dashboard() {
     redirect("/");
   }
 
-  const [isDiscordMember, member, currentHackathon] = await Promise.all([
-    api.auth.getDiscordMemberStatus(),
-    api.member.getMember(),
-    api.hackathon.getCurrentHackathon(),
-  ]);
-  const hacker = currentHackathon
-    ? await api.hackerQuery.getHacker({
-        hackathonName: currentHackathon.name,
-      })
-    : null;
-  const now = new Date();
+  const member = await api.member.getMember();
 
   return (
     <HydrateClient>
       <SessionNavbar />
       <main className="container h-screen py-16">
-        <DashboardEntryDialogs
-          currentHackathon={
-            currentHackathon
-              ? {
-                  applicationsOpen: currentHackathon.applicationDeadline >= now,
-                  displayName: currentHackathon.displayName,
-                  isLive: currentHackathon.startDate <= now,
-                  name: currentHackathon.name,
-                }
-              : null
-          }
-          hasHacker={hacker != null}
-          hasMember={member != null}
-          showDiscordPrompt={!isDiscordMember}
-        />
         <UserInterface member={member} />
       </main>
     </HydrateClient>
diff --git a/apps/blade/src/app/hackathon/README.md b/apps/blade/src/app/hackathon/README.md
index fe50b8cac..498c261b8 100644
--- a/apps/blade/src/app/hackathon/README.md
+++ b/apps/blade/src/app/hackathon/README.md
@@ -1,142 +1,32 @@
-# Hackathon dashboards in Blade
+# Hackathon participant compatibility routes
 
-Blade includes a generic dashboard for every hackathon. Use it unless an event
-needs a meaningfully different layout or checked-in experience. A custom route
-is an escape hatch, not a requirement for each event.
+Blade is the member and organizer application. It no longer renders participant
+applications or dashboards.
 
-## How routing works
+The routes in this directory exist only for old bookmarks, email links, and QR
+codes:
 
-| Route               | Behavior                                                                     |
-| ------------------- | ---------------------------------------------------------------------------- |
-| `/hackathon`        | Finds the current participant-lifecycle hackathon and redirects to its slug. |
-| `/hackathon/[slug]` | Provides the generic dashboard for any hackathon in the database.            |
-| `/hackathon/<slug>` | A static event folder that overrides the generic route for that slug.        |
+| Route                        | Behavior                                               |
+| ---------------------------- | ------------------------------------------------------ |
+| `/hackathon`                 | Redirects to the Blade member dashboard.               |
+| `/hackathon/[slug]`          | Redirects to the configured event portal `/dashboard`. |
+| `/hacker/application/[slug]` | Redirects to the configured event portal `/apply`.     |
 
-A hackathon is considered current from `applicationOpen` through `endDate`.
-When multiple hackathons overlap, Blade selects the one with the earliest
-`applicationOpen`, then the earliest `startDate`, then the earliest `endDate`.
-An explicit slug route remains available outside this window.
+The target origin comes from `Hackathon.portalBaseUrl`. Missing or invalid
+origins render an unavailable page and never fall back to participant UI in
+Blade.
 
-The generic route loads the user's attendee record for that specific hackathon.
-It renders `HackerDashboard` before check-in and `BaseHackathonDashboard` after
-the attendee reaches `checkedin` status.
+Organizer workflows remain under `/admin/hackathon/*`.
 
-## Set up a hackathon
+## Creating a participant portal
 
-1. Create the hackathon in `/admin/hackathon/manage`.
-   - `name` is the URL slug and database identifier. Use 2 to 64 lowercase
-     letters, numbers, and hyphens, with a letter or number at each end.
-   - `displayName` is the event name shown to users.
-   - Dates must follow this order:
-     `applicationOpen < applicationDeadline <= confirmationDeadline <= startDate < endDate`.
-2. Add optional application and email presets only when the event needs them.
-   - Register application presets in
-     `packages/consts/src/hackathons/index.ts` and
-     `apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/index.ts`.
-   - Register email presets in
-     `packages/email/src/hackathons/templates.ts`.
-3. Create the event schedule in `/admin/hackathon/events` and associate every
-   event with the correct hackathon.
-4. Use the exact event tag `Check-in` for the event that admits confirmed
-   hackers. The tag controls attendee status changes and later event access.
+Use `@forge/hackathon` for headless workflow state and `@forge/api/participant`
+for the restricted tRPC surface. The event app must:
 
-At this point `/hackathon/<slug>` works through the generic route. No dashboard
-code is required.
+1. Own `/apply`, `/dashboard`, and `/dashboard/profile` visual routes.
+2. Mount app-local Better Auth handlers and the participant tRPC router.
+3. Pass its validated session into `createTRPCContext`.
+4. Keep its brand assets and renderers inside the event app.
+5. Set the portal origin and optional confirmation capacity in Blade admin.
 
-## Add a custom dashboard
-
-Create `apps/blade/src/app/hackathon/<slug>/page.tsx`, where `<slug>` exactly
-matches the hackathon's database `name`. Next.js gives this static route
-priority over `[slug]`.
-
-Start from `apps/blade/src/app/hackathon/[slug]/page.tsx` and preserve its core
-responsibilities:
-
-- Require an authenticated session.
-- Fetch the hackathon by its explicit slug and call `notFound()` when missing.
-- Fetch the attendee record with the same hackathon slug.
-- Render the application and status experience before check-in.
-- Render the event dashboard only for a `checkedin` attendee.
-- Keep the shared session navigation and tRPC hydration boundary.
-
-Compose the exports from
-`apps/blade/src/app/_components/dashboard/hackathon-dashboard/components.tsx`
-where possible. Shared components already cover the QR code, wallet pass,
-hacker guide, issue reporting, countdown, and upcoming events. Keep mutations
-and status rules in shared code instead of copying them into an event route.
-
-Always pass an event-specific `guideHref` to `BaseHackathonDashboard`. Its
-current fallback points to the old Knight Hacks VIII guide.
-
-## Required behavior checklist
-
-- [ ] Unauthenticated users cannot access the dashboard.
-- [ ] A missing or misspelled database slug returns a not-found page.
-- [ ] A user without an application sees the correct state before applications
-      open, while they are open, and after they close.
-- [ ] Existing applicants can see an accurate status for `pending`, `accepted`,
-      `waitlisted`, `confirmed`, `withdrawn`, `denied`, and `checkedin`.
-- [ ] Accepted hackers can confirm before the confirmation deadline.
-- [ ] Confirmed hackers can withdraw through a destructive confirmation dialog.
-- [ ] Checked-in hackers can open their QR code and wallet pass.
-- [ ] The hacker guide, Discord, support, and event links point to current
-      resources.
-- [ ] The countdown uses the current hackathon's `endDate`.
-- [ ] Upcoming events are scoped to the current hackathon ID.
-- [ ] Points are shown only if the event uses them and the number helps hackers.
-- [ ] The page works on mobile, in dark mode, and with keyboard navigation.
-- [ ] Loading, empty, and error states remain usable.
-- [ ] Only intentionally selected profile fields are rendered.
-
-Do not dump the full hacker object into the dashboard. It contains personal
-application data that most attendees do not need to see during the event. Add a
-field such as shirt size or allergies only when the user has a clear reason to
-review or update it.
-
-Classes are no longer part of active check-in behavior. Do not add class UI for
-a new hackathon. A leaderboard is also not built into the base dashboard; add
-one only with an event-specific product requirement and a supported API.
-
-## Status expectations
-
-| Status             | Expected experience                                             |
-| ------------------ | --------------------------------------------------------------- |
-| No attendee record | Date-aware application prompt or closed state.                  |
-| `pending`          | Application received, with no confirmation action.              |
-| `accepted`         | Status plus confirmation action until the deadline.             |
-| `waitlisted`       | Clear waitlist status and event guidance.                       |
-| `confirmed`        | Confirmed status, QR access, and destructive withdrawal action. |
-| `withdrawn`        | Clear final status with no confirmation action.                 |
-| `denied`           | Clear final status with no confirmation action.                 |
-| `checkedin`        | Full event dashboard and on-site tools.                         |
-
-## Operations before launch
-
-- Confirm the hackathon record, slug, dates, theme, and optional presets in
-  `/admin/hackathon/manage`.
-- Confirm every schedule item is attached to the right hackathon in
-  `/admin/hackathon/events`.
-- Test both QR and manual check-in in `/admin/hackathon/check-in` with an account
-  that has `CHECKIN_HACK_EVENT`.
-- Use `/admin/hackathon/hackers` to verify attendee statuses and confirmation
-  behavior.
-- Check in a confirmed hacker through the exact `Check-in` event, then verify
-  their status becomes `checkedin` and their attendance and points are recorded.
-- Check the same hacker into a normal event and verify duplicate-check-in rules.
-
-Discord event roles are not configurable per hackathon yet. Check-in currently
-grants an event role only for BloomKnights. Do not copy that hardcoded role logic
-for another event; future role support should come from database-backed
-hackathon configuration.
-
-## Known debt and gotchas
-
-- The base hacker-guide fallback still points to Knight Hacks VIII. Pass an
-  explicit `guideHref` until the guide becomes database-configurable.
-- Static event routes can drift from `[slug]`. Recheck them whenever shared
-  routing, status, or application behavior changes.
-- Upcoming-event formatting contains legacy date adjustments. Verify schedule
-  times in a production-like environment before launch.
-- The nullable attendee `class` column is legacy data and is intentionally
-  inactive.
-- The base dashboard has no general leaderboard implementation.
+See `packages/hackathon/README.md` for the reusable integration contract.
diff --git a/apps/blade/src/app/hackathon/[slug]/page.tsx b/apps/blade/src/app/hackathon/[slug]/page.tsx
index d7c71d1e2..a9966f532 100644
--- a/apps/blade/src/app/hackathon/[slug]/page.tsx
+++ b/apps/blade/src/app/hackathon/[slug]/page.tsx
@@ -1,55 +1,26 @@
 import type { Metadata } from "next";
-import { notFound, redirect } from "next/navigation";
+import { redirect } from "next/navigation";
 
-import { auth } from "@forge/auth";
-
-import { BaseHackathonDashboard } from "~/app/_components/dashboard/hackathon-dashboard/components";
-import HackerDashboard from "~/app/_components/dashboard/hacker-dashboard/hacker-dashboard";
-import { SessionNavbar } from "~/app/_components/navigation/session-navbar";
-import { api, HydrateClient } from "~/trpc/server";
+import { PortalUnavailable } from "~/app/_components/hackathon/portal-unavailable";
+import { buildParticipantPortalUrl } from "~/lib/hackathon-portal";
+import { api } from "~/trpc/server";
 
 export const metadata: Metadata = {
-  title: "Blade | Hackathon Dashboard",
-  description: "The official hackathon dashboard.",
+  title: "Hackathon Portal",
 };
 
-export default async function HackathonSlugPage(props: {
+export default async function LegacyHackathonDashboardPage({
+  params,
+}: {
   params: Promise<{ slug: string }>;
 }) {
-  const { slug } = await props.params;
-
-  const session = await auth();
-
-  if (!session) {
-    redirect("/");
-  }
-
-  const hackathon = await api.hackathon.getHackathon({
-    hackathonName: slug,
-  });
-
-  if (!hackathon) {
-    notFound();
-  }
-
-  const hacker = await api.hackerQuery.getHacker({
-    hackathonName: hackathon.name,
-  });
-
-  return (
-    <HydrateClient>
-      <SessionNavbar />
-      <main className="container min-h-screen py-16">
-        <div className="flex justify-center">
-          <div className="max-w-8xl w-full">
-            {hacker?.status === "checkedin" ? (
-              <BaseHackathonDashboard hackathon={hackathon} hacker={hacker} />
-            ) : (
-              <HackerDashboard hackathon={hackathon} hacker={hacker} />
-            )}
-          </div>
-        </div>
-      </main>
-    </HydrateClient>
+  const { slug } = await params;
+  const hackathon = await api.hackathon.getHackathon({ hackathonName: slug });
+  const portalUrl = buildParticipantPortalUrl(
+    hackathon?.portalBaseUrl,
+    "/dashboard",
   );
+
+  if (portalUrl) redirect(portalUrl);
+  return <PortalUnavailable displayName={hackathon?.displayName} />;
 }
diff --git a/apps/blade/src/app/hackathon/bloomknights/page.tsx b/apps/blade/src/app/hackathon/bloomknights/page.tsx
deleted file mode 100644
index 5a8fb4b59..000000000
--- a/apps/blade/src/app/hackathon/bloomknights/page.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { Metadata } from "next";
-import { notFound, redirect } from "next/navigation";
-
-import { auth } from "@forge/auth";
-
-import { BaseHackathonDashboard } from "~/app/_components/dashboard/hackathon-dashboard/components";
-import HackerDashboard from "~/app/_components/dashboard/hacker-dashboard/hacker-dashboard";
-import { SessionNavbar } from "~/app/_components/navigation/session-navbar";
-import { api, HydrateClient } from "~/trpc/server";
-
-export const metadata: Metadata = {
-  title: "Blade | BloomKnights Dashboard",
-  description: "The official BloomKnights hackathon dashboard.",
-};
-
-export default async function BloomKnightsHackathonPage() {
-  const session = await auth();
-
-  if (!session) {
-    redirect("/");
-  }
-
-  const hackathon = await api.hackathon.getHackathon({
-    hackathonName: "bloomknights",
-  });
-
-  if (!hackathon) {
-    notFound();
-  }
-
-  const hacker = await api.hackerQuery.getHacker({
-    hackathonName: hackathon.name,
-  });
-
-  return (
-    <HydrateClient>
-      <SessionNavbar />
-      <main className="container min-h-screen py-16">
-        <div className="flex justify-center">
-          <div className="max-w-8xl w-full">
-            {hacker?.status === "checkedin" ? (
-              <BaseHackathonDashboard hackathon={hackathon} hacker={hacker} />
-            ) : (
-              <HackerDashboard hackathon={hackathon} hacker={hacker} />
-            )}
-          </div>
-        </div>
-      </main>
-    </HydrateClient>
-  );
-}
diff --git a/apps/blade/src/app/hackathon/page.tsx b/apps/blade/src/app/hackathon/page.tsx
index 6589c7f07..cd7abf057 100644
--- a/apps/blade/src/app/hackathon/page.tsx
+++ b/apps/blade/src/app/hackathon/page.tsx
@@ -1,48 +1,5 @@
-import type { Metadata } from "next";
-import Link from "next/link";
 import { redirect } from "next/navigation";
 
-import { auth } from "@forge/auth";
-
-import { api } from "~/trpc/server";
-
-export const metadata: Metadata = {
-  title: "Blade | Hackathon",
-  description: "Open the current Knight Hacks hackathon dashboard.",
-};
-
-export default async function CurrentHackathonPage() {
-  const session = await auth();
-
-  if (!session) {
-    redirect("/");
-  }
-
-  const currentHackathon = await api.hackathon.getCurrentHackathon();
-
-  if (!currentHackathon) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center text-center">
-        <div className="flex flex-col items-center justify-center">
-          <h1 className="text-2xl font-bold">
-            There&apos;s no upcoming or active hackathon right now.
-          </h1>
-          <p className="text-sm text-gray-500">
-            Stay on the lookout for the next one by joining our{" "}
-            <Link
-              href="https://discord.gg/TPYGbdgyaQ"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-blue-600 hover:underline"
-            >
-              Discord
-            </Link>
-            .
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  redirect(`/hackathon/${currentHackathon.name}`);
+export default function LegacyHackathonPage() {
+  redirect("/dashboard");
 }
diff --git a/apps/blade/src/app/hacker/application/[hackathon-id]/page.tsx b/apps/blade/src/app/hacker/application/[hackathon-id]/page.tsx
index bdb42dfe7..ad57e78e7 100644
--- a/apps/blade/src/app/hacker/application/[hackathon-id]/page.tsx
+++ b/apps/blade/src/app/hacker/application/[hackathon-id]/page.tsx
@@ -1,104 +1,26 @@
 import type { Metadata } from "next";
-import Link from "next/link";
 import { redirect } from "next/navigation";
 
-import { auth, signIn } from "@forge/auth/server";
-
-import { HackerFormPage } from "~/app/_components/dashboard/hacker/hacker-application-form";
+import { PortalUnavailable } from "~/app/_components/hackathon/portal-unavailable";
+import { buildParticipantPortalUrl } from "~/lib/hackathon-portal";
 import { api } from "~/trpc/server";
 
 export const metadata: Metadata = {
-  title: "Blade | Hacker Application",
-  description: "Application to be a hacker",
+  title: "Hackathon Application",
 };
 
-export default async function HackerApplicationPage(props: {
+export default async function LegacyHackerApplicationPage({
+  params,
+}: {
   params: Promise<{ "hackathon-id": string }>;
 }) {
-  const params = await props.params;
-  const session = await auth();
-
-  if (session == null) {
-    signIn("discord", {
-      redirectTo: `/hacker/application/${params["hackathon-id"]}`,
-    });
-    // async function signInAction() {
-    //   await signIn("discord", {
-    //     redirectTo: `/hacker/application/${params["hackathon-id"]}`,
-    //   });
-    // }
-
-    // return (
-    //   <>
-    //     <form id="auto-sign-in" action={signInAction} />
-    //     <script
-    //       dangerouslySetInnerHTML={{
-    //         __html: "document.getElementById('auto-sign-in').requestSubmit();",
-    //       }}
-    //     />
-    //     <noscript>
-    //       <form action={signInAction}>
-    //         <button type="submit">Continue to Discord sign‑in</button>
-    //       </form>
-    //     </noscript>
-    //   </>
-    // );
-  }
-
-  try {
-    const isHacker = await api.hackerQuery.getHacker({
-      hackathonName: params["hackathon-id"],
-    });
-
-    if (isHacker != null) {
-      return redirect(`/hackathon/${params["hackathon-id"]}`);
-    }
-  } catch {
-    return redirect("/dashboard");
-  }
-
-  const hackathon = await api.hackathon.getHackathon({
-    hackathonName: params["hackathon-id"],
-  });
-
-  if (hackathon == null) {
-    return redirect("/dashboard");
-  }
-
-  if (hackathon.applicationDeadline < new Date()) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center text-center">
-        <div className="flex flex-col items-center justify-center">
-          <h1 className="text-2xl font-bold">
-            The application deadline for {hackathon.displayName} has passed.
-          </h1>
-          <p className="text-sm text-gray-500">
-            Stay on the lookout for the next Hackathon by joining our{" "}
-            <Link
-              href="https://discord.gg/blade"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-blue-600 hover:underline"
-            >
-              Discord
-            </Link>
-            .
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <HackerFormPage
-      applicationBackgroundKey={
-        hackathon.applicationBackgroundEnabled
-          ? hackathon.applicationBackgroundKey
-          : null
-      }
-      hackathonId={params["hackathon-id"]}
-      hackathonName={hackathon.displayName}
-      hackathonStartDate={hackathon.startDate.toISOString()}
-    />
+  const { "hackathon-id": hackathonName } = await params;
+  const hackathon = await api.hackathon.getHackathon({ hackathonName });
+  const portalUrl = buildParticipantPortalUrl(
+    hackathon?.portalBaseUrl,
+    "/apply",
   );
+
+  if (portalUrl) redirect(portalUrl);
+  return <PortalUnavailable displayName={hackathon?.displayName} />;
 }
diff --git a/apps/blade/src/app/settings/hacker-profile/page.tsx b/apps/blade/src/app/settings/hacker-profile/page.tsx
index de9a2a108..603a3f59b 100644
--- a/apps/blade/src/app/settings/hacker-profile/page.tsx
+++ b/apps/blade/src/app/settings/hacker-profile/page.tsx
@@ -1,73 +1,16 @@
-import Image from "next/image";
-import Link from "next/link";
 import { redirect } from "next/navigation";
 
-import { auth } from "@forge/auth";
-import { DISCORD } from "@forge/consts";
-import { Separator } from "@forge/ui/separator";
+import { PortalUnavailable } from "~/app/_components/hackathon/portal-unavailable";
+import { buildParticipantPortalUrl } from "~/lib/hackathon-portal";
+import { api } from "~/trpc/server";
 
-import { HackerProfileForm } from "~/app/_components/settings/hacker-profile-form";
-import { api, HydrateClient } from "~/trpc/server";
-
-export default async function SettingsProfilePage() {
-  const session = await auth();
-
-  if (!session) {
-    redirect("/");
-  }
-
-  const hackerData = await api.hackerQuery.getHacker({});
-  const currentHackathon = await api.hackathon.getCurrentHackathon();
-
-  if (!hackerData) {
-    return (
-      <div className="mx-auto flex w-full flex-col items-center justify-center px-4 py-16 text-center">
-        <div className="relative mb-6 h-[300px] w-[300px]">
-          <Image
-            src="/tech-knight-sword.png"
-            alt="Illustration of TK holding a sword"
-            fill
-            style={{ objectFit: "contain" }}
-            priority
-            sizes="100%"
-          />
-        </div>
-        <h2 className="mb-2 text-xl font-medium text-gray-100">
-          Nothing to see yet
-        </h2>
-        <p className="mb-1 text-sm text-gray-400">
-          You have not applied to any upcoming hackathons yet.
-        </p>
-        <p className="mb-1 text-sm text-gray-400">
-          Please reach out to an organizer in the{" "}
-          <Link
-            href={DISCORD.PERMANENT_INVITE}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="text-primary underline"
-          >
-            Discord
-          </Link>{" "}
-          to learn more about our hackathons and how to apply.
-        </p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex-1 lg:max-w-2xl">
-      <HydrateClient>
-        <div className="space-y-6">
-          <div>
-            <h3 className="text-lg font-medium">Hacker Profile</h3>
-            <p className="text-sm text-muted-foreground">
-              This is your hacker profile. Make changes to your account here.
-            </p>
-          </div>
-          <Separator />
-          <HackerProfileForm data={hackerData} hackathon={currentHackathon} />
-        </div>
-      </HydrateClient>
-    </div>
+export default async function LegacyHackerProfilePage() {
+  const hackathon = await api.hackathon.getCurrentHackathon();
+  const portalUrl = buildParticipantPortalUrl(
+    hackathon?.portalBaseUrl,
+    "/dashboard/profile",
   );
+
+  if (portalUrl) redirect(portalUrl);
+  return <PortalUnavailable displayName={hackathon?.displayName} />;
 }
diff --git a/apps/blade/src/app/settings/page.tsx b/apps/blade/src/app/settings/page.tsx
index 859cec20c..777735fa5 100644
--- a/apps/blade/src/app/settings/page.tsx
+++ b/apps/blade/src/app/settings/page.tsx
@@ -18,11 +18,6 @@ export default async function SettingsProfilePage() {
   const memberData = await api.member.getMember();
 
   if (!memberData) {
-    const hackerData = await api.hackerQuery.getHacker({});
-    if (hackerData) {
-      redirect("/settings/hacker-profile");
-    }
-
     return (
       <div className="mx-auto flex w-full flex-col items-center justify-center px-4 py-16 text-center">
         <div className="relative mb-6 h-[300px] w-[300px]">
diff --git a/apps/blade/src/consts/index.ts b/apps/blade/src/consts/index.ts
index fc8700197..cd5489091 100644
--- a/apps/blade/src/consts/index.ts
+++ b/apps/blade/src/consts/index.ts
@@ -7,10 +7,6 @@ export const SIDEBAR_NAV_ITEMS = [
     title: "Member Profile",
     href: "/settings",
   },
-  {
-    title: "Hacker Profile",
-    href: "/settings/hacker-profile",
-  },
 ];
 
 export const USER_DROPDOWN_ICON_COLOR = "hsl(263.4 70% 50.4%)"; //lucide only works with HSL values
diff --git a/apps/blade/src/lib/hackathon-portal.ts b/apps/blade/src/lib/hackathon-portal.ts
new file mode 100644
index 000000000..16d0537c1
--- /dev/null
+++ b/apps/blade/src/lib/hackathon-portal.ts
@@ -0,0 +1,30 @@
+export type ParticipantPortalPath =
+  | "/apply"
+  | "/dashboard"
+  | "/dashboard/profile";
+
+export function buildParticipantPortalUrl(
+  portalBaseUrl: string | null | undefined,
+  path: ParticipantPortalPath,
+) {
+  if (!portalBaseUrl) return null;
+
+  try {
+    const baseUrl = new URL(portalBaseUrl);
+    if (baseUrl.protocol !== "http:" && baseUrl.protocol !== "https:") {
+      return null;
+    }
+    if (
+      baseUrl.username ||
+      baseUrl.password ||
+      baseUrl.pathname !== "/" ||
+      baseUrl.search ||
+      baseUrl.hash
+    ) {
+      return null;
+    }
+    return new URL(path, baseUrl).toString();
+  } catch {
+    return null;
+  }
+}
diff --git a/apps/bloomknights/next.config.js b/apps/bloomknights/next.config.js
index ba43dc18c..ab0b7b0df 100644
--- a/apps/bloomknights/next.config.js
+++ b/apps/bloomknights/next.config.js
@@ -1,3 +1,8 @@
+import { fileURLToPath } from "url";
+import { createJiti } from "jiti";
+
+await createJiti(fileURLToPath(import.meta.url)).import("./src/env");
+
 /** @type {import("next").NextConfig} */
 const config = {
   reactStrictMode: true,
@@ -14,7 +19,14 @@ const config = {
   },
 
   /** Enables hot reloading for local packages without a build step */
-  transpilePackages: ["@forge/ui"],
+  transpilePackages: [
+    "@forge/api",
+    "@forge/auth",
+    "@forge/db",
+    "@forge/hackathon",
+    "@forge/ui",
+    "@forge/validators",
+  ],
 
   /** We already do linting and typechecking as separate tasks in CI */
   typescript: { ignoreBuildErrors: true },
diff --git a/apps/bloomknights/package.json b/apps/bloomknights/package.json
index 0c038e571..202bdf4ad 100644
--- a/apps/bloomknights/package.json
+++ b/apps/bloomknights/package.json
@@ -17,13 +17,17 @@
   "dependencies": {
     "@forge/api": "workspace:*",
     "@forge/auth": "workspace:*",
+    "@forge/consts": "workspace:*",
     "@forge/db": "workspace:*",
+    "@forge/hackathon": "workspace:*",
     "@forge/ui": "workspace:*",
+    "@forge/validators": "workspace:*",
     "@gsap/react": "^2.1.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
     "@svgr/webpack": "^8.1.0",
+    "@trpc/server": "catalog:",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "framer-motion": "^12.34.3",
@@ -47,6 +51,7 @@
     "@types/react-dom": "^19.2.3",
     "dotenv-cli": "^11.0.0",
     "eslint": "catalog:",
+    "jiti": "^2.6.1",
     "prettier": "catalog:",
     "tailwindcss": "catalog:",
     "tw-animate-css": "^1.4.0",
diff --git a/apps/bloomknights/src/app/(marketing)/layout.tsx b/apps/bloomknights/src/app/(marketing)/layout.tsx
new file mode 100644
index 000000000..e5e732f4b
--- /dev/null
+++ b/apps/bloomknights/src/app/(marketing)/layout.tsx
@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+
+import Footer from "../_components/footer/footer";
+import AnimatedBirds from "../_components/graphics/AnimatedBirds";
+import BloomAssetPreloads from "../_components/graphics/BloomAssetPreloads";
+import FloatingFlowers from "../_components/graphics/FloatingFlowers";
+import FlowerCursor from "../_components/graphics/Flowercursor";
+import ParallaxBackground from "../_components/graphics/ParallaxBackground";
+import Squiggles from "../_components/graphics/squiggles";
+import Navbar from "../_components/navbar/Navbar";
+import { eventJsonLd } from "../seo";
+
+export default function MarketingLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="bloom-site-background flex min-h-screen flex-col">
+      <BloomAssetPreloads />
+      <ParallaxBackground />
+      <AnimatedBirds />
+      <FloatingFlowers />
+      <FlowerCursor />
+
+      <span className="font-dm-sans">
+        <Navbar />
+      </span>
+
+      <main className="flex-1 pt-8">{children}</main>
+
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(eventJsonLd).replace(/</g, "\\u003c"),
+        }}
+      />
+
+      <Squiggles />
+      <footer className="mt-auto">
+        <Footer />
+      </footer>
+    </div>
+  );
+}
diff --git a/apps/bloomknights/src/app/page.tsx b/apps/bloomknights/src/app/(marketing)/page.tsx
similarity index 91%
rename from apps/bloomknights/src/app/page.tsx
rename to apps/bloomknights/src/app/(marketing)/page.tsx
index 2c4feff26..2ea31a385 100644
--- a/apps/bloomknights/src/app/page.tsx
+++ b/apps/bloomknights/src/app/(marketing)/page.tsx
@@ -9,17 +9,17 @@ import {
   useTransform,
 } from "framer-motion";
 
-import About from "./_components/about/about";
-import DiscordCTAButton from "./_components/discord/discord";
-import FAQ from "./_components/faq/faq";
+import About from "../_components/about/about";
+import DiscordCTAButton from "../_components/discord/discord";
+import FAQ from "../_components/faq/faq";
 import {
   AboutBirdFlock,
   FAQBirdFlock,
-} from "./_components/graphics/AnimatedBirds";
-import Logo from "./_components/graphics/logo";
-import Partners from "./_components/partners/partners";
-import Register from "./_components/register/registerButton";
-import { EVENT_DATE_LABEL } from "./seo";
+} from "../_components/graphics/AnimatedBirds";
+import Logo from "../_components/graphics/logo";
+import Partners from "../_components/partners/partners";
+import Register from "../_components/register/registerButton";
+import { EVENT_DATE_LABEL } from "../seo";
 
 const heroReveal: Variants = {
   hidden: { opacity: 0, y: 28 },
diff --git a/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/bloomknights.ts b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
similarity index 100%
rename from apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/bloomknights.ts
rename to apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
diff --git a/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/index.ts b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/index.ts
similarity index 59%
rename from apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/index.ts
rename to apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/index.ts
index 16efaab72..83e8623dd 100644
--- a/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/index.ts
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/index.ts
@@ -1,8 +1,5 @@
-import { HACKATHONS } from "@forge/consts";
-
 import type { ApplicationVisualConfig } from "./types";
 import { bloomknightsApplicationBackground } from "./bloomknights";
-import { khixApplicationBackground } from "./khix";
 
 export const DEFAULT_APPLICATION_VISUAL = {
   key: "default",
@@ -11,31 +8,16 @@ export const DEFAULT_APPLICATION_VISUAL = {
   showStockEffects: true,
 } satisfies ApplicationVisualConfig;
 
-const HACKER_APPLICATION_BACKGROUND_REGISTRY = {
-  bloomknights: bloomknightsApplicationBackground,
-  khix: khixApplicationBackground,
-} satisfies Record<
-  HACKATHONS.ApplicationBackgroundKey,
-  ApplicationVisualConfig
->;
-
-export type HackerApplicationBackgroundKey =
-  HACKATHONS.ApplicationBackgroundKey;
+export type HackerApplicationBackgroundKey = "bloomknights";
 
-export const HACKER_APPLICATION_BACKGROUNDS: Record<
-  HackerApplicationBackgroundKey,
-  ApplicationVisualConfig
-> = HACKER_APPLICATION_BACKGROUND_REGISTRY;
-
-export const HACKER_APPLICATION_BACKGROUND_OPTIONS =
-  HACKATHONS.APPLICATION_BACKGROUND_OPTIONS;
+export const HACKER_APPLICATION_BACKGROUNDS = {
+  bloomknights: bloomknightsApplicationBackground,
+} satisfies Record<HackerApplicationBackgroundKey, ApplicationVisualConfig>;
 
 function isHackerApplicationBackgroundKey(
   backgroundKey: string,
 ): backgroundKey is HackerApplicationBackgroundKey {
-  return HACKATHONS.APPLICATION_BACKGROUND_KEYS.includes(
-    backgroundKey as HackerApplicationBackgroundKey,
-  );
+  return backgroundKey === "bloomknights";
 }
 
 export function getHackerApplicationBackgroundKey(
@@ -44,8 +26,6 @@ export function getHackerApplicationBackgroundKey(
   if (!backgroundKey) return null;
   if (isHackerApplicationBackgroundKey(backgroundKey)) return backgroundKey;
 
-  if (backgroundKey === "knight-hacks-ix") return "khix";
-
   return null;
 }
 
diff --git a/apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/types.ts b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/types.ts
similarity index 100%
rename from apps/blade/src/app/_components/dashboard/hacker/hackbackgrounds/types.ts
rename to apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/types.ts
diff --git a/apps/blade/src/app/_components/dashboard/hacker/hacker-application-background.tsx b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-background.tsx
similarity index 100%
rename from apps/blade/src/app/_components/dashboard/hacker/hacker-application-background.tsx
rename to apps/bloomknights/src/app/(portal)/_components/application/hacker-application-background.tsx
diff --git a/apps/blade/src/app/_components/dashboard/hacker/hacker-application-form.tsx b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
similarity index 85%
rename from apps/blade/src/app/_components/dashboard/hacker/hacker-application-form.tsx
rename to apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
index 6c4689526..e42624948 100644
--- a/apps/blade/src/app/_components/dashboard/hacker/hacker-application-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
@@ -13,10 +13,12 @@ import {
   Search,
   Send,
 } from "lucide-react";
-import { z } from "zod";
 
-import { FORMS, MINIO } from "@forge/consts";
-import { InsertHackerSchema } from "@forge/db/schemas/knight-hacks";
+import type { ApplicationFieldName } from "@forge/hackathon";
+import type { HackerApplicationFormValues } from "@forge/hackathon/client";
+import { FORMS } from "@forge/consts";
+import { APPLICATION_STEPS } from "@forge/hackathon";
+import { useHackerApplicationFlow } from "@forge/hackathon/client";
 import { cn } from "@forge/ui";
 import { Button } from "@forge/ui/button";
 import { Checkbox } from "@forge/ui/checkbox";
@@ -35,7 +37,6 @@ import { ResponsiveComboBox } from "@forge/ui/responsive-combo-box";
 import { Textarea } from "@forge/ui/textarea";
 import { toast } from "@forge/ui/toast";
 
-import { api } from "~/trpc/react";
 import {
   getHackerApplicationBackground,
   getHackerApplicationBackgroundKey,
@@ -394,69 +395,6 @@ const applicationAnimationStyles = `
 }
 `;
 
-const APPLICATION_STEPS = [
-  {
-    id: "profile",
-    title: "Basics",
-    eyebrow: "Start",
-    fields: ["firstName", "lastName"],
-  },
-  {
-    id: "contact",
-    title: "Contact",
-    eyebrow: "Reachability",
-    fields: ["email", "phoneNumber"],
-  },
-  {
-    id: "identity",
-    title: "About You",
-    eyebrow: "Profile",
-    fields: ["dob", "country", "gender", "raceOrEthnicity"],
-  },
-  {
-    id: "education",
-    title: "School",
-    eyebrow: "Education",
-    fields: ["levelOfStudy", "school", "major", "gradDate", "shirtSize"],
-  },
-  {
-    id: "application",
-    title: "Application",
-    eyebrow: "Application",
-    fields: ["survey1", "survey2"],
-  },
-  {
-    id: "links",
-    title: "Links",
-    eyebrow: "Portfolio",
-    fields: [
-      "githubProfileUrl",
-      "linkedinProfileUrl",
-      "websiteUrl",
-      "resumeUpload",
-    ],
-  },
-  {
-    id: "event",
-    title: "Event Details",
-    eyebrow: "Event Details",
-    fields: ["foodAllergies", "isFirstTime"],
-  },
-  {
-    id: "tosAccepted",
-    title: "Agreements",
-    eyebrow: "Finalize",
-    fields: [
-      "agreesToMLHCodeOfConduct",
-      "agreesToMLHDataSharing",
-      "agreesToReceiveEmailsFromMLH",
-    ],
-  },
-] as const;
-
-type ApplicationFieldName =
-  (typeof APPLICATION_STEPS)[number]["fields"][number];
-
 const MOBILE_ENTER_IGNORED_INPUT_TYPES = new Set([
   "button",
   "checkbox",
@@ -561,21 +499,6 @@ function getApplicationVisualFallbackKey(hackathonId: string) {
   return getHackerApplicationBackgroundKey(hackathonId);
 }
 
-function getDateInputValue(value: Date | string | null | undefined) {
-  if (!value) return "";
-
-  if (value instanceof Date) {
-    return Number.isNaN(value.getTime())
-      ? ""
-      : value.toISOString().slice(0, 10);
-  }
-
-  const parsedDate = new Date(value);
-  if (Number.isNaN(parsedDate.getTime())) return "";
-
-  return parsedDate.toISOString().slice(0, 10);
-}
-
 function shouldUseMobileEnterNavigation() {
   if (typeof window === "undefined") return false;
 
@@ -639,20 +562,32 @@ export function HackerFormPage({
   const [selectedAllergies, setSelectedAllergies] = useState<string[]>([]);
   const [allergySearch, setAllergySearch] = useState("");
   const [loading, setLoading] = useState(false);
-  const [tosAccepted, setTosAccepted] = useState(false);
-  const [tosError, setTosError] = useState(false);
-  const [activeStep, setActiveStep] = useState(0);
-  const [transitionStep, setTransitionStep] = useState<number | null>(null);
-  const [isStepTransitioning, setIsStepTransitioning] = useState(false);
-  const [hasHydrated, setHasHydrated] = useState(false);
-  const [applicationSubmitted, setApplicationSubmitted] = useState(false);
-  const [stepDirection, setStepDirection] = useState<"forward" | "back">(
-    "forward",
-  );
   const pendingMobileFocusField = useRef<ApplicationFieldName | null>(null);
   const prefillAppliedRef = useRef(false);
   const existingApplicationRedirectedRef = useRef(false);
-  const utils = api.useUtils();
+  const {
+    activeStep,
+    applicationContext,
+    applicationPrefill,
+    applicationSchema,
+    applicationSubmitted,
+    defaultValues,
+    hasHydrated,
+    isStepTransitioning,
+    setActiveStep,
+    setApplicationSubmitted,
+    setIsStepTransitioning,
+    setStepDirection,
+    setTosAccepted,
+    setTosError,
+    setTransitionStep,
+    stepDirection,
+    submitApplication,
+    tosAccepted,
+    tosError,
+    transitionStep,
+    uploadResume,
+  } = useHackerApplicationFlow({ hackathonStartDate });
   const applicationVisualBackgroundKey =
     getHackerApplicationBackgroundKey(applicationBackgroundKey) ??
     getApplicationVisualFallbackKey(hackathonId);
@@ -665,39 +600,8 @@ export function HackerFormPage({
   const questionTransitionMs =
     applicationVisualConfig.questionTransitionMs ?? stepTransitionMs;
 
-  // Get previous hacker profile to pre-fill form
-  const { data: previousHacker } = api.hackathon.getPreviousHacker.useQuery();
-  const { data: memberProfile } = api.member.getMember.useQuery();
-  const { data: existingApplication } = api.hackerQuery.getHacker.useQuery(
-    { hackathonName: hackathonId },
-    { retry: false },
-  );
-
-  const uploadResume = api.resume.uploadResume.useMutation({
-    onError() {
-      toast.error("There was a problem storing your resume, please try again!");
-    },
-    async onSettled() {
-      await utils.resume.invalidate();
-    },
-  });
-
-  const createHacker = api.hackerMutation.createHacker.useMutation({
-    onSuccess() {
-      setApplicationSubmitted(true);
-      void utils.hackerQuery.getHacker.invalidate({
-        hackathonName: hackathonId,
-      });
-    },
-    onError(error) {
-      toast.error(
-        error.message || "Oops! Something went wrong. Please try again later.",
-      );
-    },
-    onSettled() {
-      setLoading(false);
-    },
-  });
+  const previousHacker = applicationContext?.previousHacker;
+  const existingApplication = applicationContext?.existingApplication;
 
   const toggleAllergy = (allergy: string) => {
     setSelectedAllergies((prev) => {
@@ -710,205 +614,13 @@ export function HackerFormPage({
     });
   };
 
-  // Helper function to calculate age
-  const calculateAge = (birthDate: Date, referenceDate: Date): number => {
-    let age = referenceDate.getFullYear() - birthDate.getFullYear();
-    const monthDiff = referenceDate.getMonth() - birthDate.getMonth();
-
-    if (
-      monthDiff < 0 ||
-      (monthDiff === 0 && referenceDate.getDate() < birthDate.getDate())
-    ) {
-      age--;
-    }
-
-    return age;
-  };
-
-  // Setup React Hook Form
-  const form = useForm({
-    schema: InsertHackerSchema.extend({
-      userId: z.undefined(),
-      firstName: z.string().min(1, "Required"),
-      lastName: z.string().min(1, "Required"),
-      age: z.undefined(),
-      email: z.string().email("Invalid email").min(1, "Required"),
-      phoneNumber: z
-        .string()
-        .min(1, "Required")
-        .regex(/^\d{10}$|^\d{3}-\d{3}-\d{4}$/, "Invalid phone number"),
-      country: z.enum(FORMS.COUNTRIES, {
-        error: "Select your country",
-      }),
-      school: z.enum(FORMS.SCHOOLS, {
-        error: "Select a school",
-      }),
-      levelOfStudy: z.enum(FORMS.LEVELS_OF_STUDY, {
-        error: "Select your level of study",
-      }),
-      major: z.enum(FORMS.MAJORS, {
-        error: "Select a major",
-      }),
-      gender: z
-        .enum(FORMS.GENDERS, {
-          error: "Select a valid gender",
-        })
-        .optional(),
-      raceOrEthnicity: z
-        .enum(FORMS.RACES_OR_ETHNICITIES, {
-          error: "Select a valid race or ethnicity",
-        })
-        .optional(),
-      shirtSize: z.enum(FORMS.SHIRT_SIZES, {
-        error: "Select your shirt size",
-      }),
-      dob: z
-        .string()
-        .pipe(z.coerce.date())
-        .refine(
-          (date) => {
-            const hackathonDate = new Date(hackathonStartDate);
-            const age = calculateAge(date, hackathonDate);
-
-            return age >= 18;
-          },
-          {
-            message:
-              "You must be at least 18 years old by the hackathon start date to participate",
-          },
-        )
-        .transform((date) => date.toISOString()),
-      gradDate: z
-        .string()
-        .pipe(z.coerce.date())
-        .transform((date) => date.toISOString()),
-      survey1: z.string().min(1, "Required"),
-      survey2: z.string().min(1, "Required"),
-      githubProfileUrl: z
-        .string()
-        .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
-        .regex(
-          /^https:\/\/(www\.)?github\.com\/.+/,
-          "Invalid URL: Enter a valid GitHub link",
-        )
-        .url({ message: "Invalid URL" })
-        .optional()
-        .or(z.literal("")),
-      linkedinProfileUrl: z
-        .string()
-        .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
-        .regex(
-          /^https:\/\/(www\.)?linkedin\.com\/.+/,
-          "Invalid URL: Enter a valid LinkedIn link",
-        )
-        .regex(
-          /^https:\/\/(www\.)?linkedin\.com\/in\/[a-zA-Z0-9_-]+\/?$/,
-          "Invalid URL: Do not use a mobile URL/excessively long URL",
-        )
-        .url({ message: "Invalid URL" })
-        .optional()
-        .or(z.literal("")),
-      websiteUrl: z
-        .string()
-        .regex(
-          /^https?:\/\/.+/,
-          "Invalid URL: Please try again with https:// or http://",
-        )
-        .url({ message: "Invalid URL" })
-        .optional()
-        .or(z.literal("")),
-      resumeUpload: z
-        .instanceof(FileList)
-        .superRefine((fileList, ctx) => {
-          // Validate number of files is 0 or 1
-          if (fileList.length !== 0 && fileList.length !== 1) {
-            ctx.addIssue({
-              code: z.ZodIssueCode.custom,
-              message: "Only 0 or 1 files allowed",
-            });
-          }
-
-          if (fileList.length === 1) {
-            // Validate type of object in FileList is File
-            if (fileList[0] instanceof File) {
-              // Validate file extension is PDF
-              const fileExtension = fileList[0].name.split(".").pop();
-              if (fileExtension !== "pdf") {
-                ctx.addIssue({
-                  code: z.ZodIssueCode.custom,
-                  message: "Resume must be a PDF",
-                });
-              }
-
-              // Validate file size is <= 5MB
-              if (fileList[0].size > MINIO.MAX_RESUME_SIZE) {
-                ctx.addIssue({
-                  code: z.ZodIssueCode.too_big,
-                  origin: "number",
-                  maximum: MINIO.MAX_RESUME_SIZE,
-                  inclusive: true,
-                  exact: false,
-                  message: "File too large: maximum 5MB",
-                });
-              }
-            } else {
-              ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: "Object in FileList is undefined",
-              });
-            }
-          }
-        })
-        .optional(),
-      agreesToMLHCodeOfConduct: z.boolean().refine((val) => val === true, {
-        message: "You must agree to the MLH Code of Conduct",
-      }),
-      agreesToMLHDataSharing: z.boolean().refine((val) => val === true, {
-        message: "You must agree to the MLH data sharing terms",
-      }),
-      agreesToReceiveEmailsFromMLH: z.boolean(),
-    }),
-    defaultValues: {
-      firstName: "",
-      lastName: "",
-      gender: undefined,
-      discordUser: "",
-      email: "",
-      phoneNumber: "",
-      country: undefined,
-      school: undefined,
-      levelOfStudy: undefined,
-      major: undefined,
-      raceOrEthnicity: undefined,
-      shirtSize: undefined,
-      githubProfileUrl: "",
-      linkedinProfileUrl: "",
-      websiteUrl: "",
-      resumeUrl: "",
-      dob: "",
-      gradDate: "",
-      survey1: "",
-      survey2: "",
-      isFirstTime: false,
-      foodAllergies: "",
-      agreesToReceiveEmailsFromMLH: false,
-      agreesToMLHCodeOfConduct: false,
-      agreesToMLHDataSharing: false,
-    },
+  const form = useForm<HackerApplicationFormValues>({
+    schema: applicationSchema,
+    defaultValues,
   });
 
   const fileRef = form.register("resumeUpload");
 
-  useEffect(() => {
-    const hydrationTimeout = window.setTimeout(() => {
-      setHasHydrated(true);
-    }, 0);
-
-    return () => {
-      window.clearTimeout(hydrationTimeout);
-    };
-  }, []);
-
   useEffect(() => {
     if (
       applicationSubmitted ||
@@ -920,86 +632,18 @@ export function HackerFormPage({
 
     existingApplicationRedirectedRef.current = true;
     toast.info("You already submitted an application for this hackathon.");
-    router.replace(`/hackathon/${hackathonId}`);
+    router.replace("/dashboard");
     router.refresh();
   }, [applicationSubmitted, existingApplication, hackathonId, router]);
 
   useEffect(() => {
-    if (prefillAppliedRef.current) return;
-
-    if (previousHacker) {
-      form.reset({
-        firstName: previousHacker.firstName,
-        lastName: previousHacker.lastName,
-        gender: previousHacker.gender,
-        raceOrEthnicity: previousHacker.raceOrEthnicity,
-        discordUser: previousHacker.discordUser,
-        email: previousHacker.email,
-        phoneNumber: previousHacker.phoneNumber || "",
-        country: previousHacker.country,
-        school: previousHacker.school,
-        levelOfStudy: previousHacker.levelOfStudy,
-        major: previousHacker.major,
-        shirtSize: previousHacker.shirtSize,
-        githubProfileUrl: previousHacker.githubProfileUrl ?? undefined,
-        linkedinProfileUrl: previousHacker.linkedinProfileUrl ?? undefined,
-        websiteUrl: previousHacker.websiteUrl ?? undefined,
-        resumeUrl: previousHacker.resumeUrl ?? "", // Keep existing resume URL
-        dob: getDateInputValue(previousHacker.dob),
-        gradDate: getDateInputValue(previousHacker.gradDate),
-        survey1: "", // Keep survey answers empty for new applications
-        survey2: "", // Keep survey answers empty for new applications
-        isFirstTime: previousHacker.isFirstTime,
-        foodAllergies: previousHacker.foodAllergies,
-        agreesToReceiveEmailsFromMLH: false, // Always require fresh opt-in
-        agreesToMLHCodeOfConduct: false, // Always require fresh consent
-        agreesToMLHDataSharing: false, // Always require fresh consent
-      });
-
-      // Set selected allergies for the UI
-      if (previousHacker.foodAllergies) {
-        const allergies = previousHacker.foodAllergies.split(",");
-        // eslint-disable-next-line react-hooks/set-state-in-effect
-        setSelectedAllergies(allergies);
-      }
+    if (prefillAppliedRef.current || !applicationPrefill) return;
 
-      prefillAppliedRef.current = true;
-      return;
-    }
-
-    if (previousHacker === null && memberProfile) {
-      form.reset({
-        firstName: memberProfile.firstName,
-        lastName: memberProfile.lastName,
-        gender: memberProfile.gender,
-        raceOrEthnicity: memberProfile.raceOrEthnicity,
-        discordUser: memberProfile.discordUser,
-        email: memberProfile.email,
-        phoneNumber: memberProfile.phoneNumber ?? "",
-        country: undefined,
-        school: memberProfile.school,
-        levelOfStudy: memberProfile.levelOfStudy,
-        major: memberProfile.major,
-        shirtSize: memberProfile.shirtSize,
-        githubProfileUrl: memberProfile.githubProfileUrl ?? undefined,
-        linkedinProfileUrl: memberProfile.linkedinProfileUrl ?? undefined,
-        websiteUrl: memberProfile.websiteUrl ?? undefined,
-        resumeUrl: memberProfile.resumeUrl ?? "",
-        dob: getDateInputValue(memberProfile.dob),
-        gradDate: getDateInputValue(memberProfile.gradDate),
-        survey1: "",
-        survey2: "",
-        isFirstTime: false,
-        foodAllergies: "",
-        agreesToReceiveEmailsFromMLH: false,
-        agreesToMLHCodeOfConduct: false,
-        agreesToMLHDataSharing: false,
-      });
-
-      setSelectedAllergies([]);
-      prefillAppliedRef.current = true;
-    }
-  }, [memberProfile, previousHacker, form]);
+    form.reset({ ...defaultValues, ...applicationPrefill.values });
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setSelectedAllergies(applicationPrefill.selectedAllergies);
+    prefillAppliedRef.current = true;
+  }, [applicationPrefill, defaultValues, form]);
 
   // Convert a resume to base64 for client-server transmission
   const fileToBase64 = (file: File): Promise<string> =>
@@ -1140,6 +784,9 @@ export function HackerFormPage({
   }, [
     isStepTransitioning,
     questionTransitionMs,
+    setActiveStep,
+    setIsStepTransitioning,
+    setTransitionStep,
     stepTransitionMs,
     transitionStep,
   ]);
@@ -1190,17 +837,11 @@ export function HackerFormPage({
           }
 
           try {
-            const latestApplication =
-              existingApplication ??
-              (await utils.hackerQuery.getHacker.fetch({
-                hackathonName: hackathonId,
-              }));
-
-            if (latestApplication) {
+            if (existingApplication) {
               toast.info(
                 "You already submitted an application for this hackathon.",
               );
-              router.push(`/hackathon/${hackathonId}`);
+              router.push("/dashboard");
               router.refresh();
               setLoading(false);
               return;
@@ -1210,13 +851,10 @@ export function HackerFormPage({
             if (values.resumeUpload?.length && values.resumeUpload[0]) {
               const file = values.resumeUpload[0];
               const base64File = await fileToBase64(file);
-              resumeUrl = await uploadResume.mutateAsync({
-                fileName: file.name,
-                fileContent: base64File,
-              });
+              resumeUrl = await uploadResume(file.name, base64File);
             }
 
-            createHacker.mutate({
+            await submitApplication({
               firstName: values.firstName,
               lastName: values.lastName,
               email: values.email,
@@ -1241,8 +879,11 @@ export function HackerFormPage({
               survey2: values.survey2,
               foodAllergies: values.foodAllergies,
               resumeUrl,
-              hackathonName: hackathonId,
             });
+            setApplicationSubmitted(true);
+            setLoading(false);
+            router.replace("/dashboard");
+            router.refresh();
           } catch (error) {
             toast.error(
               error instanceof Error
@@ -1298,7 +939,7 @@ export function HackerFormPage({
                       asChild
                       className="h-12 rounded-full bg-white px-6 text-base font-black text-[#21103d] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-white/90"
                     >
-                      <Link href={`/hackathon/${hackathonId}`}>
+                      <Link href="/dashboard">
                         View {hackathonName} dashboard
                         <ArrowRight className="ml-2 size-4" />
                       </Link>
@@ -1505,7 +1146,7 @@ export function HackerFormPage({
                                     field.onChange(gender)
                                   }
                                   buttonPlaceholder={
-                                    field.value || "Select your gender"
+                                    field.value ?? "Select your gender"
                                   }
                                   inputPlaceholder="Search for your gender"
                                   triggerClassName={fieldTriggerClassName}
@@ -1537,7 +1178,7 @@ export function HackerFormPage({
                                   value={field.value}
                                   onItemSelect={(race) => field.onChange(race)}
                                   buttonPlaceholder={
-                                    field.value ||
+                                    field.value ??
                                     "Select your race or ethnicity"
                                   }
                                   inputPlaceholder="Search for your race or ethnicity"
diff --git a/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx b/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx
new file mode 100644
index 000000000..123b96bd6
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx
@@ -0,0 +1,31 @@
+import Link from "next/link";
+import { AlertCircle } from "lucide-react";
+
+import { Button } from "@forge/ui/button";
+
+import { BloomKnightsDashboardShell } from "./bloomknights-dashboard-shell";
+
+export function AuthRetry({ callbackPath }: { callbackPath: string }) {
+  const signInUrl = `/api/auth/signin?provider=discord&callbackURL=${encodeURIComponent(callbackPath)}`;
+
+  return (
+    <BloomKnightsDashboardShell>
+      <section className="mx-auto max-w-xl rounded-[2rem] border border-white/70 bg-[#FFFDF1]/95 p-8 text-center text-[#42602A] shadow-xl">
+        <AlertCircle className="mx-auto size-10 text-[#f384d4]" />
+        <h1 className="mt-4 text-3xl font-black">Discord sign-in stopped</h1>
+        <p className="mt-3 text-[#53634A]">
+          Sign-in was canceled or could not be completed. Your application data
+          has not been changed.
+        </p>
+        <div className="mt-6 flex flex-wrap justify-center gap-3">
+          <Button asChild className="rounded-full bg-[#f384d4] text-white">
+            <a href={signInUrl}>Try Discord again</a>
+          </Button>
+          <Button asChild variant="outline" className="rounded-full">
+            <Link href="/">Return home</Link>
+          </Button>
+        </div>
+      </section>
+    </BloomKnightsDashboardShell>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
new file mode 100644
index 000000000..07bdf4a59
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
@@ -0,0 +1,446 @@
+"use client";
+
+import type { ReactNode } from "react";
+import { useState } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import {
+  AlertCircle,
+  CalendarDays,
+  CheckCircle2,
+  ExternalLink,
+  FileText,
+  Loader2,
+  QrCode,
+  UserRound,
+} from "lucide-react";
+
+import type { HackerStatus } from "@forge/hackathon";
+import { getHackerLifecycleState } from "@forge/hackathon";
+import { useHackerDashboardFlow } from "@forge/hackathon/client";
+import { Badge } from "@forge/ui/badge";
+import { Button } from "@forge/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@forge/ui/dialog";
+import { Textarea } from "@forge/ui/textarea";
+import { toast } from "@forge/ui/toast";
+
+const statusLabels: Record<HackerStatus, string> = {
+  accepted: "Accepted",
+  checkedin: "Checked in",
+  confirmed: "Confirmed",
+  denied: "Not selected",
+  pending: "Application under review",
+  waitlisted: "Waitlisted",
+  withdrawn: "Withdrawn",
+};
+
+const statusMessages: Record<HackerStatus, string> = {
+  accepted: "Your application was accepted. Confirm your spot below.",
+  checkedin: "You are checked in. Your event tools are ready below.",
+  confirmed: "Your place at BloomKnights is confirmed.",
+  denied:
+    "We could not offer you a place at this event. Thank you for applying.",
+  pending: "The organizer team is reviewing your application.",
+  waitlisted: "You are on the waitlist. Watch this portal for updates.",
+  withdrawn: "You withdrew your attendance for this event.",
+};
+
+const dateFormatter = new Intl.DateTimeFormat("en-US", {
+  dateStyle: "medium",
+  timeStyle: "short",
+  timeZone: "America/New_York",
+});
+
+export function BloomDashboard() {
+  const {
+    config,
+    confirmAttendance,
+    confirmMutation,
+    dashboard,
+    dashboardQuery,
+    loadQRCode,
+    qrCode,
+    qrMutation,
+    reportIssue,
+    reportIssueMutation,
+    resumeUrl,
+    schedule,
+    withdrawAttendance,
+    withdrawMutation,
+  } = useHackerDashboardFlow();
+  const [issue, setIssue] = useState("");
+  const [issueOpen, setIssueOpen] = useState(false);
+
+  if (dashboardQuery.isPending) {
+    return (
+      <PortalMessage
+        icon={<Loader2 className="animate-spin" />}
+        title="Loading your dashboard…"
+      />
+    );
+  }
+
+  if (dashboardQuery.isError || !dashboard) {
+    return (
+      <PortalMessage
+        icon={<AlertCircle />}
+        title="We could not load your dashboard."
+        body="Please refresh the page or try again in a moment."
+      />
+    );
+  }
+
+  const { hackathon, participant } = dashboard;
+  const now = new Date();
+  const lifecycleState = getHackerLifecycleState({
+    applicationDeadline: hackathon.applicationDeadline,
+    applicationOpen: hackathon.applicationOpen,
+    confirmationCapacity: hackathon.confirmationCapacity,
+    confirmationDeadline: hackathon.confirmationDeadline,
+    confirmedCount: dashboard.confirmedCount,
+    now,
+    status: participant?.status ?? null,
+  });
+
+  if (!participant) {
+    if (lifecycleState === "application-before-open") {
+      return (
+        <PortalMessage
+          icon={<CalendarDays />}
+          title={`Applications open ${dateFormatter.format(hackathon.applicationOpen)}.`}
+          body="Come back then to begin your BloomKnights application."
+        />
+      );
+    }
+
+    if (lifecycleState === "application-closed") {
+      return (
+        <PortalMessage
+          icon={<CalendarDays />}
+          title="BloomKnights applications are closed."
+          body="Join the Knight Hacks Discord for future event announcements."
+        />
+      );
+    }
+
+    return (
+      <PortalMessage
+        icon={<FileText />}
+        title="Your BloomKnights journey starts here."
+        body="Submit your hacker application and return here for status updates."
+        action={
+          <Button
+            asChild
+            className="bk-bloom-cta-action rounded-full bg-[#f384d4]"
+          >
+            <Link href="/apply">Start application</Link>
+          </Button>
+        }
+      />
+    );
+  }
+
+  const confirmationClosed = lifecycleState === "accepted-confirmation-closed";
+  const atCapacity = lifecycleState === "accepted-at-capacity";
+  const actionPending = confirmMutation.isPending || withdrawMutation.isPending;
+
+  const handleConfirm = async () => {
+    try {
+      await confirmAttendance();
+      toast.success("You are confirmed for BloomKnights!");
+    } catch (error) {
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : "Could not confirm attendance.",
+      );
+    }
+  };
+
+  const handleWithdraw = async () => {
+    try {
+      await withdrawAttendance();
+      toast.success("Your BloomKnights attendance has been withdrawn.");
+    } catch (error) {
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : "Could not withdraw attendance.",
+      );
+    }
+  };
+
+  return (
+    <div className="space-y-6 text-[#42602A]">
+      <section className="rounded-[2rem] border border-white/70 bg-[#B9D79A]/95 p-6 shadow-xl backdrop-blur sm:p-8">
+        <div className="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
+          <div>
+            <p className="text-sm font-black uppercase tracking-[0.2em] text-[#53634A]">
+              Welcome, {participant.firstName}
+            </p>
+            <h1 className="mt-2 text-3xl font-black sm:text-5xl">
+              Your BloomKnights portal
+            </h1>
+            <Badge className="mt-4 bg-[#FFFDF1] px-4 py-2 text-base text-[#42602A] hover:bg-[#FFFDF1]">
+              {statusLabels[participant.status]}
+            </Badge>
+            <p className="mt-3 max-w-2xl text-sm font-semibold text-[#53634A]">
+              {statusMessages[participant.status]}
+            </p>
+          </div>
+          <div className="grid gap-2 text-sm font-semibold sm:text-right">
+            <span>{dateFormatter.format(hackathon.startDate)}</span>
+            <span>to {dateFormatter.format(hackathon.endDate)}</span>
+          </div>
+        </div>
+
+        {participant.status === "accepted" && (
+          <div className="mt-7 rounded-2xl bg-[#FFFDF1] p-5">
+            <h2 className="text-xl font-black">Confirm your spot</h2>
+            <p className="mt-2 text-sm text-[#53634A]">
+              Review the event terms and confirm before{" "}
+              {dateFormatter.format(hackathon.confirmationDeadline)}.
+            </p>
+            <a
+              href={config.termsUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="mt-2 inline-flex text-sm font-bold text-[#f384d4] underline"
+            >
+              Read the event terms
+            </a>
+            <Button
+              className="bk-bloom-cta-action mt-4 rounded-full bg-[#f384d4] text-white hover:bg-[#e06bc0]"
+              disabled={actionPending || confirmationClosed || atCapacity}
+              onClick={() => void handleConfirm()}
+            >
+              {actionPending ? (
+                <Loader2 className="animate-spin" />
+              ) : (
+                <CheckCircle2 />
+              )}
+              {confirmationClosed || atCapacity
+                ? "Confirmation closed"
+                : "Agree and confirm"}
+            </Button>
+          </div>
+        )}
+
+        {participant.status === "confirmed" && (
+          <div className="mt-7 flex flex-col gap-3 rounded-2xl bg-[#FFFDF1] p-5 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+              <h2 className="text-xl font-black">You are confirmed!</h2>
+              <p className="text-sm text-[#53634A]">
+                We cannot wait to see you at BloomKnights.
+              </p>
+            </div>
+            <Button
+              variant="outline"
+              className="rounded-full"
+              disabled={actionPending}
+              onClick={() => void handleWithdraw()}
+            >
+              Withdraw attendance
+            </Button>
+          </div>
+        )}
+      </section>
+
+      <section className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+        <ActionCard
+          href="/dashboard/profile"
+          icon={<UserRound />}
+          label="Edit profile"
+        />
+        <ActionCard
+          href={resumeUrl ?? "/dashboard/profile"}
+          external={Boolean(resumeUrl)}
+          icon={<FileText />}
+          label={resumeUrl ? "View resume" : "Add resume"}
+        />
+        {(participant.status === "confirmed" ||
+          participant.status === "checkedin") && (
+          <Dialog>
+            <DialogTrigger asChild>
+              <button
+                className="bk-bloom-cta-action flex min-h-32 flex-col items-center justify-center gap-3 rounded-3xl border border-white/80 bg-[#FFFDF1] p-5 font-black shadow-lg transition hover:-translate-y-1"
+                onClick={() => void loadQRCode()}
+              >
+                {qrMutation.isPending ? (
+                  <Loader2 className="animate-spin" />
+                ) : (
+                  <QrCode />
+                )}
+                Hacker QR code
+              </button>
+            </DialogTrigger>
+            <DialogContent className="border-[#B9D79A] bg-[#FFFDF1] text-[#42602A]">
+              <DialogHeader>
+                <DialogTitle>Your hacker QR code</DialogTitle>
+                <DialogDescription>
+                  Use this code at organizer check-in stations.
+                </DialogDescription>
+              </DialogHeader>
+              {qrCode ? (
+                <Image
+                  src={qrCode}
+                  alt="BloomKnights hacker QR code"
+                  width={320}
+                  height={320}
+                  className="mx-auto"
+                  unoptimized
+                />
+              ) : (
+                <Loader2 className="mx-auto animate-spin" />
+              )}
+            </DialogContent>
+          </Dialog>
+        )}
+        <ActionCard
+          href={config.guideUrl}
+          external
+          icon={<ExternalLink />}
+          label="Hacker guide"
+        />
+      </section>
+
+      {participant.status === "checkedin" && (
+        <section className="rounded-[2rem] bg-[#FFFDF1]/95 p-6 shadow-xl sm:p-8">
+          <div className="flex flex-wrap items-center justify-between gap-4">
+            <div>
+              <p className="text-sm font-black uppercase tracking-[0.2em] text-[#f384d4]">
+                You are checked in
+              </p>
+              <h2 className="mt-1 text-3xl font-black">Event schedule</h2>
+            </div>
+            <Dialog open={issueOpen} onOpenChange={setIssueOpen}>
+              <DialogTrigger asChild>
+                <Button variant="outline" className="rounded-full">
+                  <AlertCircle /> Report an issue
+                </Button>
+              </DialogTrigger>
+              <DialogContent className="border-[#B9D79A] bg-[#FFFDF1] text-[#42602A]">
+                <DialogHeader>
+                  <DialogTitle>Report an issue</DialogTitle>
+                  <DialogDescription>
+                    Tell the organizer team what is happening.
+                  </DialogDescription>
+                </DialogHeader>
+                <Textarea
+                  value={issue}
+                  onChange={(event) => setIssue(event.target.value)}
+                  maxLength={2000}
+                  className="min-h-32"
+                />
+                <DialogFooter>
+                  <Button
+                    disabled={!issue.trim() || reportIssueMutation.isPending}
+                    onClick={async () => {
+                      try {
+                        await reportIssue(issue.trim());
+                        setIssue("");
+                        setIssueOpen(false);
+                        toast.success("Your issue was sent to the organizers.");
+                      } catch (error) {
+                        toast.error(
+                          error instanceof Error
+                            ? error.message
+                            : "Could not report the issue.",
+                        );
+                      }
+                    }}
+                  >
+                    Submit
+                  </Button>
+                </DialogFooter>
+              </DialogContent>
+            </Dialog>
+          </div>
+          <div className="mt-6 grid gap-4 md:grid-cols-2">
+            {schedule.length === 0 ? (
+              <p className="text-[#53634A]">
+                No scheduled events are available yet.
+              </p>
+            ) : (
+              schedule.map((event) => (
+                <article
+                  key={event.id}
+                  className="rounded-2xl border border-[#B9D79A] bg-white p-5"
+                >
+                  <div className="flex items-start justify-between gap-3">
+                    <h3 className="text-lg font-black">{event.name}</h3>
+                    <Badge className="bg-[#2F8B57] text-white">
+                      {event.tag}
+                    </Badge>
+                  </div>
+                  <p className="mt-2 text-sm text-[#53634A]">
+                    {event.description}
+                  </p>
+                  <p className="mt-4 text-sm font-bold">
+                    {dateFormatter.format(event.startDateTime)} ·{" "}
+                    {event.location}
+                  </p>
+                </article>
+              ))
+            )}
+          </div>
+        </section>
+      )}
+    </div>
+  );
+}
+
+function PortalMessage({
+  icon,
+  title,
+  body,
+  action,
+}: {
+  icon: ReactNode;
+  title: string;
+  body?: string;
+  action?: ReactNode;
+}) {
+  return (
+    <section className="mx-auto max-w-2xl rounded-[2rem] border border-white/70 bg-[#FFFDF1]/95 p-8 text-center text-[#42602A] shadow-xl">
+      <div className="mx-auto flex size-12 items-center justify-center rounded-full bg-[#B9D79A]">
+        {icon}
+      </div>
+      <h1 className="mt-5 text-2xl font-black sm:text-4xl">{title}</h1>
+      {body && <p className="mt-3 text-[#53634A]">{body}</p>}
+      {action && <div className="mt-6">{action}</div>}
+    </section>
+  );
+}
+
+function ActionCard({
+  href,
+  icon,
+  label,
+  external = false,
+}: {
+  href: string;
+  icon: ReactNode;
+  label: string;
+  external?: boolean;
+}) {
+  return (
+    <Link
+      href={href}
+      target={external ? "_blank" : undefined}
+      rel={external ? "noopener noreferrer" : undefined}
+      className="bk-bloom-cta-action flex min-h-32 flex-col items-center justify-center gap-3 rounded-3xl border border-white/80 bg-[#FFFDF1] p-5 text-center font-black shadow-lg transition hover:-translate-y-1"
+    >
+      {icon}
+      {label}
+    </Link>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-action-blooms.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-action-blooms.tsx
new file mode 100644
index 000000000..e2a279fea
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-action-blooms.tsx
@@ -0,0 +1,367 @@
+"use client";
+
+import type { CSSProperties } from "react";
+import { useEffect, useRef, useState } from "react";
+
+const ACTION_CLASS_NAME = "bk-bloom-cta-action";
+
+const buttonBloomPositions = [
+  "left",
+  "top-left",
+  "top-center",
+  "top-right",
+  "right",
+  "bottom-right",
+  "bottom-center",
+  "bottom-left",
+] as const;
+
+type BloomPosition = (typeof buttonBloomPositions)[number];
+
+interface ActionBloomGroup {
+  buttonId: number;
+  height: number;
+  id: number;
+  left: number;
+  top: number;
+  width: number;
+}
+
+interface BloomGroupStyle extends CSSProperties {
+  "--bk-bloom-button-height": string;
+  "--bk-bloom-button-left": string;
+  "--bk-bloom-button-top": string;
+  "--bk-bloom-button-width": string;
+}
+
+interface FlowerStyle extends CSSProperties {
+  "--bk-bloom-delay": string;
+  "--bk-bloom-rotate": string;
+  "--bk-bloom-rotate-end": string;
+  "--bk-bloom-size": string;
+}
+
+const flowerStyles: Record<BloomPosition, FlowerStyle> = {
+  left: {
+    "--bk-bloom-delay": "25ms",
+    "--bk-bloom-rotate": "-48deg",
+    "--bk-bloom-rotate-end": "-12deg",
+    "--bk-bloom-size": "1.65rem",
+    left: "1%",
+    top: "50%",
+  },
+  "top-left": {
+    "--bk-bloom-delay": "70ms",
+    "--bk-bloom-rotate": "-34deg",
+    "--bk-bloom-rotate-end": "8deg",
+    "--bk-bloom-size": "1.85rem",
+    left: "12%",
+    top: "2%",
+  },
+  "top-center": {
+    "--bk-bloom-delay": "125ms",
+    "--bk-bloom-rotate": "28deg",
+    "--bk-bloom-rotate-end": "-8deg",
+    "--bk-bloom-size": "1.45rem",
+    left: "38%",
+    top: "-6%",
+  },
+  "top-right": {
+    "--bk-bloom-delay": "180ms",
+    "--bk-bloom-rotate": "42deg",
+    "--bk-bloom-rotate-end": "12deg",
+    "--bk-bloom-size": "1.8rem",
+    left: "82%",
+    top: "1%",
+  },
+  right: {
+    "--bk-bloom-delay": "235ms",
+    "--bk-bloom-rotate": "64deg",
+    "--bk-bloom-rotate-end": "18deg",
+    "--bk-bloom-size": "1.6rem",
+    left: "99%",
+    top: "50%",
+  },
+  "bottom-right": {
+    "--bk-bloom-delay": "290ms",
+    "--bk-bloom-rotate": "76deg",
+    "--bk-bloom-rotate-end": "16deg",
+    "--bk-bloom-size": "1.9rem",
+    left: "86%",
+    top: "99%",
+  },
+  "bottom-center": {
+    "--bk-bloom-delay": "345ms",
+    "--bk-bloom-rotate": "-18deg",
+    "--bk-bloom-rotate-end": "10deg",
+    "--bk-bloom-size": "1.45rem",
+    left: "58%",
+    top: "106%",
+  },
+  "bottom-left": {
+    "--bk-bloom-delay": "400ms",
+    "--bk-bloom-rotate": "-68deg",
+    "--bk-bloom-rotate-end": "-14deg",
+    "--bk-bloom-size": "1.75rem",
+    left: "18%",
+    top: "99%",
+  },
+};
+
+function getActionElement(target: EventTarget | null) {
+  if (!(target instanceof Element)) {
+    return null;
+  }
+
+  return target.closest(`.${ACTION_CLASS_NAME}`);
+}
+
+function getBloomGroupForElement(
+  element: Element,
+  buttonId: number,
+  groupId: number,
+): ActionBloomGroup {
+  const rect = element.getBoundingClientRect();
+
+  return {
+    buttonId,
+    height: rect.height,
+    id: groupId,
+    left: rect.left,
+    top: rect.top,
+    width: rect.width,
+  };
+}
+
+function getBloomGroupStyle(group: ActionBloomGroup): BloomGroupStyle {
+  return {
+    "--bk-bloom-button-height": `${group.height}px`,
+    "--bk-bloom-button-left": `${group.left}px`,
+    "--bk-bloom-button-top": `${group.top}px`,
+    "--bk-bloom-button-width": `${group.width}px`,
+  };
+}
+
+export function BloomKnightsActionBlooms() {
+  const [bloomGroups, setBloomGroups] = useState<ActionBloomGroup[]>([]);
+  const buttonIdsRef = useRef(new WeakMap<Element, number>());
+  const counterRef = useRef(0);
+
+  useEffect(() => {
+    const prefersReducedMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)",
+    ).matches;
+    const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
+
+    if (prefersReducedMotion || isCoarsePointer) {
+      return;
+    }
+
+    const getButtonId = (element: Element) => {
+      const existingId = buttonIdsRef.current.get(element);
+
+      if (existingId != null) {
+        return existingId;
+      }
+
+      const nextId = counterRef.current++;
+      buttonIdsRef.current.set(element, nextId);
+      return nextId;
+    };
+
+    const addBloom = (element: Element) => {
+      const buttonId = getButtonId(element);
+      const bloomGroup = getBloomGroupForElement(
+        element,
+        buttonId,
+        counterRef.current++,
+      );
+
+      setBloomGroups((currentGroups) => [
+        ...currentGroups.filter((group) => group.buttonId !== buttonId),
+        bloomGroup,
+      ]);
+    };
+
+    const removeBloom = (element: Element) => {
+      const buttonId = buttonIdsRef.current.get(element);
+
+      if (buttonId == null) {
+        return;
+      }
+
+      setBloomGroups((currentGroups) =>
+        currentGroups.filter((group) => group.buttonId !== buttonId),
+      );
+    };
+
+    const removeAllBlooms = () => {
+      setBloomGroups([]);
+    };
+
+    const handlePointerOver = (event: PointerEvent) => {
+      const actionElement = getActionElement(event.target);
+
+      if (!actionElement) {
+        return;
+      }
+
+      if (
+        event.relatedTarget instanceof Node &&
+        actionElement.contains(event.relatedTarget)
+      ) {
+        return;
+      }
+
+      addBloom(actionElement);
+    };
+
+    const handlePointerOut = (event: PointerEvent) => {
+      const actionElement = getActionElement(event.target);
+
+      if (!actionElement) {
+        return;
+      }
+
+      if (
+        event.relatedTarget instanceof Node &&
+        actionElement.contains(event.relatedTarget)
+      ) {
+        return;
+      }
+
+      removeBloom(actionElement);
+    };
+
+    const handleFocusIn = (event: FocusEvent) => {
+      const actionElement = getActionElement(event.target);
+
+      if (actionElement) {
+        addBloom(actionElement);
+      }
+    };
+
+    const handleFocusOut = (event: FocusEvent) => {
+      const actionElement = getActionElement(event.target);
+
+      if (!actionElement) {
+        return;
+      }
+
+      if (
+        event.relatedTarget instanceof Node &&
+        actionElement.contains(event.relatedTarget)
+      ) {
+        return;
+      }
+
+      removeBloom(actionElement);
+    };
+
+    document.addEventListener("pointerover", handlePointerOver);
+    document.addEventListener("pointerout", handlePointerOut);
+    document.addEventListener("focusin", handleFocusIn);
+    document.addEventListener("focusout", handleFocusOut);
+    window.addEventListener("resize", removeAllBlooms);
+    window.addEventListener("scroll", removeAllBlooms, true);
+
+    return () => {
+      document.removeEventListener("pointerover", handlePointerOver);
+      document.removeEventListener("pointerout", handlePointerOut);
+      document.removeEventListener("focusin", handleFocusIn);
+      document.removeEventListener("focusout", handleFocusOut);
+      window.removeEventListener("resize", removeAllBlooms);
+      window.removeEventListener("scroll", removeAllBlooms, true);
+    };
+  }, []);
+
+  return (
+    <>
+      <style>{`
+        @keyframes bkActionBloomFlower {
+          from {
+            opacity: 0;
+            transform: translate(-50%, -50%) scale(0.18) rotate(var(--bk-bloom-rotate));
+          }
+
+          to {
+            opacity: 1;
+            transform: translate(-50%, -50%) scale(1) rotate(var(--bk-bloom-rotate-end));
+          }
+        }
+
+        .bk-action-bloom-group {
+          position: fixed;
+          left: var(--bk-bloom-button-left);
+          top: var(--bk-bloom-button-top);
+          z-index: 99997;
+          width: var(--bk-bloom-button-width);
+          height: var(--bk-bloom-button-height);
+          pointer-events: none;
+          overflow: visible;
+          border-radius: 9999px;
+        }
+
+        .bk-action-bloom-flower {
+          position: absolute;
+          width: var(--bk-bloom-size);
+          height: var(--bk-bloom-size);
+          opacity: 0;
+          filter: drop-shadow(0 0.35rem 0.45rem rgba(82, 109, 48, 0.22));
+          transform: translate(-50%, -50%) scale(0.18) rotate(var(--bk-bloom-rotate));
+          transform-origin: center;
+          animation: bkActionBloomFlower 550ms cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
+          animation-delay: var(--bk-bloom-delay);
+          will-change: transform, opacity;
+        }
+
+        .bk-action-bloom-flower::before {
+          content: "";
+          position: absolute;
+          inset: 13%;
+          border-radius: 9999px;
+          background:
+            radial-gradient(circle at 50% 50%, #fcbc4e 0 16%, transparent 17%),
+            radial-gradient(circle at 50% 10%, #fdc0fd 0 22%, transparent 23%),
+            radial-gradient(circle at 88% 50%, #fe73fe 0 21%, transparent 22%),
+            radial-gradient(circle at 50% 88%, #dae494 0 22%, transparent 23%),
+            radial-gradient(circle at 12% 50%, #a8d471 0 21%, transparent 22%);
+        }
+
+        .bk-action-bloom-flower::after {
+          content: "";
+          position: absolute;
+          right: 4%;
+          bottom: 12%;
+          width: 42%;
+          height: 22%;
+          border-radius: 9999px 0;
+          background: linear-gradient(135deg, rgba(122, 171, 90, 0.92), transparent);
+          transform: rotate(28deg);
+        }
+
+        @media (prefers-reduced-motion: reduce), (pointer: coarse) {
+          .bk-action-bloom-group {
+            display: none;
+          }
+        }
+      `}</style>
+      {bloomGroups.map((group) => (
+        <div
+          key={group.id}
+          aria-hidden="true"
+          className="bk-action-bloom-group"
+          style={getBloomGroupStyle(group)}
+        >
+          {buttonBloomPositions.map((position) => (
+            <span
+              key={position}
+              className="bk-action-bloom-flower"
+              style={flowerStyles[position]}
+            />
+          ))}
+        </div>
+      ))}
+    </>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-ambient-background.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-ambient-background.tsx
new file mode 100644
index 000000000..821c6fef8
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-ambient-background.tsx
@@ -0,0 +1,102 @@
+export function BloomKnightsAmbientBackground() {
+  return (
+    <div
+      aria-hidden="true"
+      className="pointer-events-none absolute inset-0 z-0 overflow-hidden"
+    >
+      <style>{`
+        @keyframes bkAmbientLeafDriftA {
+          0%, 100% {
+            transform: translate3d(-0.5rem, 2vh, 0) rotate(-18deg);
+          }
+
+          45% {
+            transform: translate3d(1rem, -6vh, 0) rotate(62deg);
+          }
+
+          75% {
+            transform: translate3d(-0.7rem, 5vh, 0) rotate(118deg);
+          }
+        }
+
+        @keyframes bkAmbientLeafDriftB {
+          0%, 100% {
+            transform: translate3d(0.7rem, 3vh, 0) rotate(22deg);
+          }
+
+          42% {
+            transform: translate3d(-1rem, -5vh, 0) rotate(-54deg);
+          }
+
+          78% {
+            transform: translate3d(0.8rem, 6vh, 0) rotate(-126deg);
+          }
+        }
+
+        .bk-ambient-layer {
+          backface-visibility: hidden;
+          pointer-events: none;
+          transform: translateZ(0);
+        }
+
+        .bk-ambient-leaves::before,
+        .bk-ambient-leaves::after {
+          content: "";
+          position: absolute;
+          pointer-events: none;
+          transform: translateZ(0);
+          will-change: transform, opacity;
+        }
+
+        .bk-ambient-leaves::before,
+        .bk-ambient-leaves::after {
+          width: clamp(0.7rem, 1vw, 1.25rem);
+          aspect-ratio: 42 / 24;
+          border-radius: 100% 0 100% 0;
+          background:
+            linear-gradient(135deg, rgba(244, 238, 140, 0.46), rgba(113, 157, 74, 0.32)),
+            linear-gradient(145deg, transparent 44%, rgba(70, 105, 48, 0.38) 47%, transparent 52%);
+          filter: drop-shadow(0 4px 7px rgba(38, 82, 43, 0.14));
+          opacity: 0.42;
+          transform-origin: center;
+        }
+
+        .bk-ambient-leaves-a::before {
+          left: 10%;
+          top: 72%;
+          animation: bkAmbientLeafDriftA 30s ease-in-out infinite;
+        }
+
+        .bk-ambient-leaves-a::after {
+          left: 27%;
+          top: 82%;
+          animation: bkAmbientLeafDriftB 34s ease-in-out infinite;
+          animation-delay: -12s;
+        }
+
+        .bk-ambient-leaves-b::before {
+          left: 58%;
+          top: 76%;
+          animation: bkAmbientLeafDriftB 32s ease-in-out infinite;
+          animation-delay: -16s;
+        }
+
+        .bk-ambient-leaves-b::after {
+          left: 84%;
+          top: 68%;
+          animation: bkAmbientLeafDriftA 36s ease-in-out infinite;
+          animation-delay: -22s;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+          .bk-ambient-leaves::before,
+          .bk-ambient-leaves::after {
+            animation: none;
+          }
+        }
+      `}</style>
+      <div className="bk-ambient-layer bk-ambient-leaves bk-ambient-leaves-a absolute inset-0" />
+      <div className="bk-ambient-layer bk-ambient-leaves bk-ambient-leaves-b absolute inset-0" />
+    </div>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx
new file mode 100644
index 000000000..22554cb78
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx
@@ -0,0 +1,23 @@
+import Image from "next/image";
+
+export function BloomKnightsDashboardLogo() {
+  return (
+    <div
+      aria-label="BloomKnights"
+      className="bk-dashboard-logo-shell mx-auto mb-8 flex w-fit justify-center px-4 sm:mb-10"
+      role="img"
+    >
+      <Image
+        src="/BloomKnights.svg"
+        alt=""
+        width={650}
+        height={325}
+        priority
+        unoptimized
+        draggable="false"
+        sizes="(min-width: 1024px) 420px, (min-width: 640px) 340px, 260px"
+        className="bk-dashboard-logo h-auto w-[260px] sm:w-[340px] lg:w-[420px]"
+      />
+    </div>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
new file mode 100644
index 000000000..af24a4af7
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
@@ -0,0 +1,126 @@
+import type { ReactNode } from "react";
+
+import { BloomKnightsActionBlooms } from "./bloomknights-action-blooms";
+import { BloomKnightsAmbientBackground } from "./bloomknights-ambient-background";
+import { BloomKnightsDashboardLogo } from "./bloomknights-dashboard-logo";
+import { BloomKnightsFlowerCursor } from "./bloomknights-flower-cursor";
+
+const BLOOMKNIGHTS_DASHBOARD_BACKGROUND =
+  "https://assets.knighthacks.org/bloom-background-desktop.webp";
+const BLOOMKNIGHTS_DASHBOARD_BACKGROUND_AVIF =
+  "https://assets.knighthacks.org/bloom-background-desktop.avif";
+
+export function BloomKnightsDashboardShell({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  return (
+    <main
+      className="relative isolate min-h-screen overflow-hidden bg-emerald-950 bg-[length:100%_auto] bg-[center_64%] bg-no-repeat px-4 py-16"
+      style={{
+        backgroundImage: `image-set(url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND_AVIF}") type("image/avif"), url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND}") type("image/webp"))`,
+      }}
+    >
+      <BloomKnightsAmbientBackground />
+      <BloomKnightsActionBlooms />
+      <BloomKnightsFlowerCursor />
+      <div className="max-w-8xl relative z-10 mx-auto w-full">
+        <BloomKnightsDashboardLogo />
+        {children}
+      </div>
+      <style>{`
+        .bk-dashboard-logo-shell {
+          overflow: visible;
+        }
+
+        .bk-dashboard-logo {
+          transform-origin: center;
+          filter: drop-shadow(0 0.45rem 0.55rem rgba(45, 84, 34, 0.12));
+          transition:
+            transform 520ms cubic-bezier(0.18, 0.89, 0.32, 1.28),
+            filter 520ms ease;
+          will-change: transform, filter;
+        }
+
+        .bk-dashboard-logo-shell:hover .bk-dashboard-logo {
+          filter: drop-shadow(0 0.85rem 0.75rem rgba(45, 84, 34, 0.18));
+          transform: translateY(-0.35rem) scale(1.065);
+        }
+
+        .bk-flower-cycle-text {
+          position: relative;
+          isolation: isolate;
+          display: flex;
+          width: fit-content;
+          margin-right: auto;
+          margin-left: auto;
+          align-items: center;
+          justify-content: center;
+          overflow: hidden;
+          border-radius: 9999px;
+          padding: 0.45rem 1.15rem;
+          color: #ffffff;
+          text-shadow: 0 1px 3px rgba(36, 95, 53, 0.45);
+        }
+
+        .bk-flower-cycle-text::before {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          width: 280%;
+          aspect-ratio: 1;
+          z-index: -1;
+          content: "";
+          border-radius: 50%;
+          background: conic-gradient(
+            from 0deg,
+            #fcbc4e,
+            #a8d471,
+            #fe73fe,
+            #b8d4e8,
+            #c9b8d8,
+            #f5d97a,
+            #fcbc4e
+          );
+          animation: bkFlowerCycleTextFlow 8s linear infinite;
+        }
+
+        .bk-flower-cycle-text::after {
+          position: absolute;
+          inset: 0.18rem;
+          z-index: -1;
+          content: "";
+          border-radius: inherit;
+          background: rgba(36, 95, 53, 0.12);
+          box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.2);
+        }
+
+        @keyframes bkFlowerCycleTextFlow {
+          from {
+            transform: translate(-50%, -50%) rotate(0turn);
+          }
+
+          to {
+            transform: translate(-50%, -50%) rotate(1turn);
+          }
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+          .bk-dashboard-logo {
+            transition: none;
+          }
+
+          .bk-dashboard-logo-shell:hover .bk-dashboard-logo {
+            transform: none;
+          }
+
+          .bk-flower-cycle-text::before {
+            animation: none;
+          }
+        }
+
+      `}</style>
+    </main>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-flower-cursor.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-flower-cursor.tsx
new file mode 100644
index 000000000..fa12bf840
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-flower-cursor.tsx
@@ -0,0 +1,204 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+
+export const BLOOMKNIGHTS_FLOWER_COLORS = [
+  "#fcbc4e",
+  "#a8d471",
+  "#fe73fe",
+  "#b8d4e8",
+  "#c9b8d8",
+  "#f5d97a",
+] as const;
+
+const FLOWER_LIFETIME_MS = 650;
+const MAX_FLOWERS = 15;
+const MIN_DISTANCE_BETWEEN_FLOWERS = 36;
+
+interface TrailFlower {
+  color: (typeof BLOOMKNIGHTS_FLOWER_COLORS)[number];
+  id: number;
+  x: number;
+  y: number;
+}
+
+export function BloomKnightsFlowerSvg({
+  color,
+  size,
+}: {
+  color: string;
+  size: number;
+}) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <ellipse cx="20" cy="7" rx="4.5" ry="7" fill={color} />
+      <ellipse
+        cx="20"
+        cy="7"
+        rx="4.5"
+        ry="7"
+        fill={color}
+        transform="rotate(60 20 20)"
+      />
+      <ellipse
+        cx="20"
+        cy="7"
+        rx="4.5"
+        ry="7"
+        fill={color}
+        transform="rotate(120 20 20)"
+      />
+      <ellipse
+        cx="20"
+        cy="7"
+        rx="4.5"
+        ry="7"
+        fill={color}
+        transform="rotate(180 20 20)"
+      />
+      <ellipse
+        cx="20"
+        cy="7"
+        rx="4.5"
+        ry="7"
+        fill={color}
+        transform="rotate(240 20 20)"
+      />
+      <ellipse
+        cx="20"
+        cy="7"
+        rx="4.5"
+        ry="7"
+        fill={color}
+        transform="rotate(300 20 20)"
+      />
+      <circle cx="20" cy="20" r="5.5" fill="#FFFDF1" opacity="0.9" />
+    </svg>
+  );
+}
+
+export function BloomKnightsFlowerCursor() {
+  const [trail, setTrail] = useState<TrailFlower[]>([]);
+  const counterRef = useRef(0);
+  const lastTrailPositionRef = useRef({ x: -200, y: -200 });
+  const cleanupTimersRef = useRef<number[]>([]);
+
+  useEffect(() => {
+    const prefersReducedMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)",
+    ).matches;
+    const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
+
+    if (prefersReducedMotion || isCoarsePointer) {
+      return;
+    }
+
+    const handleMouseMove = (event: MouseEvent) => {
+      const dx = event.clientX - lastTrailPositionRef.current.x;
+      const dy = event.clientY - lastTrailPositionRef.current.y;
+
+      if (Math.hypot(dx, dy) <= MIN_DISTANCE_BETWEEN_FLOWERS) {
+        return;
+      }
+
+      lastTrailPositionRef.current = {
+        x: event.clientX,
+        y: event.clientY,
+      };
+
+      const id = counterRef.current++;
+      const color =
+        BLOOMKNIGHTS_FLOWER_COLORS[id % BLOOMKNIGHTS_FLOWER_COLORS.length] ??
+        BLOOMKNIGHTS_FLOWER_COLORS[0];
+
+      setTrail((currentTrail) => [
+        ...currentTrail.slice(-(MAX_FLOWERS - 1)),
+        {
+          color,
+          id,
+          x: event.clientX,
+          y: event.clientY,
+        },
+      ]);
+
+      const cleanupTimer = window.setTimeout(() => {
+        setTrail((currentTrail) =>
+          currentTrail.filter((flower) => flower.id !== id),
+        );
+      }, FLOWER_LIFETIME_MS);
+
+      cleanupTimersRef.current.push(cleanupTimer);
+    };
+
+    window.addEventListener("mousemove", handleMouseMove);
+
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      cleanupTimersRef.current.forEach((cleanupTimer) => {
+        window.clearTimeout(cleanupTimer);
+      });
+      cleanupTimersRef.current = [];
+    };
+  }, []);
+
+  return (
+    <>
+      <style>{`
+        @keyframes bkFlowerCursorPop {
+          0% {
+            opacity: 0.5;
+            transform: translate(-50%, -50%) scale(1) rotate(0deg);
+          }
+
+          32% {
+            opacity: 0.38;
+            transform: translate(-50%, -70%) scale(1.2) rotate(90deg);
+          }
+
+          100% {
+            opacity: 0;
+            transform: translate(-50%, -110%) scale(0.5) rotate(200deg);
+          }
+        }
+
+        .bk-cursor-flower {
+          position: fixed;
+          pointer-events: none;
+          z-index: 99998;
+          display: inline-block;
+          width: 1.1rem;
+          height: 1.1rem;
+          transform-origin: center center;
+          user-select: none;
+          animation: bkFlowerCursorPop ${FLOWER_LIFETIME_MS}ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
+          will-change: transform, opacity;
+        }
+
+        @media (prefers-reduced-motion: reduce), (pointer: coarse) {
+          .bk-cursor-flower {
+            display: none;
+          }
+        }
+      `}</style>
+      {trail.map((flower) => (
+        <span
+          key={flower.id}
+          aria-hidden="true"
+          className="bk-cursor-flower"
+          style={{
+            left: flower.x,
+            top: flower.y,
+          }}
+        >
+          <BloomKnightsFlowerSvg color={flower.color} size={18} />
+        </span>
+      ))}
+    </>
+  );
+}
diff --git a/apps/blade/src/app/_components/settings/hacker-profile-form.tsx b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
similarity index 83%
rename from apps/blade/src/app/_components/settings/hacker-profile-form.tsx
rename to apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
index 8c7adf0a0..8fb0a9cf1 100644
--- a/apps/blade/src/app/_components/settings/hacker-profile-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
@@ -3,10 +3,10 @@
 import { useEffect, useRef, useState } from "react";
 import Link from "next/link";
 import { Loader2 } from "lucide-react";
-import { z } from "zod";
 
-import { FORMS, MINIO } from "@forge/consts";
-import { InsertHackerSchema } from "@forge/db/schemas/knight-hacks";
+import type { HackerProfileFormValues } from "@forge/hackathon/client";
+import { FORMS } from "@forge/consts";
+import { useHackerProfileFlow } from "@forge/hackathon/client";
 import { Badge } from "@forge/ui/badge";
 import { Button } from "@forge/ui/button";
 import { Checkbox } from "@forge/ui/checkbox";
@@ -32,54 +32,20 @@ import {
 import { Textarea } from "@forge/ui/textarea";
 import { toast } from "@forge/ui/toast";
 
-import type { api as serverCaller } from "~/trpc/server";
-import { HackerAppCard } from "~/app/_components/option-cards";
-import DeleteHackerButton from "~/app/_components/settings/delete-hacker-button";
-import { api } from "~/trpc/react";
-
-export function HackerProfileForm({
-  data,
-  hackathon,
-}: {
-  data: Awaited<ReturnType<(typeof serverCaller.hackerQuery)["getHacker"]>>;
-  hackathon: Awaited<
-    ReturnType<(typeof serverCaller.hackathon)["getCurrentHackathon"]>
-  >;
-}) {
+export function HackerProfileForm() {
   const [loading, setLoading] = useState(false);
-  const utils = api.useUtils();
+  const {
+    dashboardQuery,
+    participant: hacker,
+    profileSchema,
+    updateProfile,
+    uploadResume,
+  } = useHackerProfileFlow();
 
   const [selectedAllergies, setSelectedAllergies] = useState<string[]>([]);
   const allergiesRef = useRef<string[]>([]);
 
-  const { data: hacker, isError } = api.hackerQuery.getHacker.useQuery(
-    {},
-    {
-      initialData: data,
-    },
-  );
-
-  const uploadResume = api.resume.uploadResume.useMutation({
-    onError() {
-      toast.error("There was a problem storing your resume, please try again!");
-    },
-    async onSettled() {
-      await utils.resume.invalidate();
-    },
-  });
-
-  const updateHacker = api.hackerMutation.updateHacker.useMutation({
-    async onSuccess() {
-      toast.success("Profile updated!");
-      await utils.hackerQuery.getHacker.invalidate();
-    },
-    onError() {
-      toast.error("Oops! Something went wrong. Please try again later.");
-    },
-    onSettled() {
-      setLoading(false);
-    },
-  });
+  const isError = dashboardQuery.isError;
 
   const toggleAllergy = (allergy: string) => {
     setSelectedAllergies((prev) =>
@@ -92,108 +58,16 @@ export function HackerProfileForm({
       : [...allergiesRef.current, allergy];
   };
 
-  const form = useForm({
-    schema: InsertHackerSchema.extend({
-      userId: z.undefined(),
-      firstName: z.string().min(1, "Required"),
-      lastName: z.string().min(1, "Required"),
-      age: z.undefined(),
-      email: z.string().email("Invalid email").min(1, "Required"),
-      phoneNumber: z
-        .string()
-        .regex(/^(\d{10}|\d{3}-\d{3}-\d{4})?$/, "Invalid phone number"),
-      dob: z
-        .string()
-        .pipe(z.coerce.date())
-        .transform((date) => date.toISOString()),
-      gradDate: z.string(),
-      survey1: z.string().min(1, "Required"),
-      survey2: z.string().min(1, "Required"),
-      githubProfileUrl: z
-        .string()
-        .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
-        .regex(
-          /^https:\/\/(www\.)?github\.com\/.+/,
-          "Invalid URL: Enter a valid GitHub link",
-        )
-        .url({ message: "Invalid URL" })
-        .optional()
-        .or(z.literal("")),
-      linkedinProfileUrl: z
-        .string()
-        .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
-        .regex(
-          /^https:\/\/(www\.)?linkedin\.com\/.+/,
-          "Invalid URL: Enter a valid LinkedIn link",
-        )
-        .regex(
-          /^https:\/\/(www\.)?linkedin\.com\/in\/[a-zA-Z0-9_-]+\/?$/,
-          "Invalid URL: Do not use a mobile URL/excessively long URL",
-        )
-        .url({ message: "Invalid URL" })
-        .optional()
-        .or(z.literal("")),
-      websiteUrl: z
-        .string()
-        .regex(
-          /^https?:\/\/.+/,
-          "Invalid URL: Please try again with https:// or http://",
-        )
-        .url({ message: "Invalid URL" })
-        .optional()
-        .or(z.literal("")),
-      resumeUpload: z
-        .instanceof(FileList)
-        .superRefine((fileList, ctx) => {
-          if (fileList.length !== 0 && fileList.length !== 1) {
-            ctx.addIssue({
-              code: z.ZodIssueCode.custom,
-              message: "Only 0 or 1 files allowed",
-            });
-          }
-
-          if (fileList.length === 1) {
-            const file = fileList[0];
-            if (!(file instanceof File)) {
-              ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: "Object in FileList is undefined",
-              });
-              return;
-            }
-
-            const fileExtension = file.name.split(".").pop();
-            if (fileExtension !== "pdf") {
-              ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: "Resume must be a PDF",
-              });
-            }
-
-            if (file.size > MINIO.MAX_RESUME_SIZE) {
-              ctx.addIssue({
-                code: z.ZodIssueCode.too_big,
-                origin: "number",
-                maximum: MINIO.MAX_RESUME_SIZE,
-                inclusive: true,
-                exact: false,
-                message: "File too large: maximum 5MB",
-              });
-            }
-          }
-        })
-        .optional(),
-      agreesToMLHCodeOfConduct: z.boolean().refine((val) => val === true),
-      agreesToMLHDataSharing: z.boolean().refine((val) => val === true),
-    }),
+  const form = useForm<HackerProfileFormValues>({
+    schema: profileSchema,
     defaultValues: {
       firstName: hacker?.firstName ?? "",
       lastName: hacker?.lastName ?? "",
       gender: hacker?.gender ?? undefined,
       raceOrEthnicity: hacker?.raceOrEthnicity ?? undefined,
-      discordUser: hacker?.discordUser,
       email: hacker?.email ?? "",
       phoneNumber: hacker?.phoneNumber ?? "",
+      country: hacker?.country ?? undefined,
       school: hacker?.school ?? undefined,
       major: hacker?.major ?? undefined,
       levelOfStudy: hacker?.levelOfStudy ?? undefined,
@@ -223,9 +97,9 @@ export function HackerProfileForm({
       lastName: hacker.lastName,
       gender: hacker.gender,
       raceOrEthnicity: hacker.raceOrEthnicity,
-      discordUser: hacker.discordUser,
       email: hacker.email,
       phoneNumber: hacker.phoneNumber || "",
+      country: hacker.country,
       school: hacker.school,
       major: hacker.major,
       levelOfStudy: hacker.levelOfStudy,
@@ -246,7 +120,6 @@ export function HackerProfileForm({
     });
 
     if (hacker.foodAllergies) {
-      // eslint-disable-next-line react-hooks/set-state-in-effect
       setSelectedAllergies(hacker.foodAllergies.split(","));
       allergiesRef.current = hacker.foodAllergies.split(",");
     }
@@ -273,8 +146,11 @@ export function HackerProfileForm({
 
   if (!hacker) {
     return (
-      <div className="flex items-center justify-center">
-        <HackerAppCard hackathonName={hackathon?.name || ""} />
+      <div className="flex flex-col items-center justify-center gap-4 text-center">
+        <p>You need a BloomKnights application before editing a profile.</p>
+        <Button asChild>
+          <Link href="/apply">Apply to BloomKnights</Link>
+        </Button>
       </div>
     );
   }
@@ -288,25 +164,50 @@ export function HackerProfileForm({
           onSubmit={form.handleSubmit(async (values) => {
             setLoading(true);
             try {
-              let resumeUrl = "";
+              let resumeUrl = values.resumeUrl ?? hacker.resumeUrl ?? "";
               if (values.resumeUpload?.length && values.resumeUpload[0]) {
                 const file = values.resumeUpload[0];
                 const base64File = await fileToBase64(file);
-                resumeUrl = await uploadResume.mutateAsync({
-                  fileName: file.name,
-                  fileContent: base64File,
-                });
+                resumeUrl = await uploadResume(file.name, base64File);
               }
 
-              updateHacker.mutate({
-                ...values,
-                id: hacker.id,
+              await updateProfile({
+                firstName: values.firstName,
+                lastName: values.lastName,
+                email: values.email,
+                dob: values.dob,
+                phoneNumber: values.phoneNumber,
+                country: values.country,
+                school: values.school,
+                major: values.major,
+                levelOfStudy: values.levelOfStudy,
+                gender: values.gender ?? "Prefer not to answer",
+                gradDate: values.gradDate,
+                raceOrEthnicity:
+                  values.raceOrEthnicity ?? "Prefer not to answer",
+                shirtSize: values.shirtSize,
+                githubProfileUrl: values.githubProfileUrl,
+                linkedinProfileUrl: values.linkedinProfileUrl,
+                websiteUrl: values.websiteUrl,
+                isFirstTime: values.isFirstTime,
+                agreesToReceiveEmailsFromMLH:
+                  values.agreesToReceiveEmailsFromMLH,
+                agreesToMLHCodeOfConduct: values.agreesToMLHCodeOfConduct,
+                agreesToMLHDataSharing: values.agreesToMLHDataSharing,
+                survey1: values.survey1,
+                survey2: values.survey2,
+                foodAllergies: values.foodAllergies,
                 resumeUrl,
               });
-            } catch {
+              toast.success("Profile updated!");
+            } catch (error) {
               toast.error(
-                "Something went wrong while processing your changes.",
+                error instanceof Error
+                  ? error.message
+                  : "Something went wrong while processing your changes.",
               );
+            } finally {
+              setLoading(false);
             }
           })}
         >
@@ -943,17 +844,6 @@ export function HackerProfileForm({
           )}
         </form>
       </Form>
-      <div className="mt-12!">
-        <h3 className="text-lg font-medium text-red-700">Danger Zone</h3>
-        <p className="mb-4 text-sm text-red-700/75">
-          Avoid this if you're not sure what you're doing.
-        </p>
-        <DeleteHackerButton
-          hackerId={hacker.id}
-          firstName={hacker.firstName}
-          lastName={hacker.lastName}
-        />
-      </div>
     </>
   );
 }
diff --git a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
new file mode 100644
index 000000000..f3bb38dc3
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import Link from "next/link";
+
+import { Button } from "@forge/ui/button";
+
+import { signOut } from "~/auth/client";
+
+export function PortalHeader() {
+  return (
+    <nav
+      aria-label="Participant navigation"
+      className="mb-8 flex flex-wrap items-center justify-center gap-3"
+    >
+      <Button asChild className="bk-bloom-cta-action rounded-full">
+        <Link href="/dashboard">Dashboard</Link>
+      </Button>
+      <Button asChild variant="secondary" className="rounded-full">
+        <Link href="/dashboard/profile">Profile</Link>
+      </Button>
+      <Button
+        type="button"
+        variant="outline"
+        className="rounded-full bg-white/85 text-[#42602A]"
+        onClick={() => void signOut({ redirectTo: "/" })}
+      >
+        Sign out
+      </Button>
+    </nav>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/apply/page.tsx b/apps/bloomknights/src/app/(portal)/apply/page.tsx
new file mode 100644
index 000000000..f1e3814b7
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/apply/page.tsx
@@ -0,0 +1,69 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+
+import { db } from "@forge/db/client";
+
+import { auth, signIn } from "~/auth/server";
+import { HackerFormPage } from "../_components/application/hacker-application-form";
+import { AuthRetry } from "../_components/auth-retry";
+
+export const metadata: Metadata = {
+  title: "BloomKnights | Hacker Application",
+  description: "Apply to hack at BloomKnights.",
+};
+
+export default async function ApplyPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ authError?: string }>;
+}) {
+  const session = await auth();
+  const { authError } = await searchParams;
+  if (!session) {
+    if (authError) return <AuthRetry callbackPath="/apply" />;
+    signIn("discord", { redirectTo: "/apply" });
+  }
+
+  const hackathon = await db.query.Hackathon.findFirst({
+    where: (table, { eq }) => eq(table.name, "bloomknights"),
+  });
+  if (!hackathon) notFound();
+
+  const now = new Date();
+  if (now < hackathon.applicationOpen || now > hackathon.applicationDeadline) {
+    const beforeOpen = now < hackathon.applicationOpen;
+    return (
+      <main className="flex min-h-screen items-center justify-center bg-[#f3eadb] px-5 text-center text-[#42602A]">
+        <section className="max-w-xl rounded-[2rem] bg-[#FFFDF1] p-8 shadow-xl">
+          <h1 className="text-3xl font-black">
+            Applications are {beforeOpen ? "not open yet" : "closed"}.
+          </h1>
+          <p className="mt-3 text-[#53634A]">
+            Visit your dashboard for the latest BloomKnights status and
+            announcements.
+          </p>
+          <Link
+            href="/dashboard"
+            className="mt-6 inline-flex rounded-full bg-[#f384d4] px-6 py-3 font-black text-white"
+          >
+            Go to dashboard
+          </Link>
+        </section>
+      </main>
+    );
+  }
+
+  return (
+    <HackerFormPage
+      applicationBackgroundKey={
+        hackathon.applicationBackgroundEnabled
+          ? hackathon.applicationBackgroundKey
+          : "bloomknights"
+      }
+      hackathonId="bloomknights"
+      hackathonName={hackathon.displayName}
+      hackathonStartDate={hackathon.startDate.toISOString()}
+    />
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
new file mode 100644
index 000000000..35c243475
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
@@ -0,0 +1,32 @@
+import type { Metadata } from "next";
+
+import { auth, signIn } from "~/auth/server";
+import { AuthRetry } from "../_components/auth-retry";
+import { BloomDashboard } from "../_components/bloom-dashboard";
+import { BloomKnightsDashboardShell } from "../_components/bloomknights-dashboard-shell";
+import { PortalHeader } from "../_components/portal-header";
+
+export const metadata: Metadata = {
+  title: "BloomKnights | Hacker Dashboard",
+  description: "Your BloomKnights application and event dashboard.",
+};
+
+export default async function DashboardPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ authError?: string }>;
+}) {
+  const session = await auth();
+  const { authError } = await searchParams;
+  if (!session) {
+    if (authError) return <AuthRetry callbackPath="/dashboard" />;
+    signIn("discord", { redirectTo: "/dashboard" });
+  }
+
+  return (
+    <BloomKnightsDashboardShell>
+      <PortalHeader />
+      <BloomDashboard />
+    </BloomKnightsDashboardShell>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
new file mode 100644
index 000000000..23e0aae36
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
@@ -0,0 +1,47 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+
+import { Button } from "@forge/ui/button";
+
+import { auth, signIn } from "~/auth/server";
+import { AuthRetry } from "../../_components/auth-retry";
+import { BloomKnightsDashboardShell } from "../../_components/bloomknights-dashboard-shell";
+import { HackerProfileForm } from "../../_components/hacker-profile-form";
+import { PortalHeader } from "../../_components/portal-header";
+
+export const metadata: Metadata = {
+  title: "BloomKnights | Hacker Profile",
+};
+
+export default async function HackerProfilePage({
+  searchParams,
+}: {
+  searchParams: Promise<{ authError?: string }>;
+}) {
+  const session = await auth();
+  const { authError } = await searchParams;
+  if (!session) {
+    if (authError) return <AuthRetry callbackPath="/dashboard/profile" />;
+    signIn("discord", { redirectTo: "/dashboard/profile" });
+  }
+
+  return (
+    <BloomKnightsDashboardShell>
+      <PortalHeader />
+      <section className="mx-auto max-w-3xl rounded-[2rem] bg-[#FFFDF1]/95 p-6 text-[#42602A] shadow-xl sm:p-10">
+        <div className="mb-8 flex flex-wrap items-center justify-between gap-4">
+          <div>
+            <p className="text-sm font-black uppercase tracking-[0.2em] text-[#f384d4]">
+              BloomKnights
+            </p>
+            <h1 className="text-3xl font-black">Hacker profile</h1>
+          </div>
+          <Button asChild variant="outline" className="rounded-full">
+            <Link href="/dashboard">Back to dashboard</Link>
+          </Button>
+        </div>
+        <HackerProfileForm />
+      </section>
+    </BloomKnightsDashboardShell>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/hacker/application/bloomknights/page.tsx b/apps/bloomknights/src/app/(portal)/hacker/application/bloomknights/page.tsx
new file mode 100644
index 000000000..5c260f166
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/hacker/application/bloomknights/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function LegacyBloomApplicationPage() {
+  redirect("/apply");
+}
diff --git a/apps/bloomknights/src/app/(portal)/layout.tsx b/apps/bloomknights/src/app/(portal)/layout.tsx
new file mode 100644
index 000000000..9f79a6954
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/layout.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+
+import { HackathonPortalProvider } from "@forge/hackathon/client";
+import { Toaster } from "@forge/ui/toast";
+
+import { BLOOM_PORTAL_CONFIG } from "~/lib/portal-config";
+
+export default function PortalLayout({ children }: { children: ReactNode }) {
+  return (
+    <HackathonPortalProvider config={BLOOM_PORTAL_CONFIG}>
+      {children}
+      <Toaster />
+    </HackathonPortalProvider>
+  );
+}
diff --git a/apps/bloomknights/src/app/_components/navbar/NavContent.tsx b/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
index 0a7869be4..f4a8099af 100644
--- a/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
+++ b/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
@@ -19,8 +19,10 @@ interface NavContentProps {
   isMobileMenuOpen: boolean;
   navLinks: NavLink[];
   showGlow?: boolean;
+  showSignOut?: boolean;
   onMobileMenuClose: () => void;
   onMobileMenuToggle: () => void;
+  onSignOut?: () => void;
 }
 
 const scrolledLinkGlow: React.CSSProperties = {
@@ -33,8 +35,10 @@ function NavContent({
   isMobileMenuOpen,
   navLinks,
   showGlow = false,
+  showSignOut = false,
   onMobileMenuClose,
   onMobileMenuToggle,
+  onSignOut,
 }: NavContentProps) {
   return (
     <div className="relative flex h-20 items-center px-4 md:justify-between md:px-12 lg:px-32">
@@ -87,6 +91,17 @@ function NavContent({
             <span className="relative z-10">{link.label}</span>
           </a>
         ))}
+        {showSignOut && (
+          <button
+            type="button"
+            className="wc-nav-link rounded-md px-2 py-1 text-base transition-[color,text-shadow,transform] duration-500 lg:text-lg"
+            style={showGlow ? scrolledLinkGlow : undefined}
+            tabIndex={isHidden ? -1 : undefined}
+            onClick={onSignOut}
+          >
+            Sign out
+          </button>
+        )}
       </div>
       <div className="hidden w-12 md:block" />
 
@@ -115,6 +130,19 @@ function NavContent({
                   {link.label}
                 </a>
               ))}
+              {showSignOut && (
+                <button
+                  type="button"
+                  className="font-righteous px-5 py-3 text-left text-lg tracking-normal transition-colors duration-300 hover:bg-[#245f34]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#245f34]"
+                  tabIndex={isHidden ? -1 : undefined}
+                  onClick={() => {
+                    onMobileMenuClose();
+                    onSignOut?.();
+                  }}
+                >
+                  Sign out
+                </button>
+              )}
             </div>
           </motion.div>
         )}
diff --git a/apps/bloomknights/src/app/_components/navbar/Navbar.tsx b/apps/bloomknights/src/app/_components/navbar/Navbar.tsx
index 36e35781c..5958ae454 100644
--- a/apps/bloomknights/src/app/_components/navbar/Navbar.tsx
+++ b/apps/bloomknights/src/app/_components/navbar/Navbar.tsx
@@ -3,6 +3,7 @@
 import { useEffect, useState } from "react";
 import { motion, useMotionValueEvent, useScroll } from "framer-motion";
 
+import { authClient, signOut } from "~/auth/client";
 import MLHBadge from "./MLHBadge";
 import { navChromeTransition } from "./motion";
 import NavContent from "./NavContent";
@@ -19,12 +20,25 @@ const NAV_LINKS = [
 ];
 
 const Navbar = () => {
+  const { data: session } = authClient.useSession();
   const [isScrolled, setIsScrolled] = useState(
     () => typeof window !== "undefined" && window.scrollY > 100,
   );
   const [isHidden, setIsHidden] = useState(false);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const { scrollY } = useScroll();
+  const authLinks = session
+    ? [{ href: "/dashboard", label: "Dashboard" }]
+    : [
+        {
+          href: "/api/auth/signin?provider=discord&callbackURL=%2Fdashboard",
+          label: "Sign up",
+        },
+        {
+          href: "/api/auth/signin?provider=discord&callbackURL=%2Fdashboard",
+          label: "Log in",
+        },
+      ];
 
   useEffect(() => {
     const desktopQuery = window.matchMedia("(min-width: 768px)");
@@ -70,10 +84,12 @@ const Navbar = () => {
         <NavContent
           isHidden={isHidden}
           isMobileMenuOpen={isMobileMenuOpen}
-          navLinks={NAV_LINKS}
+          navLinks={[...NAV_LINKS, ...authLinks]}
+          showSignOut={Boolean(session)}
           showGlow={isScrolled}
           onMobileMenuClose={() => setIsMobileMenuOpen(false)}
           onMobileMenuToggle={() => setIsMobileMenuOpen((isOpen) => !isOpen)}
+          onSignOut={() => void signOut({ redirectTo: "/" })}
         />
       </motion.nav>
 
diff --git a/apps/bloomknights/src/app/_components/register/registerButton.tsx b/apps/bloomknights/src/app/_components/register/registerButton.tsx
index 539e3ea00..47e0e016c 100644
--- a/apps/bloomknights/src/app/_components/register/registerButton.tsx
+++ b/apps/bloomknights/src/app/_components/register/registerButton.tsx
@@ -15,12 +15,7 @@ const Register = () => {
             }}
           />
           <div className="relative z-10 flex w-full items-center">
-            <Link
-              href="https://blade.knighthacks.org/hacker/application/bloomknights"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="wc-btn bloom-cta-button group"
-            >
+            <Link href="/apply" className="wc-btn bloom-cta-button group">
               <span className="bloom-cta-label transition-all duration-500 group-hover:text-white">
                 Register Now!
               </span>
diff --git a/apps/bloomknights/src/app/api/auth/[...all]/route.ts b/apps/bloomknights/src/app/api/auth/[...all]/route.ts
new file mode 100644
index 000000000..eff641b97
--- /dev/null
+++ b/apps/bloomknights/src/app/api/auth/[...all]/route.ts
@@ -0,0 +1,3 @@
+import { handlers } from "~/auth/server";
+
+export const { GET, POST } = handlers;
diff --git a/apps/bloomknights/src/app/api/auth/signin/route.ts b/apps/bloomknights/src/app/api/auth/signin/route.ts
new file mode 100644
index 000000000..9ab533b13
--- /dev/null
+++ b/apps/bloomknights/src/app/api/auth/signin/route.ts
@@ -0,0 +1 @@
+export { signInRoute as GET } from "~/auth/server";
diff --git a/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts b/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts
new file mode 100644
index 000000000..0a411e3d3
--- /dev/null
+++ b/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts
@@ -0,0 +1,31 @@
+import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
+
+import { createTRPCContext, participantRouter } from "@forge/api/participant";
+
+import { validateToken } from "~/auth/server";
+
+const MAX_REQUEST_SIZE = 8 * 1024 * 1024;
+
+const handler = async (req: Request) => {
+  const contentLength = Number(req.headers.get("content-length") ?? 0);
+  if (contentLength > MAX_REQUEST_SIZE) {
+    return Response.json(
+      { error: { message: "Request exceeds the 8MB upload limit." } },
+      { status: 413 },
+    );
+  }
+
+  const session = await validateToken();
+  return fetchRequestHandler({
+    endpoint: "/api/trpc",
+    router: participantRouter,
+    req,
+    createContext: () => createTRPCContext({ headers: req.headers, session }),
+    onError({ error, path }) {
+      // eslint-disable-next-line no-console
+      console.error(`Bloom tRPC error on ${path ?? "unknown"}:`, error.message);
+    },
+  });
+};
+
+export { handler as GET, handler as POST };
diff --git a/apps/bloomknights/src/app/layout.tsx b/apps/bloomknights/src/app/layout.tsx
index 07357c048..71f9cf63c 100644
--- a/apps/bloomknights/src/app/layout.tsx
+++ b/apps/bloomknights/src/app/layout.tsx
@@ -1,16 +1,7 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
 
-import Footer from "./_components/footer/footer";
-import AnimatedBirds from "./_components/graphics/AnimatedBirds";
-import BloomAssetPreloads from "./_components/graphics/BloomAssetPreloads";
-import FloatingFlowers from "./_components/graphics/FloatingFlowers";
-import FlowerCursor from "./_components/graphics/Flowercursor";
-import ParallaxBackground from "./_components/graphics/ParallaxBackground";
-import Squiggles from "./_components/graphics/squiggles";
-import Navbar from "./_components/navbar/Navbar";
 import {
-  eventJsonLd,
   OG_IMAGE_ALT,
   OG_IMAGE_HEIGHT,
   OG_IMAGE_URL,
@@ -110,31 +101,7 @@ export default function RootLayout({
       lang="en"
       className={`${fredokaOne.variable} ${righteous.variable} ${dmSans.variable} h-full`}
     >
-      <body className="bloom-site-background flex min-h-screen flex-col antialiased">
-        <BloomAssetPreloads />
-        <ParallaxBackground />
-        <AnimatedBirds />
-        <FloatingFlowers />
-        <FlowerCursor />
-
-        <span className="font-dm-sans">
-          <Navbar />
-        </span>
-
-        <main className="flex-1 pt-8">{children}</main>
-
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(eventJsonLd).replace(/</g, "\\u003c"),
-          }}
-        />
-
-        <Squiggles />
-        <footer className="mt-auto">
-          <Footer />
-        </footer>
-      </body>
+      <body className="min-h-screen antialiased">{children}</body>
     </html>
   );
 }
diff --git a/apps/bloomknights/src/auth/client.ts b/apps/bloomknights/src/auth/client.ts
new file mode 100644
index 000000000..dd58c54ab
--- /dev/null
+++ b/apps/bloomknights/src/auth/client.ts
@@ -0,0 +1,9 @@
+"use client";
+
+import { createForgeAuthClient } from "@forge/auth/client-factory";
+
+export const bloomAuthClient = createForgeAuthClient({
+  defaultRedirectPath: "/dashboard",
+});
+
+export const { auth, authClient, signIn, signOut } = bloomAuthClient;
diff --git a/apps/bloomknights/src/auth/server.ts b/apps/bloomknights/src/auth/server.ts
new file mode 100644
index 000000000..44c6afafe
--- /dev/null
+++ b/apps/bloomknights/src/auth/server.ts
@@ -0,0 +1,10 @@
+import { createForgeAuthServer } from "@forge/auth/server-factory";
+
+import { env } from "~/env";
+
+export const bloomAuth = createForgeAuthServer({
+  baseURL: env.BLOOMKNIGHTS_URL,
+  defaultRedirectPath: "/dashboard",
+});
+
+export const { auth, handlers, signIn, signInRoute, validateToken } = bloomAuth;
diff --git a/apps/bloomknights/src/env.ts b/apps/bloomknights/src/env.ts
new file mode 100644
index 000000000..116b1c8ff
--- /dev/null
+++ b/apps/bloomknights/src/env.ts
@@ -0,0 +1,25 @@
+import { createEnv } from "@t3-oss/env-nextjs";
+import { z } from "zod";
+
+import { hackathonPortalOriginSchema } from "@forge/validators";
+
+export const env = createEnv({
+  server: {
+    BLOOMKNIGHTS_URL: hackathonPortalOriginSchema.default(
+      "http://localhost:3006",
+    ),
+  },
+  shared: {
+    NODE_ENV: z
+      .enum(["development", "production", "test"])
+      .default("development"),
+    PORT: z.coerce.number().default(3006),
+  },
+  runtimeEnv: {
+    BLOOMKNIGHTS_URL: process.env.BLOOMKNIGHTS_URL,
+    NODE_ENV: process.env.NODE_ENV,
+    PORT: process.env.PORT,
+  },
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/apps/bloomknights/src/lib/portal-config.ts b/apps/bloomknights/src/lib/portal-config.ts
new file mode 100644
index 000000000..845af2acb
--- /dev/null
+++ b/apps/bloomknights/src/lib/portal-config.ts
@@ -0,0 +1,17 @@
+import type { HackathonPortalConfig } from "@forge/hackathon";
+
+export const BLOOM_PORTAL_CONFIG = {
+  hackathonName: "bloomknights",
+  routes: {
+    home: "/",
+    dashboard: "/dashboard",
+    apply: "/apply",
+    profile: "/dashboard/profile",
+  },
+  termsUrl: "https://knight-hacks.notion.site/knight-hacks-26-tos",
+  guideUrl: "https://knight-hacks.notion.site/bloomknights2026",
+  copy: {
+    applicationName: "BloomKnights",
+    supportChannelUrl: "https://discord.gg/2W2HCvkKAy",
+  },
+} satisfies HackathonPortalConfig;
diff --git a/docs/API-AND-PERMISSIONS.md b/docs/API-AND-PERMISSIONS.md
index 5e51cb44e..ccf595bae 100644
--- a/docs/API-AND-PERMISSIONS.md
+++ b/docs/API-AND-PERMISSIONS.md
@@ -6,6 +6,18 @@ This guide covers how to work with the tRPC API in Forge, including our permissi
 
 We have four types of procedures. Choose the right one based on authentication and permission requirements.
 
+### Participant router
+
+Active hackathon apps mount `participantRouter` from
+`@forge/api/participant` on their own origin. This router exposes only the
+`portal` workflow; it does not import or expose Blade admin procedures.
+
+Participant procedures must accept an explicit `hackathonName`, derive the
+user from `ctx.session`, and resolve the hacker/attendee row on the server.
+Never accept a client-supplied user or hacker ID for self-service operations.
+The host app is responsible for validating its local Better Auth session and
+passing it to `createTRPCContext`.
+
 ### `publicProcedure`
 
 Use when the endpoint doesn't require authentication.
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index 05092d5b4..b3e1cc7b5 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -21,6 +21,7 @@ forge/
 │   ├── auth/          # Authentication setup
 │   ├── db/            # Database schema and client
 │   ├── email/         # Email templates and sending
+│   ├── hackathon/     # Headless participant portal workflows
 │   ├── ui/            # Shared UI components
 │   └── consts/        # Shared constants
 └── tooling/           # Shared configuration
@@ -32,33 +33,42 @@ forge/
 
 ## How Apps Communicate
 
-### Blade as the "Backend"
+### Blade and shared backend packages
 
-While `blade` is technically a Next.js app, it serves as the backend because:
+`blade` is the member and organizer application. It mounts the complete tRPC
+router because it owns administrative workflows such as acceptance, check-in,
+event management, and data exports.
 
-- It contains all write operations (create, update, delete)
-- It handles authentication
-- It manages role-based permissions
-- Other apps only have read access via tRPC
+Hackathon sites may also mount the participant-scoped router and their own
+Better Auth handler. Business procedures, schemas, and identity tables remain
+shared; only the host application and browser session are event-specific.
 
 ### Frontend-Only Apps
 
-Apps like `club`, `guild`, `2025`, and `gemiknights` are frontend-only and interact with `blade` for data:
+Marketing apps such as `club` and archived event sites are primarily
+frontend-only. Active hackathon apps can additionally own authenticated
+participant routes:
 
 - **club**: Reads member count and other club stats
 - **guild**: Reads member profiles for the networking directory
-- **2025/gemiknights**: Primarily static, minimal backend needs
+- **BloomKnights**: Owns participant auth, application, dashboard, and profile
+  routes through the shared participant API
+- **2025/gemiknights**: Archived static sites with minimal backend needs
 
-These apps use tRPC (via `@forge/api`) to make read-only API calls to `blade`.
+Frontend-only apps use tRPC (via `@forge/api`) to make read-only API calls to
+Blade. Active participant portals mount their restricted router locally.
 
 ### Authentication Flow
 
-All authentication is centralized in `blade`:
+Authentication is configured per application through `@forge/auth`:
 
-1. User clicks "Login" on any frontend app
-2. They're redirected to `blade` with a callback URL
-3. `blade` handles Discord OAuth via Better Auth
-4. After authentication, user is redirected to the necessary functional page on Blade
+1. A user starts Discord OAuth on the application they are using.
+2. That app handles the callback on its own origin.
+3. Every app uses the same Better Auth secret, database adapter, Discord
+   provider, and account tables, so the Discord identity resolves to the same
+   Forge user.
+4. Cookies remain host-scoped; signing into or out of one app does not silently
+   change another app's browser session.
 
 ## Shared Packages
 
@@ -87,10 +97,17 @@ Local development applies schema changes with `pnpm db:migrate`. Schema edits sh
 
 Authentication setup using Better Auth with Discord OAuth.
 
-- Currently only used in `blade`
-- Separated as a package for potential future use in other apps
+- Exposes reusable server/client factories for Blade and hackathon apps
 - Handles Discord OAuth flow and session management
 
+### `@forge/hackathon`
+
+Headless participant workflow package used by event applications.
+
+- Owns application, dashboard, profile, and participant tRPC state
+- Exposes no event-specific markup or assets
+- Lets each event app implement a completely independent visual system
+
 ### `@forge/email`
 
 Email system using Listmonk.
diff --git a/packages/api/package.json b/packages/api/package.json
index 2e96d68b7..0743f1281 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -8,6 +8,10 @@
       "types": "./dist/index.d.ts",
       "default": "./src/index.ts"
     },
+    "./participant": {
+      "types": "./dist/participant.d.ts",
+      "default": "./src/participant.ts"
+    },
     "./env": {
       "types": "./dist/env.d.ts",
       "default": "./src/env.ts"
diff --git a/packages/api/src/minio/minio-client.ts b/packages/api/src/minio/minio-client.ts
index e15f6edc1..8707efa1b 100644
--- a/packages/api/src/minio/minio-client.ts
+++ b/packages/api/src/minio/minio-client.ts
@@ -1,11 +1,11 @@
 import { Client } from "minio";
 
-import { env } from "../env";
+import { storageEnv } from "../storage-env";
 
 export const minioClient = new Client({
-  endPoint: env.MINIO_ENDPOINT,
+  endPoint: storageEnv.MINIO_ENDPOINT,
   port: 443,
   useSSL: true,
-  accessKey: env.MINIO_ACCESS_KEY,
-  secretKey: env.MINIO_SECRET_KEY,
+  accessKey: storageEnv.MINIO_ACCESS_KEY,
+  secretKey: storageEnv.MINIO_SECRET_KEY,
 });
diff --git a/packages/api/src/participant-contract.ts b/packages/api/src/participant-contract.ts
new file mode 100644
index 000000000..e9f667c0c
--- /dev/null
+++ b/packages/api/src/participant-contract.ts
@@ -0,0 +1,94 @@
+import type {
+  TRPCMutationProcedure,
+  TRPCQueryProcedure,
+  TRPCRouterRecord,
+} from "@trpc/server";
+
+import type { FORMS } from "@forge/consts";
+import type {
+  SelectEvent,
+  SelectHackathon,
+  SelectHacker,
+  SelectMember,
+} from "@forge/db/schemas/knight-hacks";
+import type { HackerApplicationWireInput } from "@forge/validators";
+
+type HackerStatus = (typeof FORMS.HACKATHON_APPLICATION_STATES)[number];
+interface HackathonInput {
+  hackathonName: string;
+}
+interface ProcedureDef<TInput, TOutput> {
+  input: TInput;
+  output: TOutput;
+  meta: unknown;
+}
+type Query<TInput, TOutput> = TRPCQueryProcedure<ProcedureDef<TInput, TOutput>>;
+type Mutation<TInput, TOutput> = TRPCMutationProcedure<
+  ProcedureDef<TInput, TOutput>
+>;
+
+export type Participant = SelectHacker & {
+  status: HackerStatus;
+  points: number;
+  timeApplied: Date;
+  timeConfirmed: Date | null;
+};
+
+export interface ParticipantDashboard {
+  confirmedCount: number;
+  hackathon: SelectHackathon;
+  participant: Participant | null;
+  pastHackathons: {
+    id: string;
+    name: string;
+    displayName: string;
+    startDate: Date;
+    endDate: Date;
+    status: HackerStatus;
+  }[];
+}
+
+export interface ParticipantApplicationContext {
+  existingApplication: Participant | null;
+  hackathon: SelectHackathon;
+  memberProfile: SelectMember | null;
+  previousHacker: SelectHacker | null;
+}
+
+export type ParticipantScheduleEvent = Pick<
+  SelectEvent,
+  "id" | "name" | "description" | "tag" | "location" | "points"
+> & {
+  startDateTime: Date;
+  endDateTime: Date;
+};
+
+export interface ParticipantPortalContract {
+  getHackathon: Query<HackathonInput, SelectHackathon>;
+  getDashboard: Query<HackathonInput, ParticipantDashboard>;
+  getApplicationContext: Query<HackathonInput, ParticipantApplicationContext>;
+  submitApplication: Mutation<
+    HackerApplicationWireInput & HackathonInput,
+    void
+  >;
+  updateProfile: Mutation<
+    HackerApplicationWireInput & HackathonInput,
+    Participant | null
+  >;
+  uploadResume: Mutation<
+    HackathonInput & { fileName: string; fileContent: string },
+    string
+  >;
+  getResume: Query<HackathonInput, { url: string | null }>;
+  confirmAttendance: Mutation<HackathonInput, { status: "confirmed" }>;
+  withdrawAttendance: Mutation<HackathonInput, { status: "withdrawn" }>;
+  getQRCode: Query<HackathonInput, { qrCodeUrl: string }>;
+  getSchedule: Query<HackathonInput, ParticipantScheduleEvent[]>;
+  reportIssue: Mutation<
+    HackathonInput & { description: string },
+    { submitted: true }
+  >;
+}
+
+export type ParticipantPortalRouterRecord = ParticipantPortalContract &
+  TRPCRouterRecord;
diff --git a/packages/api/src/participant.ts b/packages/api/src/participant.ts
new file mode 100644
index 000000000..07c057522
--- /dev/null
+++ b/packages/api/src/participant.ts
@@ -0,0 +1,41 @@
+import type {
+  inferRouterInputs,
+  inferRouterOutputs,
+  TRPCBuiltRouter,
+  TRPCRouterBuilder,
+  TRPCRouterRecord,
+} from "@trpc/server";
+
+import type { ParticipantPortalRouterRecord } from "./participant-contract";
+import { participantPortalRouter } from "./routers/participant-portal";
+import { createTRPCRouter } from "./trpc";
+
+type ParticipantRootTypes =
+  typeof createTRPCRouter extends TRPCRouterBuilder<infer TRoot>
+    ? TRoot
+    : never;
+export type ParticipantRouter = TRPCBuiltRouter<
+  ParticipantRootTypes,
+  { portal: ParticipantPortalRouterRecord } & TRPCRouterRecord
+>;
+
+export const participantRouter: ParticipantRouter = createTRPCRouter({
+  portal: participantPortalRouter,
+}) as unknown as ParticipantRouter;
+
+export type ParticipantRouterInputs = inferRouterInputs<ParticipantRouter>;
+export type ParticipantRouterOutputs = inferRouterOutputs<ParticipantRouter>;
+
+export function createParticipantCaller(
+  ...args: Parameters<ParticipantRouter["createCaller"]>
+): ReturnType<ParticipantRouter["createCaller"]> {
+  return participantRouter.createCaller(...args);
+}
+
+export type {
+  Participant,
+  ParticipantApplicationContext,
+  ParticipantDashboard,
+  ParticipantScheduleEvent,
+} from "./participant-contract";
+export { createTRPCContext } from "./trpc";
diff --git a/packages/api/src/resume-storage.ts b/packages/api/src/resume-storage.ts
index e30b171e7..c1887c48c 100644
--- a/packages/api/src/resume-storage.ts
+++ b/packages/api/src/resume-storage.ts
@@ -8,19 +8,19 @@ import { db } from "@forge/db/client";
 import { Hacker, Member } from "@forge/db/schemas/knight-hacks";
 import { logger } from "@forge/utils";
 
-import { env } from "./env";
 import {
   getResumeUserPrefix,
   isResumeObjectOwnedByUser,
   isServerGeneratedResumeObjectName,
   RESUME_BUCKET_NAME,
 } from "./resume-security";
+import { storageEnv } from "./storage-env";
 
 export const resumeStorageClient = new Client({
-  endPoint: env.MINIO_ENDPOINT,
+  endPoint: storageEnv.MINIO_ENDPOINT,
   useSSL: true,
-  accessKey: env.MINIO_ACCESS_KEY,
-  secretKey: env.MINIO_SECRET_KEY,
+  accessKey: storageEnv.MINIO_ACCESS_KEY,
+  secretKey: storageEnv.MINIO_SECRET_KEY,
 });
 
 export async function ensureResumeBucketExists() {
diff --git a/packages/api/src/routers/hackathon.ts b/packages/api/src/routers/hackathon.ts
index 08eb58ccb..f47c90d47 100644
--- a/packages/api/src/routers/hackathon.ts
+++ b/packages/api/src/routers/hackathon.ts
@@ -18,7 +18,9 @@ import {
   getHackathonBackgroundIssues,
   getHackathonDateWindowIssues,
   getHackathonEmailTemplateIssues,
+  hackathonConfirmationCapacitySchema,
   hackathonDisplayNameSchema,
+  hackathonPortalBaseUrlSchema,
   hackathonRouteNameSchema,
   hackathonThemeSchema,
 } from "@forge/validators";
@@ -41,6 +43,8 @@ const hackathonMutationInput = z.object({
   applicationBackgroundKey: hackathonApplicationBackgroundKeySchema,
   emailTemplateEnabled: z.boolean().default(false),
   emailTemplateKey: hackathonEmailTemplateKeySchema,
+  portalBaseUrl: hackathonPortalBaseUrlSchema,
+  confirmationCapacity: hackathonConfirmationCapacitySchema,
   applicationOpen: z.coerce.date(),
   applicationDeadline: z.coerce.date(),
   confirmationDeadline: z.coerce.date(),
@@ -94,6 +98,8 @@ function getHackathonMutationValues(
     emailTemplateKey: input.emailTemplateEnabled
       ? input.emailTemplateKey
       : null,
+    portalBaseUrl: input.portalBaseUrl,
+    confirmationCapacity: input.confirmationCapacity,
     applicationOpen: input.applicationOpen,
     applicationDeadline: input.applicationDeadline,
     confirmationDeadline: input.confirmationDeadline,
diff --git a/packages/api/src/routers/hackers/mutations.ts b/packages/api/src/routers/hackers/mutations.ts
index 6f8947c55..d6bf25446 100644
--- a/packages/api/src/routers/hackers/mutations.ts
+++ b/packages/api/src/routers/hackers/mutations.ts
@@ -15,6 +15,7 @@ import {
 import { sendHackathonEmail } from "@forge/email";
 import { logger, permissions } from "@forge/utils";
 import * as discord from "@forge/utils/discord";
+import { hackerApplicationWireSchema } from "@forge/validators";
 
 import { ensureUserQRCode } from "../../qr-code";
 import {
@@ -25,16 +26,7 @@ import { permProcedure, protectedProcedure } from "../../trpc";
 
 export const hackerMutationRouter = {
   createHacker: protectedProcedure
-    .input(
-      z.object({
-        ...InsertHackerSchema.omit({
-          userId: true,
-          age: true,
-          discordUser: true,
-        }).shape,
-        hackathonName: z.string(),
-      }),
-    )
+    .input(hackerApplicationWireSchema.extend({ hackathonName: z.string() }))
     .mutation(async ({ input, ctx }) => {
       const userId = ctx.session.user.id;
       const { hackathonName, ...hackerData } = input;
@@ -175,7 +167,7 @@ export const hackerMutationRouter = {
       }
     }),
 
-  updateHacker: protectedProcedure
+  updateHacker: permProcedure
     .input(
       InsertHackerSchema.omit({
         userId: true,
@@ -184,6 +176,8 @@ export const hackerMutationRouter = {
       }),
     )
     .mutation(async ({ input, ctx }) => {
+      permissions.controlPerms.or(["EDIT_HACKERS"], ctx);
+
       if (!input.id) {
         throw new TRPCError({
           message: "Hacker ID is required to update a member!",
@@ -225,7 +219,7 @@ export const hackerMutationRouter = {
           ? undefined
           : await normalizeResumeObjectNameForPersistence(
               updateData.resumeUrl,
-              ctx.session.user.id,
+              hacker.userId,
             );
 
       await db
@@ -237,9 +231,9 @@ export const hackerMutationRouter = {
           age: newAge,
           phoneNumber: normalizedPhone,
         })
-        .where(eq(Hacker.userId, ctx.session.user.id));
+        .where(eq(Hacker.id, id));
       if (isResumeChanged) {
-        await removeUnreferencedResumeObjectsForUser(ctx.session.user.id);
+        await removeUnreferencedResumeObjectsForUser(hacker.userId);
       }
 
       // Create a log of the changes for logger
@@ -309,6 +303,11 @@ export const hackerMutationRouter = {
         });
       }
 
+      const hacker = await db.query.Hacker.findFirst({
+        columns: { userId: true },
+        where: (table, { eq }) => eq(table.id, input.id ?? ""),
+      });
+
       await db.delete(Hacker).where(eq(Hacker.id, input.id));
 
       await discord.log({
@@ -318,8 +317,8 @@ export const hackerMutationRouter = {
         userId: ctx.session.user.discordUserId,
       });
 
-      if (ctx.session.user.id) {
-        await db.delete(Session).where(eq(Session.userId, ctx.session.user.id));
+      if (hacker?.userId) {
+        await db.delete(Session).where(eq(Session.userId, hacker.userId));
       }
     }),
 
diff --git a/packages/api/src/routers/participant-portal.ts b/packages/api/src/routers/participant-portal.ts
new file mode 100644
index 000000000..a78056e87
--- /dev/null
+++ b/packages/api/src/routers/participant-portal.ts
@@ -0,0 +1,545 @@
+import type { TRPCBuiltRouter, TRPCRouterBuilder } from "@trpc/server";
+import { TRPCError } from "@trpc/server";
+import QRCode from "qrcode";
+import { z } from "zod";
+
+import { DISCORD } from "@forge/consts";
+import {
+  and,
+  asc,
+  count,
+  desc,
+  eq,
+  getTableColumns,
+  inArray,
+  lt,
+  sql,
+} from "@forge/db";
+import { db } from "@forge/db/client";
+import {
+  Event,
+  Hackathon,
+  Hacker,
+  HackerAttendee,
+} from "@forge/db/schemas/knight-hacks";
+import { sendHackathonEmail } from "@forge/email";
+import { logger } from "@forge/utils";
+import * as discord from "@forge/utils/discord";
+import { hackerApplicationWireSchema } from "@forge/validators";
+
+import type {
+  ParticipantPortalContract,
+  ParticipantPortalRouterRecord,
+} from "../participant-contract";
+import { getUserQRCodePayload } from "../qr-code";
+import {
+  createResumeObjectName,
+  decodeAndValidateResumeDataUrl,
+  MAX_RESUME_DATA_URL_LENGTH,
+  normalizeOwnedResumeObjectName,
+  RESUME_BUCKET_NAME,
+} from "../resume-security";
+import {
+  ensureResumeBucketExists,
+  normalizeResumeObjectNameForPersistence,
+  removeUnreferencedResumeObjectsForUser,
+  resumeStorageClient,
+} from "../resume-storage";
+import { createTRPCRouter, protectedProcedure, publicProcedure } from "../trpc";
+import { hackerMutationRouter } from "./hackers/mutations";
+
+const hackathonInput = z.object({ hackathonName: z.string().min(1) });
+
+async function requireHackathon(hackathonName: string) {
+  const hackathon = await db.query.Hackathon.findFirst({
+    where: (table, { eq }) => eq(table.name, hackathonName),
+  });
+
+  if (!hackathon) {
+    throw new TRPCError({ code: "NOT_FOUND", message: "Hackathon not found." });
+  }
+
+  return hackathon;
+}
+
+async function getParticipant(hackathonId: string, userId: string) {
+  const [participant] = await db
+    .select({
+      ...getTableColumns(Hacker),
+      status: HackerAttendee.status,
+      points: HackerAttendee.points,
+      timeApplied: HackerAttendee.timeApplied,
+      timeConfirmed: HackerAttendee.timeConfirmed,
+    })
+    .from(Hacker)
+    .innerJoin(HackerAttendee, eq(HackerAttendee.hackerId, Hacker.id))
+    .where(
+      and(
+        eq(Hacker.userId, userId),
+        eq(HackerAttendee.hackathonId, hackathonId),
+      ),
+    )
+    .limit(1);
+
+  return participant ?? null;
+}
+
+const participantPortalRouterImplementation = {
+  getHackathon: publicProcedure
+    .input(hackathonInput)
+    .query(async ({ input }) => requireHackathon(input.hackathonName)),
+
+  getDashboard: protectedProcedure
+    .input(hackathonInput)
+    .query(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+      const [{ confirmedCount = 0 } = {}] = await db
+        .select({ confirmedCount: count() })
+        .from(HackerAttendee)
+        .where(
+          and(
+            eq(HackerAttendee.hackathonId, hackathon.id),
+            inArray(HackerAttendee.status, ["confirmed", "checkedin"]),
+          ),
+        );
+
+      const pastHackathons = await db
+        .select({
+          id: Hackathon.id,
+          name: Hackathon.name,
+          displayName: Hackathon.displayName,
+          startDate: Hackathon.startDate,
+          endDate: Hackathon.endDate,
+          status: HackerAttendee.status,
+        })
+        .from(Hackathon)
+        .innerJoin(HackerAttendee, eq(Hackathon.id, HackerAttendee.hackathonId))
+        .innerJoin(Hacker, eq(HackerAttendee.hackerId, Hacker.id))
+        .where(
+          and(
+            eq(Hacker.userId, ctx.session.user.id),
+            lt(Hackathon.endDate, new Date()),
+          ),
+        )
+        .orderBy(desc(Hackathon.startDate));
+
+      return {
+        confirmedCount: Number(confirmedCount),
+        hackathon,
+        participant,
+        pastHackathons,
+      };
+    }),
+
+  getApplicationContext: protectedProcedure
+    .input(hackathonInput)
+    .query(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const [existingApplication, previousHacker, memberProfile] =
+        await Promise.all([
+          getParticipant(hackathon.id, ctx.session.user.id),
+          db.query.Hacker.findFirst({
+            orderBy: (table, { desc }) => [
+              desc(table.dateCreated),
+              desc(table.timeCreated),
+            ],
+            where: (table, { eq }) => eq(table.userId, ctx.session.user.id),
+          }),
+          db.query.Member.findFirst({
+            where: (table, { eq }) => eq(table.userId, ctx.session.user.id),
+          }),
+        ]);
+
+      return {
+        existingApplication,
+        hackathon,
+        memberProfile: memberProfile ?? null,
+        previousHacker: previousHacker ?? null,
+      };
+    }),
+
+  submitApplication: hackerMutationRouter.createHacker,
+
+  updateProfile: protectedProcedure
+    .input(
+      hackerApplicationWireSchema.extend({
+        hackathonName: z.string().min(1),
+      }),
+    )
+    .mutation(async ({ input, ctx }) => {
+      const { hackathonName, dob, phoneNumber, ...profile } = input;
+      const hackathon = await requireHackathon(hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+
+      if (!participant) {
+        throw new TRPCError({
+          code: "NOT_FOUND",
+          message: "Application not found.",
+        });
+      }
+
+      const today = new Date();
+      const birthDate = new Date(dob);
+      const birthdayPassed =
+        birthDate.getMonth() < today.getMonth() ||
+        (birthDate.getMonth() === today.getMonth() &&
+          birthDate.getDate() <= today.getDate());
+      const age =
+        today.getFullYear() -
+        birthDate.getFullYear() -
+        (birthdayPassed ? 0 : 1);
+      const normalizedResume =
+        profile.resumeUrl === participant.resumeUrl
+          ? participant.resumeUrl
+          : await normalizeResumeObjectNameForPersistence(
+              profile.resumeUrl,
+              ctx.session.user.id,
+            );
+
+      await db
+        .update(Hacker)
+        .set({
+          ...profile,
+          age,
+          dob,
+          phoneNumber: phoneNumber === "" ? "" : phoneNumber,
+          resumeUrl: normalizedResume,
+        })
+        .where(
+          and(
+            eq(Hacker.id, participant.id),
+            eq(Hacker.userId, ctx.session.user.id),
+          ),
+        );
+
+      await removeUnreferencedResumeObjectsForUser(ctx.session.user.id);
+      return getParticipant(hackathon.id, ctx.session.user.id);
+    }),
+
+  uploadResume: protectedProcedure
+    .input(
+      hackathonInput.extend({
+        fileName: z.string().min(1),
+        fileContent: z.string().max(MAX_RESUME_DATA_URL_LENGTH),
+      }),
+    )
+    .mutation(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const now = new Date();
+      if (now < hackathon.applicationOpen || now > hackathon.endDate) {
+        throw new TRPCError({
+          code: "FORBIDDEN",
+          message: "Resume uploads are not available for this hackathon.",
+        });
+      }
+
+      const fileBuffer = decodeAndValidateResumeDataUrl(input.fileContent);
+      const filePath = createResumeObjectName(ctx.session.user.id);
+      await ensureResumeBucketExists();
+      await resumeStorageClient.putObject(
+        RESUME_BUCKET_NAME,
+        filePath,
+        fileBuffer,
+        fileBuffer.length,
+        { "Content-Type": "application/pdf" },
+      );
+      return filePath;
+    }),
+
+  getResume: protectedProcedure
+    .input(hackathonInput)
+    .query(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+      if (!participant) return { url: null };
+
+      const filename = normalizeOwnedResumeObjectName(
+        participant.resumeUrl,
+        ctx.session.user.id,
+      );
+      if (!filename) return { url: null };
+
+      try {
+        const url = await resumeStorageClient.presignedUrl(
+          "GET",
+          RESUME_BUCKET_NAME,
+          filename,
+          60 * 60,
+        );
+        return { url };
+      } catch {
+        throw new TRPCError({
+          code: "INTERNAL_SERVER_ERROR",
+          message: "Could not generate resume URL.",
+        });
+      }
+    }),
+
+  confirmAttendance: protectedProcedure
+    .input(hackathonInput)
+    .mutation(async ({ input, ctx }) => {
+      const result = await db.transaction(async (tx) => {
+        await tx.execute(
+          sql`select ${Hackathon.id} from ${Hackathon} where ${Hackathon.name} = ${input.hackathonName} for update`,
+        );
+        const hackathon = await tx.query.Hackathon.findFirst({
+          where: (table, { eq }) => eq(table.name, input.hackathonName),
+        });
+        if (!hackathon) {
+          throw new TRPCError({
+            code: "NOT_FOUND",
+            message: "Hackathon not found.",
+          });
+        }
+
+        const [participant] = await tx
+          .select({
+            id: Hacker.id,
+            firstName: Hacker.firstName,
+            email: Hacker.email,
+            status: HackerAttendee.status,
+          })
+          .from(Hacker)
+          .innerJoin(HackerAttendee, eq(HackerAttendee.hackerId, Hacker.id))
+          .where(
+            and(
+              eq(Hacker.userId, ctx.session.user.id),
+              eq(HackerAttendee.hackathonId, hackathon.id),
+            ),
+          )
+          .limit(1);
+
+        if (!participant) {
+          throw new TRPCError({
+            code: "NOT_FOUND",
+            message: "Application not found.",
+          });
+        }
+        if (participant.status !== "accepted") {
+          throw new TRPCError({
+            code: "CONFLICT",
+            message: "Only accepted hackers can confirm attendance.",
+          });
+        }
+        if (new Date() > hackathon.confirmationDeadline) {
+          throw new TRPCError({
+            code: "FORBIDDEN",
+            message: "The confirmation deadline has passed.",
+          });
+        }
+
+        if (hackathon.confirmationCapacity != null) {
+          const [{ total = 0 } = {}] = await tx
+            .select({ total: count() })
+            .from(HackerAttendee)
+            .where(
+              and(
+                eq(HackerAttendee.hackathonId, hackathon.id),
+                inArray(HackerAttendee.status, ["confirmed", "checkedin"]),
+              ),
+            );
+          if (Number(total) >= hackathon.confirmationCapacity) {
+            throw new TRPCError({
+              code: "CONFLICT",
+              message: "This hackathon has reached confirmation capacity.",
+            });
+          }
+        }
+
+        await tx
+          .update(HackerAttendee)
+          .set({ status: "confirmed", timeConfirmed: new Date() })
+          .where(
+            and(
+              eq(HackerAttendee.hackerId, participant.id),
+              eq(HackerAttendee.hackathonId, hackathon.id),
+            ),
+          );
+
+        return { hackathon, participant };
+      });
+
+      try {
+        await sendHackathonEmail({
+          from: "donotreply@knighthacks.org",
+          hackathon: {
+            applicationBackgroundKey: result.hackathon.applicationBackgroundKey,
+            displayName: result.hackathon.displayName,
+            emailTemplateKey: result.hackathon.emailTemplateEnabled
+              ? result.hackathon.emailTemplateKey
+              : null,
+            routeName: result.hackathon.name,
+            theme: result.hackathon.theme,
+          },
+          kind: "Confirmation",
+          recipient: {
+            name: result.participant.firstName,
+            to: result.participant.email,
+          },
+        });
+      } catch (error) {
+        logger.warn("Failed to send hackathon confirmation email:", error);
+      }
+
+      try {
+        await discord.log({
+          title: `Hacker Confirmed for ${result.hackathon.displayName}`,
+          message: `${result.participant.firstName} has confirmed attendance.`,
+          color: "success_green",
+          userId: ctx.session.user.discordUserId,
+        });
+      } catch (error) {
+        logger.warn("Failed to log hacker confirmation to Discord:", error);
+      }
+
+      return { status: "confirmed" as const };
+    }),
+
+  withdrawAttendance: protectedProcedure
+    .input(hackathonInput)
+    .mutation(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+      if (!participant) {
+        throw new TRPCError({
+          code: "NOT_FOUND",
+          message: "Application not found.",
+        });
+      }
+      if (participant.status !== "confirmed") {
+        throw new TRPCError({
+          code: "CONFLICT",
+          message: "Only confirmed hackers can withdraw attendance.",
+        });
+      }
+
+      await db
+        .update(HackerAttendee)
+        .set({ status: "withdrawn", timeConfirmed: null })
+        .where(
+          and(
+            eq(HackerAttendee.hackerId, participant.id),
+            eq(HackerAttendee.hackathonId, hackathon.id),
+          ),
+        );
+      return { status: "withdrawn" as const };
+    }),
+
+  getQRCode: protectedProcedure
+    .input(hackathonInput)
+    .query(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+      if (!participant) {
+        throw new TRPCError({
+          code: "NOT_FOUND",
+          message: "Application not found.",
+        });
+      }
+      if (
+        participant.status !== "confirmed" &&
+        participant.status !== "checkedin"
+      ) {
+        throw new TRPCError({
+          code: "FORBIDDEN",
+          message: "The hacker QR code is available after confirmation.",
+        });
+      }
+      return {
+        qrCodeUrl: await QRCode.toDataURL(
+          getUserQRCodePayload(ctx.session.user.id),
+          { type: "image/png" },
+        ),
+      };
+    }),
+
+  getSchedule: protectedProcedure
+    .input(hackathonInput)
+    .query(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+      if (participant?.status !== "checkedin") {
+        throw new TRPCError({
+          code: "FORBIDDEN",
+          message: "The event schedule is available after check-in.",
+        });
+      }
+
+      return db
+        .select({
+          id: Event.id,
+          name: Event.name,
+          description: Event.description,
+          tag: Event.tag,
+          location: Event.location,
+          points: Event.points,
+          startDateTime: Event.start_datetime,
+          endDateTime: Event.end_datetime,
+        })
+        .from(Event)
+        .where(eq(Event.hackathonId, hackathon.id))
+        .orderBy(asc(Event.start_datetime));
+    }),
+
+  reportIssue: protectedProcedure
+    .input(
+      hackathonInput.extend({
+        description: z.string().trim().min(1).max(2_000),
+      }),
+    )
+    .mutation(async ({ input, ctx }) => {
+      const hackathon = await requireHackathon(input.hackathonName);
+      const participant = await getParticipant(
+        hackathon.id,
+        ctx.session.user.id,
+      );
+      if (participant?.status !== "checkedin") {
+        throw new TRPCError({
+          code: "FORBIDDEN",
+          message: "Issue reporting is available after check-in.",
+        });
+      }
+
+      await discord.log({
+        message: `<@&${DISCORD.OFFICER_ROLE}> [${hackathon.displayName}] ${input.description}`,
+        title: "Hackathon Issue",
+        color: "uhoh_red",
+        userId: ctx.session.user.discordUserId,
+      });
+      return { submitted: true };
+    }),
+} satisfies ParticipantPortalContract;
+
+type ParticipantRootTypes =
+  typeof createTRPCRouter extends TRPCRouterBuilder<infer TRoot>
+    ? TRoot
+    : never;
+
+export const participantPortalRouter: TRPCBuiltRouter<
+  ParticipantRootTypes,
+  ParticipantPortalRouterRecord
+> = createTRPCRouter(
+  participantPortalRouterImplementation,
+) as unknown as TRPCBuiltRouter<
+  ParticipantRootTypes,
+  ParticipantPortalRouterRecord
+>;
diff --git a/packages/api/src/storage-env.ts b/packages/api/src/storage-env.ts
new file mode 100644
index 000000000..6b54ef6c5
--- /dev/null
+++ b/packages/api/src/storage-env.ts
@@ -0,0 +1,14 @@
+/* eslint-disable no-restricted-properties */
+import { createEnv } from "@t3-oss/env-core";
+import { z } from "zod";
+
+export const storageEnv = createEnv({
+  server: {
+    MINIO_ENDPOINT: z.string(),
+    MINIO_ACCESS_KEY: z.string(),
+    MINIO_SECRET_KEY: z.string(),
+  },
+  runtimeEnv: process.env,
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/packages/api/src/trpc.ts b/packages/api/src/trpc.ts
index 904280825..9f88d7aec 100644
--- a/packages/api/src/trpc.ts
+++ b/packages/api/src/trpc.ts
@@ -13,7 +13,6 @@ import superjson from "superjson";
 import { ZodError } from "zod";
 
 import type { Session } from "@forge/auth/server";
-import { validateToken } from "@forge/auth/server";
 import { PERMISSIONS } from "@forge/consts";
 import { eq, sql } from "@forge/db";
 import { db } from "@forge/db/client";
@@ -33,12 +32,12 @@ import * as permissionsServer from "@forge/utils/permissions.server";
  *
  * @see https://trpc.io/docs/server/context
  */
-export const createTRPCContext = async (opts: {
+export const createTRPCContext = (opts: {
   headers: Headers;
   session: Session | null;
 }) => {
   const authToken = opts.headers.get("Authorization") ?? null;
-  const session = await validateToken();
+  const session = opts.session;
   const source = opts.headers.get("x-trpc-source") ?? "unknown";
   console.log(">>> tRPC Request from", source, "by", session?.user);
 
diff --git a/packages/auth/package.json b/packages/auth/package.json
index 1ed53276b..071fdcbfe 100644
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -9,6 +9,9 @@
       "default": "./src/index.ts"
     },
     "./server": "./src/index.rsc.ts",
+    "./factory": "./src/factory.ts",
+    "./server-factory": "./src/server-factory.ts",
+    "./client-factory": "./src/client-factory.ts",
     "./env": "./src/env.ts"
   },
   "license": "MIT",
diff --git a/packages/auth/src/callback-url.ts b/packages/auth/src/callback-url.ts
index 2b2a596d6..a45868f80 100644
--- a/packages/auth/src/callback-url.ts
+++ b/packages/auth/src/callback-url.ts
@@ -1,24 +1,24 @@
-import { env } from "./env";
-
-const HOME_PATH = "/";
-
-export function sanitizeCallbackURL(callbackURL?: string | null): string {
-  if (!callbackURL) return HOME_PATH;
+export function sanitizeCallbackURL(
+  callbackURL: string | null | undefined,
+  appBaseURL: string,
+  defaultPath = "/",
+): string {
+  if (!callbackURL) return defaultPath;
 
   try {
-    const appURL = new URL(env.NEXT_PUBLIC_BLADE_URL);
+    const appURL = new URL(appBaseURL);
     const resolved = new URL(callbackURL, appURL);
 
     if (resolved.origin !== appURL.origin) {
-      return HOME_PATH;
+      return defaultPath;
     }
 
     if (!resolved.pathname.startsWith("/")) {
-      return HOME_PATH;
+      return defaultPath;
     }
 
     return `${resolved.pathname}${resolved.search}`;
   } catch {
-    return HOME_PATH;
+    return defaultPath;
   }
 }
diff --git a/packages/auth/src/client-factory.ts b/packages/auth/src/client-factory.ts
new file mode 100644
index 000000000..47dd75247
--- /dev/null
+++ b/packages/auth/src/client-factory.ts
@@ -0,0 +1,69 @@
+import { createAuthClient } from "better-auth/react";
+
+import { sanitizeCallbackURL } from "./callback-url";
+
+export interface ForgeAuthClientOptions {
+  baseURL?: string;
+  defaultRedirectPath?: string;
+}
+
+export function createForgeAuthClient({
+  baseURL,
+  defaultRedirectPath = "/",
+}: ForgeAuthClientOptions = {}) {
+  const authClient = createAuthClient({
+    ...(baseURL ? { baseURL } : {}),
+    plugins: [
+      {
+        id: "discord-user",
+        $InferServerPlugin: {} as {
+          id: string;
+          schema: {
+            user: {
+              fields: {
+                discordUserId: { type: "string" };
+              };
+            };
+          };
+        },
+      },
+    ],
+  });
+
+  const resolveBaseURL = () =>
+    baseURL ??
+    (typeof window === "undefined"
+      ? "http://localhost"
+      : window.location.origin);
+
+  const auth = async () => {
+    const session = await authClient.getSession();
+    return session.data ?? null;
+  };
+
+  const signIn = async (
+    provider: string,
+    { redirectTo }: { redirectTo: string },
+  ) => {
+    const callbackURL = sanitizeCallbackURL(
+      redirectTo,
+      resolveBaseURL(),
+      defaultRedirectPath,
+    );
+    const errorURL = new URL(callbackURL, resolveBaseURL());
+    errorURL.searchParams.set("authError", "oauth");
+
+    await authClient.signIn.social({
+      provider,
+      callbackURL,
+      errorCallbackURL: `${errorURL.pathname}${errorURL.search}`,
+    });
+  };
+
+  const signOut = async ({ redirectTo = "/" } = {}) => {
+    await authClient.signOut();
+    if (typeof window !== "undefined") window.location.assign(redirectTo);
+  };
+
+  return { auth, authClient, signIn, signOut };
+}
diff --git a/packages/auth/src/config.ts b/packages/auth/src/config.ts
deleted file mode 100644
index 41ce503d7..000000000
--- a/packages/auth/src/config.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { randomUUID } from "crypto";
-import { headers } from "next/headers";
-import { betterAuth } from "better-auth";
-import { drizzleAdapter } from "better-auth/adapters/drizzle";
-import { eq } from "drizzle-orm";
-
-import { db } from "@forge/db/client";
-import { Account, Session, User, Verifications } from "@forge/db/schemas/auth";
-
-import * as discord from "../../utils/src/discord";
-import { env } from "./env";
-
-export const isSecureContext = env.NODE_ENV !== "development";
-
-export const auth = betterAuth({
-  database: drizzleAdapter(db, {
-    provider: "pg",
-    schema: {
-      user: User,
-      account: Account,
-      session: Session,
-      verification: Verifications,
-    },
-  }),
-  secret: env.BETTER_AUTH_SECRET,
-
-  session: {
-    fields: {
-      expiresAt: "expires",
-      token: "sessionToken",
-    },
-  },
-
-  account: {
-    fields: {
-      accountId: "providerAccountId",
-      providerId: "provider",
-      refreshToken: "refresh_token",
-      accessToken: "access_token",
-      accessTokenExpiresAt: "expires_at",
-      idToken: "id_token",
-    },
-  },
-
-  socialProviders: {
-    discord: {
-      clientId: env.DISCORD_CLIENT_ID,
-      clientSecret: env.DISCORD_CLIENT_SECRET,
-      scope: ["guilds.join"],
-      mapProfileToUser: (profile) => {
-        return {
-          id: randomUUID(),
-          name: profile.username,
-          email: profile.id + "@blade.org",
-          image: profile.avatar ?? "",
-          emailVerified: profile.verified || false,
-          discordUserId: profile.id,
-        };
-      },
-    },
-  },
-
-  databaseHooks: {
-    session: {
-      create: {
-        after: async (session) => {
-          try {
-            const user = await db.query.User.findFirst({
-              where: eq(User.id, session.userId),
-            });
-
-            const discordUserId = user?.discordUserId;
-            if (!discordUserId) return;
-
-            await discord.handleDiscordOAuthCallback(discordUserId);
-          } catch (error) {
-            // TODO: remove this eslint-disable
-            // eslint-disable-next-line no-console
-            console.error("Error in Discord auto join hook:", error);
-          }
-        },
-      },
-    },
-  },
-
-  baseURL:
-    env.NODE_ENV === "production" ? env.BLADE_URL : "http://localhost:3000",
-  user: {
-    additionalFields: {
-      discordUserId: {
-        type: "string",
-        required: true,
-      },
-    },
-  },
-
-  advanced: {
-    useSecureCookies: isSecureContext,
-    database: {
-      generateId: () => randomUUID(),
-    },
-  },
-});
-
-export const validateToken = async () => {
-  const headersList = await headers();
-  const session = await auth.api.getSession({ headers: headersList });
-
-  if (!session) return null;
-  return {
-    user: session.user,
-    session: session.session,
-    expires: session.session.expiresAt.toISOString(),
-  };
-};
-
-export const invalidateSessionToken = async (token: string) => {
-  const sessionToken = token.replace(/^Bearer\s+/i, "");
-  await auth.api.revokeSession({
-    body: { token: sessionToken },
-    headers: new Headers({ Authorization: `Bearer ${sessionToken}` }),
-  });
-};
diff --git a/packages/auth/src/env.ts b/packages/auth/src/env.ts
index 8568750ed..23d86d065 100644
--- a/packages/auth/src/env.ts
+++ b/packages/auth/src/env.ts
@@ -1,24 +1,13 @@
 import { createEnv } from "@t3-oss/env-nextjs";
 import { z } from "zod";
 
+import { authSharedEnv } from "./shared-env";
+
 export const env = createEnv({
-  server: {
-    DISCORD_CLIENT_ID: z.string().min(1),
-    DISCORD_CLIENT_SECRET: z.string().min(1),
-    BETTER_AUTH_SECRET:
-      process.env.NODE_ENV === "production"
-        ? z.string().min(1)
-        : z.string().min(1).optional(),
-    BLADE_URL: z.string(),
-  },
-  client: {
-    NEXT_PUBLIC_BLADE_URL: z.string().url(),
-  },
-  shared: {
-    NODE_ENV: z.enum(["development", "production"]).optional(),
-  },
+  extends: [authSharedEnv],
+  server: { BLADE_URL: z.string().url() },
+  client: { NEXT_PUBLIC_BLADE_URL: z.string().url() },
   experimental__runtimeEnv: {
-    NODE_ENV: process.env.NODE_ENV,
     NEXT_PUBLIC_BLADE_URL:
       process.env.NEXT_PUBLIC_BLADE_URL || "http://localhost:3000",
   },
diff --git a/packages/auth/src/factory.ts b/packages/auth/src/factory.ts
new file mode 100644
index 000000000..0dc7c381f
--- /dev/null
+++ b/packages/auth/src/factory.ts
@@ -0,0 +1,113 @@
+import { randomUUID } from "crypto";
+import { betterAuth } from "better-auth";
+import { drizzleAdapter } from "better-auth/adapters/drizzle";
+import { eq } from "drizzle-orm";
+
+import { db } from "@forge/db/client";
+import { Account, Session, User, Verifications } from "@forge/db/schemas/auth";
+
+import * as discord from "../../utils/src/discord";
+import { authSharedEnv } from "./shared-env";
+
+export interface ForgeAuthOptions {
+  baseURL: string;
+}
+
+export const isSecureContext = authSharedEnv.NODE_ENV !== "development";
+
+export function createForgeAuth({ baseURL }: ForgeAuthOptions) {
+  return betterAuth({
+    database: drizzleAdapter(db, {
+      provider: "pg",
+      schema: {
+        user: User,
+        account: Account,
+        session: Session,
+        verification: Verifications,
+      },
+    }),
+    secret: authSharedEnv.BETTER_AUTH_SECRET,
+
+    session: {
+      fields: {
+        expiresAt: "expires",
+        token: "sessionToken",
+      },
+    },
+
+    account: {
+      fields: {
+        accountId: "providerAccountId",
+        providerId: "provider",
+        refreshToken: "refresh_token",
+        accessToken: "access_token",
+        accessTokenExpiresAt: "expires_at",
+        idToken: "id_token",
+      },
+    },
+
+    socialProviders: {
+      discord: {
+        clientId: authSharedEnv.DISCORD_CLIENT_ID,
+        clientSecret: authSharedEnv.DISCORD_CLIENT_SECRET,
+        scope: ["guilds.join"],
+        mapProfileToUser: (profile) => ({
+          id: randomUUID(),
+          name: profile.username,
+          email: profile.id + "@blade.org",
+          image: profile.avatar ?? "",
+          emailVerified: profile.verified || false,
+          discordUserId: profile.id,
+        }),
+      },
+    },
+
+    databaseHooks: {
+      session: {
+        create: {
+          after: async (session) => {
+            try {
+              const user = await db.query.User.findFirst({
+                where: eq(User.id, session.userId),
+              });
+
+              if (user?.discordUserId) {
+                await discord.handleDiscordOAuthCallback(user.discordUserId);
+              }
+            } catch (error) {
+              // eslint-disable-next-line no-console
+              console.error("Error in Discord auto join hook:", error);
+            }
+          },
+        },
+      },
+    },
+
+    baseURL,
+    user: {
+      additionalFields: {
+        discordUserId: {
+          type: "string",
+          required: true,
+        },
+      },
+    },
+
+    advanced: {
+      useSecureCookies: isSecureContext,
+      database: {
+        generateId: () => randomUUID(),
+      },
+    },
+  });
+}
+
+export type ForgeAuthInstance = ReturnType<typeof createForgeAuth>;
+export type ForgeAuthSession = Omit<
+  ForgeAuthInstance["$Infer"]["Session"],
+  "user"
+> & {
+  user: ForgeAuthInstance["$Infer"]["Session"]["user"] & {
+    discordUserId: string;
+  };
+};
diff --git a/packages/auth/src/index.rsc.ts b/packages/auth/src/index.rsc.ts
index 172e60271..f52e746af 100644
--- a/packages/auth/src/index.rsc.ts
+++ b/packages/auth/src/index.rsc.ts
@@ -1,90 +1,20 @@
-import { headers } from "next/headers";
-import { redirect } from "next/navigation";
-import { NextResponse } from "next/server";
-import { toNextJsHandler } from "better-auth/next-js";
+import type { ForgeAuthSession } from "./factory";
+import { env } from "./env";
+import { createForgeAuthServer } from "./server-factory";
+
+const bladeAuth = createForgeAuthServer({
+  baseURL:
+    env.NODE_ENV === "production" ? env.BLADE_URL : "http://localhost:3000",
+});
 
-import { sanitizeCallbackURL } from "./callback-url";
-import {
-  auth as betterAuthInstance,
+export const {
+  auth,
+  handlers,
   invalidateSessionToken,
   isSecureContext,
+  signIn,
+  signInRoute,
   validateToken,
-} from "./config";
-import { env } from "./env";
-
-export { validateToken, invalidateSessionToken, isSecureContext };
-
-export type Session = Omit<typeof betterAuthInstance.$Infer.Session, "user"> & {
-  user: (typeof betterAuthInstance.$Infer.Session)["user"] & {
-    discordUserId: string;
-  };
-};
-
-export const handlers = toNextJsHandler(betterAuthInstance);
-
-export const auth = async () => {
-  try {
-    const headersList = await headers();
-    const sess = await betterAuthInstance.api.getSession({
-      headers: headersList,
-    });
-    return sess;
-  } catch {
-    return null;
-  }
-};
-
-export async function signInRoute(req: Request) {
-  const url = new URL(req.url);
-  const provider = url.searchParams.get("provider");
-  const callbackURL = sanitizeCallbackURL(url.searchParams.get("callbackURL"));
-
-  if (!provider) {
-    return NextResponse.json(
-      { error: "Missing provider parameter" },
-      { status: 400 },
-    );
-  }
-
-  if (provider !== "discord") {
-    return NextResponse.json(
-      { error: "Unsupported provider parameter" },
-      { status: 400 },
-    );
-  }
-
-  // Call Better Auth API
-  const res = await betterAuthInstance.api.signInSocial({
-    body: {
-      provider,
-      callbackURL,
-    },
-    asResponse: true,
-  });
-
-  const data = (await res.json()) as { url?: string };
-  if (!data.url) {
-    return NextResponse.json(
-      { error: "Failed to get redirect URL from Better Auth" },
-      { status: 500 },
-    );
-  }
-
-  // Forward cookies and redirect
-  const response = NextResponse.redirect(data.url);
-  const setCookie = res.headers.get("set-cookie");
-  if (setCookie) response.headers.set("set-cookie", setCookie);
-
-  return response;
-}
+} = bladeAuth;
 
-export const signIn = (
-  provider: string,
-  { redirectTo }: { redirectTo: string },
-) => {
-  redirect(
-    `${env.NEXT_PUBLIC_BLADE_URL}/api/auth/signin?provider=${encodeURIComponent(
-      provider,
-    )}&callbackURL=${encodeURIComponent(sanitizeCallbackURL(redirectTo))}`,
-  );
-};
+export type Session = ForgeAuthSession;
diff --git a/packages/auth/src/index.ts b/packages/auth/src/index.ts
index f0640b4fe..e01cd91a8 100644
--- a/packages/auth/src/index.ts
+++ b/packages/auth/src/index.ts
@@ -1,44 +1,8 @@
-import { createAuthClient } from "better-auth/react";
-
-import { sanitizeCallbackURL } from "./callback-url";
+import { createForgeAuthClient } from "./client-factory";
 import { env } from "./env";
 
-export const authClient = createAuthClient({
+const bladeAuthClient = createForgeAuthClient({
   baseURL: env.NEXT_PUBLIC_BLADE_URL,
-  plugins: [
-    {
-      id: "discord-user",
-      $InferServerPlugin: {} as {
-        id: string;
-        schema: {
-          user: {
-            fields: {
-              discordUserId: { type: "string" };
-            };
-          };
-        };
-      },
-    },
-  ],
 });
 
-export const auth = async () => {
-  const sess = await authClient.getSession();
-  if (!sess.data) return null;
-  return sess.data;
-};
-
-export const signIn = async (
-  provider: string,
-  { redirectTo }: { redirectTo: string },
-) => {
-  await authClient.signIn.social({
-    provider: provider,
-    callbackURL: sanitizeCallbackURL(redirectTo),
-  });
-};
-
-export const signOut = async () => {
-  await authClient.signOut();
-  if (typeof window !== "undefined") window.location.reload();
-};
+export const { auth, authClient, signIn, signOut } = bladeAuthClient;
diff --git a/packages/auth/src/server-factory.ts b/packages/auth/src/server-factory.ts
new file mode 100644
index 000000000..dca865bfd
--- /dev/null
+++ b/packages/auth/src/server-factory.ts
@@ -0,0 +1,115 @@
+import { headers } from "next/headers";
+import { redirect } from "next/navigation";
+import { NextResponse } from "next/server";
+import { toNextJsHandler } from "better-auth/next-js";
+
+import type { ForgeAuthSession } from "./factory";
+import { sanitizeCallbackURL } from "./callback-url";
+import { createForgeAuth, isSecureContext } from "./factory";
+
+export interface ForgeAuthServerOptions {
+  baseURL: string;
+  defaultRedirectPath?: string;
+}
+
+export function createForgeAuthServer({
+  baseURL,
+  defaultRedirectPath = "/",
+}: ForgeAuthServerOptions) {
+  const authInstance = createForgeAuth({ baseURL });
+  const handlers = toNextJsHandler(authInstance);
+
+  const auth = async () => {
+    try {
+      return await authInstance.api.getSession({ headers: await headers() });
+    } catch {
+      return null;
+    }
+  };
+
+  const validateToken = async (): Promise<ForgeAuthSession | null> => {
+    const session = await auth();
+    if (!session) return null;
+
+    return {
+      user: session.user,
+      session: session.session,
+      expires: session.session.expiresAt.toISOString(),
+    } as ForgeAuthSession;
+  };
+
+  const invalidateSessionToken = async (token: string) => {
+    const sessionToken = token.replace(/^Bearer\s+/i, "");
+    await authInstance.api.revokeSession({
+      body: { token: sessionToken },
+      headers: new Headers({ Authorization: `Bearer ${sessionToken}` }),
+    });
+  };
+
+  const signInRoute = async (req: Request) => {
+    const url = new URL(req.url);
+    const provider = url.searchParams.get("provider");
+    const callbackURL = sanitizeCallbackURL(
+      url.searchParams.get("callbackURL"),
+      baseURL,
+      defaultRedirectPath,
+    );
+    const errorURL = new URL(callbackURL, baseURL);
+    errorURL.searchParams.set("authError", "oauth");
+    const errorCallbackURL = `${errorURL.pathname}${errorURL.search}`;
+
+    if (!provider) {
+      return NextResponse.json(
+        { error: "Missing provider parameter" },
+        { status: 400 },
+      );
+    }
+
+    if (provider !== "discord") {
+      return NextResponse.json(
+        { error: "Unsupported provider parameter" },
+        { status: 400 },
+      );
+    }
+
+    const response = await authInstance.api.signInSocial({
+      body: { provider, callbackURL, errorCallbackURL },
+      asResponse: true,
+    });
+    const data = (await response.json()) as { url?: string };
+
+    if (!data.url) {
+      return NextResponse.json(
+        { error: "Failed to get redirect URL from Better Auth" },
+        { status: 500 },
+      );
+    }
+
+    const redirectResponse = NextResponse.redirect(data.url);
+    const setCookie = response.headers.get("set-cookie");
+    if (setCookie) redirectResponse.headers.set("set-cookie", setCookie);
+    return redirectResponse;
+  };
+
+  const signIn = (provider: string, { redirectTo }: { redirectTo: string }) => {
+    const callbackURL = sanitizeCallbackURL(
+      redirectTo,
+      baseURL,
+      defaultRedirectPath,
+    );
+    redirect(
+      `${baseURL}/api/auth/signin?provider=${encodeURIComponent(provider)}&callbackURL=${encodeURIComponent(callbackURL)}`,
+    );
+  };
+
+  return {
+    auth,
+    authInstance,
+    handlers,
+    invalidateSessionToken,
+    isSecureContext,
+    signIn,
+    signInRoute,
+    validateToken,
+  };
+}
diff --git a/packages/auth/src/shared-env.ts b/packages/auth/src/shared-env.ts
new file mode 100644
index 000000000..ca592a88b
--- /dev/null
+++ b/packages/auth/src/shared-env.ts
@@ -0,0 +1,20 @@
+/* eslint-disable no-restricted-properties */
+import { createEnv } from "@t3-oss/env-nextjs";
+import { z } from "zod";
+
+export const authSharedEnv = createEnv({
+  server: {
+    DISCORD_CLIENT_ID: z.string().min(1),
+    DISCORD_CLIENT_SECRET: z.string().min(1),
+    BETTER_AUTH_SECRET:
+      process.env.NODE_ENV === "production"
+        ? z.string().min(1)
+        : z.string().min(1).optional(),
+  },
+  shared: {
+    NODE_ENV: z.enum(["development", "production"]).optional(),
+  },
+  experimental__runtimeEnv: { NODE_ENV: process.env.NODE_ENV },
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/packages/db/drizzle/0010_wooden_supreme_intelligence.sql b/packages/db/drizzle/0010_wooden_supreme_intelligence.sql
new file mode 100644
index 000000000..63dd35e95
--- /dev/null
+++ b/packages/db/drizzle/0010_wooden_supreme_intelligence.sql
@@ -0,0 +1,7 @@
+ALTER TABLE "knight_hacks_hackathon" ADD COLUMN "portal_base_url" varchar(512);--> statement-breakpoint
+ALTER TABLE "knight_hacks_hackathon" ADD COLUMN "confirmation_capacity" integer;--> statement-breakpoint
+UPDATE "knight_hacks_hackathon"
+SET
+  "portal_base_url" = 'https://bloom.knighthacks.org',
+  "confirmation_capacity" = 1100
+WHERE "name" = 'bloomknights';
diff --git a/packages/db/drizzle/meta/0010_snapshot.json b/packages/db/drizzle/meta/0010_snapshot.json
new file mode 100644
index 000000000..ec4aef66f
--- /dev/null
+++ b/packages/db/drizzle/meta/0010_snapshot.json
@@ -0,0 +1,2786 @@
+{
+  "id": "69a4131f-f9ee-46a5-9dc0-82cadcb6a2ce",
+  "prevId": "a91721d0-54e4-4a90-9b5a-ffdd13a6e889",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.auth_account": {
+      "name": "auth_account",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider": {
+          "name": "provider",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider_account_id": {
+          "name": "provider_account_id",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "id_token": {
+          "name": "id_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "auth_account_user_id_auth_user_id_fk": {
+          "name": "auth_account_user_id_auth_user_id_fk",
+          "tableFrom": "auth_account",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "auth_account_provider_provider_account_id_pk": {
+          "name": "auth_account_provider_provider_account_id_pk",
+          "columns": ["provider", "provider_account_id"]
+        }
+      },
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.auth_judge_session": {
+      "name": "auth_judge_session",
+      "schema": "",
+      "columns": {
+        "session_token": {
+          "name": "session_token",
+          "type": "varchar(255)",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "room_name": {
+          "name": "room_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires": {
+          "name": "expires",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.auth_permissions": {
+      "name": "auth_permissions",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "auth_permissions_role_id_auth_roles_id_fk": {
+          "name": "auth_permissions_role_id_auth_roles_id_fk",
+          "tableFrom": "auth_permissions",
+          "tableTo": "auth_roles",
+          "columnsFrom": ["role_id"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "auth_permissions_user_id_auth_user_id_fk": {
+          "name": "auth_permissions_user_id_auth_user_id_fk",
+          "tableFrom": "auth_permissions",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.auth_roles": {
+      "name": "auth_roles",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "discord_role_id": {
+          "name": "discord_role_id",
+          "type": "varchar",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "permissions": {
+          "name": "permissions",
+          "type": "varchar",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "issue_reminder_channel": {
+          "name": "issue_reminder_channel",
+          "type": "varchar(32)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'1459204271655489567'"
+        },
+        "team_hexcode_color": {
+          "name": "team_hexcode_color",
+          "type": "varchar(7)",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "auth_roles_discordRoleId_unique": {
+          "name": "auth_roles_discordRoleId_unique",
+          "nullsNotDistinct": false,
+          "columns": ["discord_role_id"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.auth_session": {
+      "name": "auth_session",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "session_token": {
+          "name": "session_token",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires": {
+          "name": "expires",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "varchar(1024)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "auth_session_user_id_auth_user_id_fk": {
+          "name": "auth_session_user_id_auth_user_id_fk",
+          "tableFrom": "auth_session",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.auth_user": {
+      "name": "auth_user",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "discord_user_id": {
+          "name": "discord_user_id",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email": {
+          "name": "email",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email_verified": {
+          "name": "email_verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "image": {
+          "name": "image",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.auth_verification": {
+      "name": "auth_verification",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_challenges": {
+      "name": "knight_hacks_challenges",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "sponsor": {
+          "name": "sponsor",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_challenges_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_challenges_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_challenges",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_challenges_title_hackathonId_unique": {
+          "name": "knight_hacks_challenges_title_hackathonId_unique",
+          "nullsNotDistinct": false,
+          "columns": ["title", "hackathon_id"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_dues_payment": {
+      "name": "knight_hacks_dues_payment",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "member_id": {
+          "name": "member_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "amount": {
+          "name": "amount",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "payment_date": {
+          "name": "payment_date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "year": {
+          "name": "year",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_dues_payment_member_id_knight_hacks_member_id_fk": {
+          "name": "knight_hacks_dues_payment_member_id_knight_hacks_member_id_fk",
+          "tableFrom": "knight_hacks_dues_payment",
+          "tableTo": "knight_hacks_member",
+          "columnsFrom": ["member_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_dues_payment_memberId_year_unique": {
+          "name": "knight_hacks_dues_payment_memberId_year_unique",
+          "nullsNotDistinct": false,
+          "columns": ["member_id", "year"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_event": {
+      "name": "knight_hacks_event",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "discord_id": {
+          "name": "discord_id",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "google_id": {
+          "name": "google_id",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "tag": {
+          "name": "tag",
+          "type": "event_tag",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "start_datetime": {
+          "name": "start_datetime",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "end_datetime": {
+          "name": "end_datetime",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "location": {
+          "name": "location",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "dues_paying": {
+          "name": "dues_paying",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "is_operations_calendar": {
+          "name": "is_operations_calendar",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "roles": {
+          "name": "roles",
+          "type": "varchar(255)[]",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'{}'"
+        },
+        "points": {
+          "name": "points",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "discord_channel_id": {
+          "name": "discord_channel_id",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_event_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_event_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_event",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_event_attendee": {
+      "name": "knight_hacks_event_attendee",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "member_id": {
+          "name": "member_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_event_attendee_member_id_knight_hacks_member_id_fk": {
+          "name": "knight_hacks_event_attendee_member_id_knight_hacks_member_id_fk",
+          "tableFrom": "knight_hacks_event_attendee",
+          "tableTo": "knight_hacks_member",
+          "columnsFrom": ["member_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_event_attendee_event_id_knight_hacks_event_id_fk": {
+          "name": "knight_hacks_event_attendee_event_id_knight_hacks_event_id_fk",
+          "tableFrom": "knight_hacks_event_attendee",
+          "tableTo": "knight_hacks_event",
+          "columnsFrom": ["event_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_event_feedback": {
+      "name": "knight_hacks_event_feedback",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "member_id": {
+          "name": "member_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "overall_event_rating": {
+          "name": "overall_event_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "fun_rating": {
+          "name": "fun_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "learned_rating": {
+          "name": "learned_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "heard_about_us": {
+          "name": "heard_about_us",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "additional_feedback": {
+          "name": "additional_feedback",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "similar_event": {
+          "name": "similar_event",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_event_feedback_member_id_knight_hacks_member_id_fk": {
+          "name": "knight_hacks_event_feedback_member_id_knight_hacks_member_id_fk",
+          "tableFrom": "knight_hacks_event_feedback",
+          "tableTo": "knight_hacks_member",
+          "columnsFrom": ["member_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_event_feedback_event_id_knight_hacks_event_id_fk": {
+          "name": "knight_hacks_event_feedback_event_id_knight_hacks_event_id_fk",
+          "tableFrom": "knight_hacks_event_feedback",
+          "tableTo": "knight_hacks_event",
+          "columnsFrom": ["event_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_form_response": {
+      "name": "knight_hacks_form_response",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "form": {
+          "name": "form",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "response_data": {
+          "name": "response_data",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "edited_at": {
+          "name": "edited_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_form_response_form_knight_hacks_form_schemas_id_fk": {
+          "name": "knight_hacks_form_response_form_knight_hacks_form_schemas_id_fk",
+          "tableFrom": "knight_hacks_form_response",
+          "tableTo": "knight_hacks_form_schemas",
+          "columnsFrom": ["form"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_form_response_user_id_auth_user_id_fk": {
+          "name": "knight_hacks_form_response_user_id_auth_user_id_fk",
+          "tableFrom": "knight_hacks_form_response",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_form_response_roles": {
+      "name": "knight_hacks_form_response_roles",
+      "schema": "",
+      "columns": {
+        "form_id": {
+          "name": "form_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_form_response_roles_form_id_knight_hacks_form_schemas_id_fk": {
+          "name": "knight_hacks_form_response_roles_form_id_knight_hacks_form_schemas_id_fk",
+          "tableFrom": "knight_hacks_form_response_roles",
+          "tableTo": "knight_hacks_form_schemas",
+          "columnsFrom": ["form_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_form_response_roles_role_id_auth_roles_id_fk": {
+          "name": "knight_hacks_form_response_roles_role_id_auth_roles_id_fk",
+          "tableFrom": "knight_hacks_form_response_roles",
+          "tableTo": "auth_roles",
+          "columnsFrom": ["role_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "knight_hacks_form_response_roles_form_id_role_id_pk": {
+          "name": "knight_hacks_form_response_roles_form_id_role_id_pk",
+          "columns": ["form_id", "role_id"]
+        }
+      },
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_form_section_roles": {
+      "name": "knight_hacks_form_section_roles",
+      "schema": "",
+      "columns": {
+        "section_id": {
+          "name": "section_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_form_section_roles_section_id_knight_hacks_form_sections_id_fk": {
+          "name": "knight_hacks_form_section_roles_section_id_knight_hacks_form_sections_id_fk",
+          "tableFrom": "knight_hacks_form_section_roles",
+          "tableTo": "knight_hacks_form_sections",
+          "columnsFrom": ["section_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_form_section_roles_role_id_auth_roles_id_fk": {
+          "name": "knight_hacks_form_section_roles_role_id_auth_roles_id_fk",
+          "tableFrom": "knight_hacks_form_section_roles",
+          "tableTo": "auth_roles",
+          "columnsFrom": ["role_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "knight_hacks_form_section_roles_section_id_role_id_pk": {
+          "name": "knight_hacks_form_section_roles_section_id_role_id_pk",
+          "columns": ["section_id", "role_id"]
+        }
+      },
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_form_sections": {
+      "name": "knight_hacks_form_sections",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "order": {
+          "name": "order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_form_sections_name_unique": {
+          "name": "knight_hacks_form_sections_name_unique",
+          "nullsNotDistinct": false,
+          "columns": ["name"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_form_schemas": {
+      "name": "knight_hacks_form_schemas",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "slug_name": {
+          "name": "slug_name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "dues_only": {
+          "name": "dues_only",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "allow_resubmission": {
+          "name": "allow_resubmission",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "allow_edit": {
+          "name": "allow_edit",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "form_data": {
+          "name": "form_data",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "form_validator_json": {
+          "name": "form_validator_json",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "section": {
+          "name": "section",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'General'"
+        },
+        "section_id": {
+          "name": "section_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "is_closed": {
+          "name": "is_closed",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_form_schemas_section_id_knight_hacks_form_sections_id_fk": {
+          "name": "knight_hacks_form_schemas_section_id_knight_hacks_form_sections_id_fk",
+          "tableFrom": "knight_hacks_form_schemas",
+          "tableTo": "knight_hacks_form_sections",
+          "columnsFrom": ["section_id"],
+          "columnsTo": ["id"],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_form_schemas_slugName_unique": {
+          "name": "knight_hacks_form_schemas_slugName_unique",
+          "nullsNotDistinct": false,
+          "columns": ["slug_name"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_hackathon": {
+      "name": "knight_hacks_hackathon",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "display_name": {
+          "name": "display_name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "theme": {
+          "name": "theme",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "application_background_enabled": {
+          "name": "application_background_enabled",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "application_background_key": {
+          "name": "application_background_key",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email_template_enabled": {
+          "name": "email_template_enabled",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "email_template_key": {
+          "name": "email_template_key",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "portal_base_url": {
+          "name": "portal_base_url",
+          "type": "varchar(512)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "confirmation_capacity": {
+          "name": "confirmation_capacity",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "application_open": {
+          "name": "application_open",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "application_deadline": {
+          "name": "application_deadline",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "confirmation_deadline": {
+          "name": "confirmation_deadline",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "start_date": {
+          "name": "start_date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "end_date": {
+          "name": "end_date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_hackathon_name_unique": {
+          "name": "knight_hacks_hackathon_name_unique",
+          "nullsNotDistinct": false,
+          "columns": ["name"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_hackathon_sponsor": {
+      "name": "knight_hacks_hackathon_sponsor",
+      "schema": "",
+      "columns": {
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "sponsor_id": {
+          "name": "sponsor_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "tier": {
+          "name": "tier",
+          "type": "sponsor_tier",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_hackathon_sponsor_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_hackathon_sponsor_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_hackathon_sponsor",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_hackathon_sponsor_sponsor_id_knight_hacks_sponsor_id_fk": {
+          "name": "knight_hacks_hackathon_sponsor_sponsor_id_knight_hacks_sponsor_id_fk",
+          "tableFrom": "knight_hacks_hackathon_sponsor",
+          "tableTo": "knight_hacks_sponsor",
+          "columnsFrom": ["sponsor_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_hacker": {
+      "name": "knight_hacks_hacker",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "first_name": {
+          "name": "first_name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "last_name": {
+          "name": "last_name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "gender": {
+          "name": "gender",
+          "type": "gender",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Prefer not to answer'"
+        },
+        "discord_user": {
+          "name": "discord_user",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "age": {
+          "name": "age",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "country": {
+          "name": "country",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'United States of America'"
+        },
+        "email": {
+          "name": "email",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "phone_number": {
+          "name": "phone_number",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "school": {
+          "name": "school",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "level_of_study": {
+          "name": "level_of_study",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "major": {
+          "name": "major",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Computer Science'"
+        },
+        "race_or_ethnicity": {
+          "name": "race_or_ethnicity",
+          "type": "race_or_ethnicity",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Prefer not to answer'"
+        },
+        "shirt_size": {
+          "name": "shirt_size",
+          "type": "shirt_size",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "github_profile_url": {
+          "name": "github_profile_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "linkedin_profile_url": {
+          "name": "linkedin_profile_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "website_url": {
+          "name": "website_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "resume_url": {
+          "name": "resume_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "dob": {
+          "name": "dob",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "grad_date": {
+          "name": "grad_date",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "survey_1": {
+          "name": "survey_1",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "survey_2": {
+          "name": "survey_2",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "is_first_time": {
+          "name": "is_first_time",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "food_allergies": {
+          "name": "food_allergies",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "agrees_to_receive_emails_from_mlh": {
+          "name": "agrees_to_receive_emails_from_mlh",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "agrees_to_mlh_code_of_conduct": {
+          "name": "agrees_to_mlh_code_of_conduct",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "agrees_to_mlh_data_sharing": {
+          "name": "agrees_to_mlh_data_sharing",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false,
+          "default": false
+        },
+        "date_created": {
+          "name": "date_created",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "time_created": {
+          "name": "time_created",
+          "type": "time",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_hacker_user_id_auth_user_id_fk": {
+          "name": "knight_hacks_hacker_user_id_auth_user_id_fk",
+          "tableFrom": "knight_hacks_hacker",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_hacker_attendee": {
+      "name": "knight_hacks_hacker_attendee",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "hacker_id": {
+          "name": "hacker_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'pending'"
+        },
+        "time_applied": {
+          "name": "time_applied",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "time_confirmed": {
+          "name": "time_confirmed",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "points": {
+          "name": "points",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "class": {
+          "name": "class",
+          "type": "varchar(20)",
+          "primaryKey": false,
+          "notNull": false,
+          "default": null
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_hacker_attendee_hacker_id_knight_hacks_hacker_id_fk": {
+          "name": "knight_hacks_hacker_attendee_hacker_id_knight_hacks_hacker_id_fk",
+          "tableFrom": "knight_hacks_hacker_attendee",
+          "tableTo": "knight_hacks_hacker",
+          "columnsFrom": ["hacker_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_hacker_attendee_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_hacker_attendee_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_hacker_attendee",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_hacker_event_attendee": {
+      "name": "knight_hacks_hacker_event_attendee",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "hacker_att_id": {
+          "name": "hacker_att_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_hacker_event_attendee_hacker_att_id_knight_hacks_hacker_attendee_id_fk": {
+          "name": "knight_hacks_hacker_event_attendee_hacker_att_id_knight_hacks_hacker_attendee_id_fk",
+          "tableFrom": "knight_hacks_hacker_event_attendee",
+          "tableTo": "knight_hacks_hacker_attendee",
+          "columnsFrom": ["hacker_att_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_hacker_event_attendee_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_hacker_event_attendee_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_hacker_event_attendee",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_hacker_event_attendee_event_id_knight_hacks_event_id_fk": {
+          "name": "knight_hacks_hacker_event_attendee_event_id_knight_hacks_event_id_fk",
+          "tableFrom": "knight_hacks_hacker_event_attendee",
+          "tableTo": "knight_hacks_event",
+          "columnsFrom": ["event_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_issue": {
+      "name": "knight_hacks_issue",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "status": {
+          "name": "status",
+          "type": "issue_status",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "links": {
+          "name": "links",
+          "type": "text[]",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "event": {
+          "name": "event",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "date": {
+          "name": "date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "priority": {
+          "name": "priority",
+          "type": "issue_priority",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "team": {
+          "name": "team",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "creator": {
+          "name": "creator",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "parent": {
+          "name": "parent",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "issue_team_idx": {
+          "name": "issue_team_idx",
+          "columns": [
+            {
+              "expression": "team",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "issue_creator_idx": {
+          "name": "issue_creator_idx",
+          "columns": [
+            {
+              "expression": "creator",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "issue_status_idx": {
+          "name": "issue_status_idx",
+          "columns": [
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "issue_date_idx": {
+          "name": "issue_date_idx",
+          "columns": [
+            {
+              "expression": "date",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "issue_parent_idx": {
+          "name": "issue_parent_idx",
+          "columns": [
+            {
+              "expression": "parent",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "issue_priority_idx": {
+          "name": "issue_priority_idx",
+          "columns": [
+            {
+              "expression": "priority",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "knight_hacks_issue_event_knight_hacks_event_id_fk": {
+          "name": "knight_hacks_issue_event_knight_hacks_event_id_fk",
+          "tableFrom": "knight_hacks_issue",
+          "tableTo": "knight_hacks_event",
+          "columnsFrom": ["event"],
+          "columnsTo": ["id"],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_issue_team_auth_roles_id_fk": {
+          "name": "knight_hacks_issue_team_auth_roles_id_fk",
+          "tableFrom": "knight_hacks_issue",
+          "tableTo": "auth_roles",
+          "columnsFrom": ["team"],
+          "columnsTo": ["id"],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_issue_creator_auth_user_id_fk": {
+          "name": "knight_hacks_issue_creator_auth_user_id_fk",
+          "tableFrom": "knight_hacks_issue",
+          "tableTo": "auth_user",
+          "columnsFrom": ["creator"],
+          "columnsTo": ["id"],
+          "onDelete": "restrict",
+          "onUpdate": "no action"
+        },
+        "issue_parent_fk": {
+          "name": "issue_parent_fk",
+          "tableFrom": "knight_hacks_issue",
+          "tableTo": "knight_hacks_issue",
+          "columnsFrom": ["parent"],
+          "columnsTo": ["id"],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_issues_to_teams_visibility": {
+      "name": "knight_hacks_issues_to_teams_visibility",
+      "schema": "",
+      "columns": {
+        "issue_id": {
+          "name": "issue_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "team_id": {
+          "name": "team_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_issues_to_teams_visibility_issue_id_knight_hacks_issue_id_fk": {
+          "name": "knight_hacks_issues_to_teams_visibility_issue_id_knight_hacks_issue_id_fk",
+          "tableFrom": "knight_hacks_issues_to_teams_visibility",
+          "tableTo": "knight_hacks_issue",
+          "columnsFrom": ["issue_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_issues_to_teams_visibility_team_id_auth_roles_id_fk": {
+          "name": "knight_hacks_issues_to_teams_visibility_team_id_auth_roles_id_fk",
+          "tableFrom": "knight_hacks_issues_to_teams_visibility",
+          "tableTo": "auth_roles",
+          "columnsFrom": ["team_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "knight_hacks_issues_to_teams_visibility_issue_id_team_id_pk": {
+          "name": "knight_hacks_issues_to_teams_visibility_issue_id_team_id_pk",
+          "columns": ["issue_id", "team_id"]
+        }
+      },
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_issues_to_users_assignment": {
+      "name": "knight_hacks_issues_to_users_assignment",
+      "schema": "",
+      "columns": {
+        "issue_id": {
+          "name": "issue_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_issues_to_users_assignment_issue_id_knight_hacks_issue_id_fk": {
+          "name": "knight_hacks_issues_to_users_assignment_issue_id_knight_hacks_issue_id_fk",
+          "tableFrom": "knight_hacks_issues_to_users_assignment",
+          "tableTo": "knight_hacks_issue",
+          "columnsFrom": ["issue_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_issues_to_users_assignment_user_id_auth_user_id_fk": {
+          "name": "knight_hacks_issues_to_users_assignment_user_id_auth_user_id_fk",
+          "tableFrom": "knight_hacks_issues_to_users_assignment",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "knight_hacks_issues_to_users_assignment_issue_id_user_id_pk": {
+          "name": "knight_hacks_issues_to_users_assignment_issue_id_user_id_pk",
+          "columns": ["issue_id", "user_id"]
+        }
+      },
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_judged_submission": {
+      "name": "knight_hacks_judged_submission",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "submission_id": {
+          "name": "submission_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "judge_id": {
+          "name": "judge_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "private_feedback": {
+          "name": "private_feedback",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "public_feedback": {
+          "name": "public_feedback",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "originality_rating": {
+          "name": "originality_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "design_rating": {
+          "name": "design_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "technical_understanding_rating": {
+          "name": "technical_understanding_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "implementation_rating": {
+          "name": "implementation_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "wow_factor_rating": {
+          "name": "wow_factor_rating",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_judged_submission_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_judged_submission_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_judged_submission",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_judged_submission_submission_id_knight_hacks_submissions_id_fk": {
+          "name": "knight_hacks_judged_submission_submission_id_knight_hacks_submissions_id_fk",
+          "tableFrom": "knight_hacks_judged_submission",
+          "tableTo": "knight_hacks_submissions",
+          "columnsFrom": ["submission_id"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_judged_submission_judge_id_knight_hacks_judges_id_fk": {
+          "name": "knight_hacks_judged_submission_judge_id_knight_hacks_judges_id_fk",
+          "tableFrom": "knight_hacks_judged_submission",
+          "tableTo": "knight_hacks_judges",
+          "columnsFrom": ["judge_id"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_judges": {
+      "name": "knight_hacks_judges",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "room_name": {
+          "name": "room_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "challenge_id": {
+          "name": "challenge_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_judges_challenge_id_knight_hacks_challenges_id_fk": {
+          "name": "knight_hacks_judges_challenge_id_knight_hacks_challenges_id_fk",
+          "tableFrom": "knight_hacks_judges",
+          "tableTo": "knight_hacks_challenges",
+          "columnsFrom": ["challenge_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_member": {
+      "name": "knight_hacks_member",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "first_name": {
+          "name": "first_name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "last_name": {
+          "name": "last_name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "discord_user": {
+          "name": "discord_user",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "age": {
+          "name": "age",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "phone_number": {
+          "name": "phone_number",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "school": {
+          "name": "school",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "level_of_study": {
+          "name": "level_of_study",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "major": {
+          "name": "major",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Computer Science'"
+        },
+        "gender": {
+          "name": "gender",
+          "type": "gender",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Prefer not to answer'"
+        },
+        "race_or_ethnicity": {
+          "name": "race_or_ethnicity",
+          "type": "race_or_ethnicity",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Prefer not to answer'"
+        },
+        "guild_profile_visible": {
+          "name": "guild_profile_visible",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": true
+        },
+        "tagline": {
+          "name": "tagline",
+          "type": "varchar(80)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "about": {
+          "name": "about",
+          "type": "varchar(500)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "profile_picture_url": {
+          "name": "profile_picture_url",
+          "type": "varchar(512)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "shirt_size": {
+          "name": "shirt_size",
+          "type": "shirt_size",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "github_profile_url": {
+          "name": "github_profile_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "linkedin_profile_url": {
+          "name": "linkedin_profile_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "website_url": {
+          "name": "website_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "resume_url": {
+          "name": "resume_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "dob": {
+          "name": "dob",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "grad_date": {
+          "name": "grad_date",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "company": {
+          "name": "company",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "points": {
+          "name": "points",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "date_created": {
+          "name": "date_created",
+          "type": "date",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "time_created": {
+          "name": "time_created",
+          "type": "time",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_member_user_id_auth_user_id_fk": {
+          "name": "knight_hacks_member_user_id_auth_user_id_fk",
+          "tableFrom": "knight_hacks_member",
+          "tableTo": "auth_user",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_member_email_unique": {
+          "name": "knight_hacks_member_email_unique",
+          "nullsNotDistinct": false,
+          "columns": ["email"]
+        },
+        "knight_hacks_member_phoneNumber_unique": {
+          "name": "knight_hacks_member_phoneNumber_unique",
+          "nullsNotDistinct": false,
+          "columns": ["phone_number"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_companies": {
+      "name": "knight_hacks_companies",
+      "schema": "",
+      "columns": {
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": true,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_sponsor": {
+      "name": "knight_hacks_sponsor",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "logo_url": {
+          "name": "logo_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "website_url": {
+          "name": "website_url",
+          "type": "varchar(255)",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_submissions": {
+      "name": "knight_hacks_submissions",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "challenge_id": {
+          "name": "challenge_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "team_id": {
+          "name": "team_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_submissions_challenge_id_knight_hacks_challenges_id_fk": {
+          "name": "knight_hacks_submissions_challenge_id_knight_hacks_challenges_id_fk",
+          "tableFrom": "knight_hacks_submissions",
+          "tableTo": "knight_hacks_challenges",
+          "columnsFrom": ["challenge_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_submissions_team_id_knight_hacks_teams_id_fk": {
+          "name": "knight_hacks_submissions_team_id_knight_hacks_teams_id_fk",
+          "tableFrom": "knight_hacks_submissions",
+          "tableTo": "knight_hacks_teams",
+          "columnsFrom": ["team_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "knight_hacks_submissions_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_submissions_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_submissions",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_submissions_teamId_challengeId_unique": {
+          "name": "knight_hacks_submissions_teamId_challengeId_unique",
+          "nullsNotDistinct": false,
+          "columns": ["team_id", "challenge_id"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_teams": {
+      "name": "knight_hacks_teams",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "hackathon_id": {
+          "name": "hackathon_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "project_title": {
+          "name": "project_title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "submission_url": {
+          "name": "submission_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "project_created_at": {
+          "name": "project_created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "is_project_submitted": {
+          "name": "is_project_submitted",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "devpost_url": {
+          "name": "devpost_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "universities": {
+          "name": "universities",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "emails": {
+          "name": "emails",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "match_key": {
+          "name": "match_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_teams_hackathon_id_knight_hacks_hackathon_id_fk": {
+          "name": "knight_hacks_teams_hackathon_id_knight_hacks_hackathon_id_fk",
+          "tableFrom": "knight_hacks_teams",
+          "tableTo": "knight_hacks_hackathon",
+          "columnsFrom": ["hackathon_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "knight_hacks_teams_matchKey_unique": {
+          "name": "knight_hacks_teams_matchKey_unique",
+          "nullsNotDistinct": false,
+          "columns": ["match_key"]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_template": {
+      "name": "knight_hacks_template",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "body": {
+          "name": "body",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.knight_hacks_trpc_form_connection": {
+      "name": "knight_hacks_trpc_form_connection",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "form": {
+          "name": "form",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "proc": {
+          "name": "proc",
+          "type": "varchar",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "connections": {
+          "name": "connections",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "knight_hacks_trpc_form_connection_form_knight_hacks_form_schemas_id_fk": {
+          "name": "knight_hacks_trpc_form_connection_form_knight_hacks_form_schemas_id_fk",
+          "tableFrom": "knight_hacks_trpc_form_connection",
+          "tableTo": "knight_hacks_form_schemas",
+          "columnsFrom": ["form"],
+          "columnsTo": ["id"],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    }
+  },
+  "enums": {
+    "public.event_tag": {
+      "name": "event_tag",
+      "schema": "public",
+      "values": [
+        "GBM",
+        "Social",
+        "Kickstart",
+        "Project Launch",
+        "Hello World",
+        "Sponsorship",
+        "Tech Exploration",
+        "Class Support",
+        "Workshop",
+        "OPS",
+        "Collabs",
+        "Check-in",
+        "Merch",
+        "Food",
+        "Ceremony",
+        "CAREER-FAIR",
+        "RSO-FAIR"
+      ]
+    },
+    "public.gender": {
+      "name": "gender",
+      "schema": "public",
+      "values": [
+        "Man",
+        "Woman",
+        "Non-binary",
+        "Prefer to self-describe",
+        "Prefer not to answer"
+      ]
+    },
+    "public.hackathon_application_state": {
+      "name": "hackathon_application_state",
+      "schema": "public",
+      "values": [
+        "withdrawn",
+        "pending",
+        "accepted",
+        "waitlisted",
+        "checkedin",
+        "confirmed",
+        "denied"
+      ]
+    },
+    "public.issue_priority": {
+      "name": "issue_priority",
+      "schema": "public",
+      "values": ["Lowest", "Low", "Medium", "High", "Highest"]
+    },
+    "public.issue_status": {
+      "name": "issue_status",
+      "schema": "public",
+      "values": ["Backlog", "Planning", "In Progress", "Finished"]
+    },
+    "public.race_or_ethnicity": {
+      "name": "race_or_ethnicity",
+      "schema": "public",
+      "values": [
+        "White",
+        "Black or African American",
+        "Hispanic / Latino / Spanish Origin",
+        "Asian",
+        "Native Hawaiian or Other Pacific Islander",
+        "Native American or Alaskan Native",
+        "Middle Eastern",
+        "Prefer not to answer",
+        "Other"
+      ]
+    },
+    "public.shirt_size": {
+      "name": "shirt_size",
+      "schema": "public",
+      "values": ["XS", "S", "M", "L", "XL", "2XL", "3XL"]
+    },
+    "public.sponsor_tier": {
+      "name": "sponsor_tier",
+      "schema": "public",
+      "values": ["gold", "silver", "bronze", "other"]
+    }
+  },
+  "schemas": {},
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
diff --git a/packages/db/drizzle/meta/_journal.json b/packages/db/drizzle/meta/_journal.json
index 7d8417fc4..3c67a8cb4 100644
--- a/packages/db/drizzle/meta/_journal.json
+++ b/packages/db/drizzle/meta/_journal.json
@@ -71,6 +71,13 @@
       "when": 1781733366922,
       "tag": "0009_smooth_forgotten_one",
       "breakpoints": true
+    },
+    {
+      "idx": 10,
+      "version": "7",
+      "when": 1783110594620,
+      "tag": "0010_wooden_supreme_intelligence",
+      "breakpoints": true
     }
   ]
 }
diff --git a/packages/db/src/schemas/knight-hacks.ts b/packages/db/src/schemas/knight-hacks.ts
index 2133ddd70..a0639a228 100644
--- a/packages/db/src/schemas/knight-hacks.ts
+++ b/packages/db/src/schemas/knight-hacks.ts
@@ -41,6 +41,8 @@ export const Hackathon = createTable(
     applicationBackgroundKey: t.varchar({ length: 255 }),
     emailTemplateEnabled: t.boolean().notNull().default(false),
     emailTemplateKey: t.varchar({ length: 255 }),
+    portalBaseUrl: t.varchar({ length: 512 }),
+    confirmationCapacity: t.integer(),
     applicationOpen: t.timestamp().notNull().defaultNow(),
     applicationDeadline: t.timestamp().notNull().defaultNow(),
     confirmationDeadline: t.timestamp().notNull().defaultNow(),
diff --git a/packages/hackathon/README.md b/packages/hackathon/README.md
new file mode 100644
index 000000000..e4f8b78ef
--- /dev/null
+++ b/packages/hackathon/README.md
@@ -0,0 +1,51 @@
+# `@forge/hackathon`
+
+Headless participant workflows for Forge hackathon applications. This package
+owns typed participant API state and lifecycle operations; event applications
+own their markup, assets, animation, and branding.
+
+The client provider talks only to the same-origin `@forge/api/participant`
+router. Its hooks expose typed query/mutation state without importing the full
+Blade/admin API:
+
+- `useHackerApplicationFlow({ hackathonStartDate })` owns the browser schema,
+  resume validation/upload, prior-hacker/member prefill, duplicate state,
+  consent, submission, and step/navigation state.
+- `useHackerDashboardFlow()` owns participant lifecycle refresh, confirmation,
+  withdrawal, QR retrieval, schedule data, past attendance, and issue reports.
+- `useHackerProfileFlow()` owns hackathon-scoped profile and resume updates.
+
+`getHackerLifecycleState` is a pure helper for rendering application and
+attendance states. Visual components, class names, assets, and copy remain in
+the event app.
+
+## Starting a new portal
+
+1. Create a Next.js event app with an app-local `HackathonPortalConfig`.
+2. Instantiate `createForgeAuthServer` with the event app origin and mount its
+   Better Auth handlers at `/api/auth`.
+3. Mount `participantRouter` at the app's same-origin `/api/trpc` route and pass
+   the app-local validated session to `createTRPCContext`.
+4. Wrap participant routes in `HackathonPortalProvider`.
+5. Pass the event start date to the application flow and build event-specific
+   application, dashboard, and profile renderers around the three headless
+   workflow hooks.
+6. Set the hackathon's portal base URL in Blade admin.
+
+For KH9, copy only this wiring and an app-local config. Do not copy Bloom's
+markup or move its styling into this package; the renderer should be entirely
+KH9-owned.
+
+## Bloom rollout
+
+Before enabling Blade redirects:
+
+1. Set `BLOOMKNIGHTS_URL` to the exact Bloom origin.
+2. Register Discord callbacks for
+   `https://bloom.knighthacks.org/api/auth/callback/discord` and
+   `http://localhost:3006/api/auth/callback/discord`.
+3. Apply the Hackathon portal/capacity migration.
+4. Deploy and smoke-test Bloom auth, application, dashboard, and profile.
+5. Deploy Blade only after the Bloom portal is healthy.
+
+Do not add event-specific visuals to this package or to `@forge/ui`.
diff --git a/packages/hackathon/eslint.config.js b/packages/hackathon/eslint.config.js
new file mode 100644
index 000000000..93d956c5d
--- /dev/null
+++ b/packages/hackathon/eslint.config.js
@@ -0,0 +1,4 @@
+import baseConfig from "@forge/eslint-config/base";
+import reactConfig from "@forge/eslint-config/react";
+
+export default [...baseConfig, ...reactConfig];
diff --git a/packages/hackathon/package.json b/packages/hackathon/package.json
new file mode 100644
index 000000000..2fb751a54
--- /dev/null
+++ b/packages/hackathon/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@forge/hackathon",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./client": "./src/client.tsx",
+    "./server": "./src/server.ts"
+  },
+  "scripts": {
+    "build": "tsc",
+    "clean": "git clean -xdf .cache .turbo dist node_modules",
+    "dev": "tsc",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "lint": "eslint",
+    "typecheck": "tsc --noEmit --emitDeclarationOnly false"
+  },
+  "dependencies": {
+    "@forge/api": "workspace:*",
+    "@forge/auth": "workspace:*",
+    "@forge/consts": "workspace:*",
+    "@forge/validators": "workspace:*",
+    "@tanstack/react-query": "catalog:",
+    "@trpc/client": "catalog:",
+    "superjson": "2.2.6",
+    "zod": "catalog:"
+  },
+  "devDependencies": {
+    "@forge/eslint-config": "workspace:*",
+    "@forge/prettier-config": "workspace:*",
+    "@forge/tsconfig": "workspace:*",
+    "@types/react": "^19.2.14",
+    "eslint": "catalog:",
+    "prettier": "catalog:",
+    "react": "^19.2.4",
+    "typescript": "catalog:"
+  },
+  "peerDependencies": {
+    "react": "catalog:react18"
+  },
+  "prettier": "@forge/prettier-config"
+}
diff --git a/packages/hackathon/src/application-schema.ts b/packages/hackathon/src/application-schema.ts
new file mode 100644
index 000000000..e3ee502a7
--- /dev/null
+++ b/packages/hackathon/src/application-schema.ts
@@ -0,0 +1,337 @@
+"use client";
+
+import { z } from "zod";
+
+import { FORMS, MINIO } from "@forge/consts";
+import { hackerApplicationWireSchema } from "@forge/validators";
+
+import type { PortalApplicationContext } from "./types";
+
+function calculateAge(birthDate: Date, referenceDate: Date) {
+  let age = referenceDate.getFullYear() - birthDate.getFullYear();
+  const monthDiff = referenceDate.getMonth() - birthDate.getMonth();
+
+  if (
+    monthDiff < 0 ||
+    (monthDiff === 0 && referenceDate.getDate() < birthDate.getDate())
+  ) {
+    age--;
+  }
+
+  return age;
+}
+
+function createResumeUploadSchema() {
+  return z
+    .instanceof(FileList)
+    .superRefine((fileList, ctx) => {
+      if (fileList.length !== 0 && fileList.length !== 1) {
+        ctx.addIssue({
+          code: "custom",
+          message: "Only 0 or 1 files allowed",
+        });
+      }
+
+      if (fileList.length !== 1) return;
+      const file = fileList[0];
+      if (!(file instanceof File)) {
+        ctx.addIssue({
+          code: "custom",
+          message: "Object in FileList is undefined",
+        });
+        return;
+      }
+
+      if (file.name.split(".").pop()?.toLowerCase() !== "pdf") {
+        ctx.addIssue({
+          code: "custom",
+          message: "Resume must be a PDF",
+        });
+      }
+
+      if (file.size > MINIO.MAX_RESUME_SIZE) {
+        ctx.addIssue({
+          code: "too_big",
+          origin: "number",
+          maximum: MINIO.MAX_RESUME_SIZE,
+          inclusive: true,
+          message: "File too large: maximum 5MB",
+        });
+      }
+    })
+    .optional();
+}
+
+export function createHackerApplicationClientSchema(
+  hackathonStartDate: string,
+) {
+  return hackerApplicationWireSchema.extend({
+    firstName: z.string().min(1, "Required"),
+    lastName: z.string().min(1, "Required"),
+    email: z.string().email("Invalid email").min(1, "Required"),
+    phoneNumber: z
+      .string()
+      .min(1, "Required")
+      .regex(/^\d{10}$|^\d{3}-\d{3}-\d{4}$/, "Invalid phone number"),
+    country: z.enum(FORMS.COUNTRIES, { error: "Select your country" }),
+    school: z.enum(FORMS.SCHOOLS, { error: "Select a school" }),
+    levelOfStudy: z.enum(FORMS.LEVELS_OF_STUDY, {
+      error: "Select your level of study",
+    }),
+    major: z.enum(FORMS.MAJORS, { error: "Select a major" }),
+    gender: z
+      .enum(FORMS.GENDERS, { error: "Select a valid gender" })
+      .optional(),
+    raceOrEthnicity: z
+      .enum(FORMS.RACES_OR_ETHNICITIES, {
+        error: "Select a valid race or ethnicity",
+      })
+      .optional(),
+    shirtSize: z.enum(FORMS.SHIRT_SIZES, {
+      error: "Select your shirt size",
+    }),
+    dob: z
+      .string()
+      .pipe(z.coerce.date())
+      .refine(
+        (date) => calculateAge(date, new Date(hackathonStartDate)) >= 18,
+        {
+          message:
+            "You must be at least 18 years old by the hackathon start date to participate",
+        },
+      )
+      .transform((date) => date.toISOString()),
+    gradDate: z
+      .string()
+      .pipe(z.coerce.date())
+      .transform((date) => date.toISOString()),
+    survey1: z.string().min(1, "Required"),
+    survey2: z.string().min(1, "Required"),
+    isFirstTime: z.boolean(),
+    githubProfileUrl: z
+      .string()
+      .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
+      .regex(
+        /^https:\/\/(www\.)?github\.com\/.+/,
+        "Invalid URL: Enter a valid GitHub link",
+      )
+      .url({ message: "Invalid URL" })
+      .optional()
+      .or(z.literal("")),
+    linkedinProfileUrl: z
+      .string()
+      .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
+      .regex(
+        /^https:\/\/(www\.)?linkedin\.com\/.+/,
+        "Invalid URL: Enter a valid LinkedIn link",
+      )
+      .regex(
+        /^https:\/\/(www\.)?linkedin\.com\/in\/[a-zA-Z0-9_-]+\/?$/,
+        "Invalid URL: Do not use a mobile URL/excessively long URL",
+      )
+      .url({ message: "Invalid URL" })
+      .optional()
+      .or(z.literal("")),
+    websiteUrl: z
+      .string()
+      .regex(
+        /^https?:\/\/.+/,
+        "Invalid URL: Please try again with https:// or http://",
+      )
+      .url({ message: "Invalid URL" })
+      .optional()
+      .or(z.literal("")),
+    resumeUpload: createResumeUploadSchema(),
+    agreesToMLHCodeOfConduct: z.boolean().refine((value) => value, {
+      message: "You must agree to the MLH Code of Conduct",
+    }),
+    agreesToMLHDataSharing: z.boolean().refine((value) => value, {
+      message: "You must agree to the MLH data sharing terms",
+    }),
+    agreesToReceiveEmailsFromMLH: z.boolean(),
+  });
+}
+
+export function createHackerProfileClientSchema() {
+  return hackerApplicationWireSchema.extend({
+    firstName: z.string().min(1, "Required"),
+    lastName: z.string().min(1, "Required"),
+    email: z.string().email("Invalid email").min(1, "Required"),
+    phoneNumber: z
+      .string()
+      .regex(/^\d{10}$|^\d{3}-\d{3}-\d{4}$|^$/, "Invalid phone number"),
+    gender: z
+      .enum(FORMS.GENDERS, { error: "Select a valid gender" })
+      .optional(),
+    raceOrEthnicity: z
+      .enum(FORMS.RACES_OR_ETHNICITIES, {
+        error: "Select a valid race or ethnicity",
+      })
+      .optional(),
+    dob: z
+      .string()
+      .pipe(z.coerce.date())
+      .transform((date) => date.toISOString()),
+    gradDate: z.string(),
+    survey1: z.string().min(1, "Required"),
+    survey2: z.string().min(1, "Required"),
+    isFirstTime: z.boolean(),
+    githubProfileUrl: z
+      .string()
+      .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
+      .regex(
+        /^https:\/\/(www\.)?github\.com\/.+/,
+        "Invalid URL: Enter a valid GitHub link",
+      )
+      .url({ message: "Invalid URL" })
+      .optional()
+      .or(z.literal("")),
+    linkedinProfileUrl: z
+      .string()
+      .regex(/^https:\/\/.+/, "Invalid URL: Please try again with https://")
+      .regex(
+        /^https:\/\/(www\.)?linkedin\.com\/.+/,
+        "Invalid URL: Enter a valid LinkedIn link",
+      )
+      .regex(
+        /^https:\/\/(www\.)?linkedin\.com\/in\/[a-zA-Z0-9_-]+\/?$/,
+        "Invalid URL: Do not use a mobile URL/excessively long URL",
+      )
+      .url({ message: "Invalid URL" })
+      .optional()
+      .or(z.literal("")),
+    websiteUrl: z
+      .string()
+      .regex(
+        /^https?:\/\/.+/,
+        "Invalid URL: Please try again with https:// or http://",
+      )
+      .url({ message: "Invalid URL" })
+      .optional()
+      .or(z.literal("")),
+    resumeUpload: createResumeUploadSchema(),
+    agreesToMLHCodeOfConduct: z.boolean().refine((value) => value),
+    agreesToMLHDataSharing: z.boolean().refine((value) => value),
+    agreesToReceiveEmailsFromMLH: z.boolean(),
+  });
+}
+
+export type HackerProfileFormValues = z.output<
+  ReturnType<typeof createHackerProfileClientSchema>
+>;
+
+export type HackerApplicationFormValues = z.output<
+  ReturnType<typeof createHackerApplicationClientSchema>
+>;
+
+export const HACKER_APPLICATION_DEFAULT_VALUES: Partial<HackerApplicationFormValues> =
+  {
+    firstName: "",
+    lastName: "",
+    gender: undefined,
+    email: "",
+    phoneNumber: "",
+    country: undefined,
+    school: undefined,
+    levelOfStudy: undefined,
+    major: undefined,
+    raceOrEthnicity: undefined,
+    shirtSize: undefined,
+    githubProfileUrl: "",
+    linkedinProfileUrl: "",
+    websiteUrl: "",
+    resumeUrl: "",
+    dob: "",
+    gradDate: "",
+    survey1: "",
+    survey2: "",
+    isFirstTime: false,
+    foodAllergies: "",
+    agreesToReceiveEmailsFromMLH: false,
+    agreesToMLHCodeOfConduct: false,
+    agreesToMLHDataSharing: false,
+  };
+
+function getDateInputValue(value: Date | string) {
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return date.toISOString().slice(0, 10);
+}
+
+export function getHackerApplicationPrefill(
+  context: PortalApplicationContext | undefined,
+): {
+  selectedAllergies: string[];
+  source: "hacker" | "member";
+  values: Partial<HackerApplicationFormValues>;
+} | null {
+  if (!context) return null;
+
+  const { previousHacker, memberProfile } = context;
+  if (previousHacker) {
+    return {
+      source: "hacker",
+      selectedAllergies: previousHacker.foodAllergies
+        ? previousHacker.foodAllergies.split(",")
+        : [],
+      values: {
+        firstName: previousHacker.firstName,
+        lastName: previousHacker.lastName,
+        gender: previousHacker.gender,
+        raceOrEthnicity: previousHacker.raceOrEthnicity,
+        email: previousHacker.email,
+        phoneNumber: previousHacker.phoneNumber || "",
+        country: previousHacker.country,
+        school: previousHacker.school,
+        levelOfStudy: previousHacker.levelOfStudy,
+        major: previousHacker.major,
+        shirtSize: previousHacker.shirtSize,
+        githubProfileUrl: previousHacker.githubProfileUrl ?? undefined,
+        linkedinProfileUrl: previousHacker.linkedinProfileUrl ?? undefined,
+        websiteUrl: previousHacker.websiteUrl ?? undefined,
+        resumeUrl: previousHacker.resumeUrl ?? "",
+        dob: getDateInputValue(previousHacker.dob),
+        gradDate: getDateInputValue(previousHacker.gradDate),
+        survey1: "",
+        survey2: "",
+        isFirstTime: previousHacker.isFirstTime ?? false,
+        foodAllergies: previousHacker.foodAllergies,
+        agreesToReceiveEmailsFromMLH: false,
+        agreesToMLHCodeOfConduct: false,
+        agreesToMLHDataSharing: false,
+      },
+    };
+  }
+
+  if (!memberProfile) return null;
+  return {
+    source: "member",
+    selectedAllergies: [],
+    values: {
+      firstName: memberProfile.firstName,
+      lastName: memberProfile.lastName,
+      gender: memberProfile.gender,
+      raceOrEthnicity: memberProfile.raceOrEthnicity,
+      email: memberProfile.email,
+      phoneNumber: memberProfile.phoneNumber ?? "",
+      country: undefined,
+      school: memberProfile.school,
+      levelOfStudy: memberProfile.levelOfStudy,
+      major: memberProfile.major,
+      shirtSize: memberProfile.shirtSize,
+      githubProfileUrl: memberProfile.githubProfileUrl ?? undefined,
+      linkedinProfileUrl: memberProfile.linkedinProfileUrl ?? undefined,
+      websiteUrl: memberProfile.websiteUrl ?? undefined,
+      resumeUrl: memberProfile.resumeUrl ?? "",
+      dob: getDateInputValue(memberProfile.dob),
+      gradDate: getDateInputValue(memberProfile.gradDate),
+      survey1: "",
+      survey2: "",
+      isFirstTime: false,
+      foodAllergies: "",
+      agreesToReceiveEmailsFromMLH: false,
+      agreesToMLHCodeOfConduct: false,
+      agreesToMLHDataSharing: false,
+    },
+  };
+}
diff --git a/packages/hackathon/src/client.tsx b/packages/hackathon/src/client.tsx
new file mode 100644
index 000000000..d59f787a8
--- /dev/null
+++ b/packages/hackathon/src/client.tsx
@@ -0,0 +1,328 @@
+"use client";
+
+import type { QueryClient } from "@tanstack/react-query";
+import type { TRPCClient } from "@trpc/client";
+import type { ReactNode } from "react";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import {
+  QueryClientProvider,
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
+import { createTRPCClient, unstable_httpBatchStreamLink } from "@trpc/client";
+import SuperJSON from "superjson";
+
+import type { ParticipantRouter } from "@forge/api/participant";
+
+import type { HackathonPortalConfig } from "./config";
+import type { PortalApplicationInput } from "./types";
+import {
+  createHackerApplicationClientSchema,
+  createHackerProfileClientSchema,
+  getHackerApplicationPrefill,
+  HACKER_APPLICATION_DEFAULT_VALUES,
+} from "./application-schema";
+import { createHackathonQueryClient } from "./query-client";
+
+export type {
+  HackerApplicationFormValues,
+  HackerProfileFormValues,
+} from "./application-schema";
+
+const PortalConfigContext = createContext<HackathonPortalConfig | null>(null);
+type PortalTRPCClient = TRPCClient<ParticipantRouter>;
+
+const PortalClientContext = createContext<PortalTRPCClient | null>(null);
+let browserQueryClient: QueryClient | undefined;
+
+function getQueryClient() {
+  if (typeof window === "undefined") return createHackathonQueryClient();
+  return (browserQueryClient ??= createHackathonQueryClient());
+}
+
+export function HackathonPortalProvider({
+  children,
+  config,
+}: {
+  children: ReactNode;
+  config: HackathonPortalConfig;
+}) {
+  const queryClient = getQueryClient();
+  const [trpcClient] = useState(() =>
+    createTRPCClient<ParticipantRouter>({
+      links: [
+        unstable_httpBatchStreamLink({
+          transformer: SuperJSON,
+          url: "/api/trpc",
+          headers: { "x-trpc-source": "hackathon-portal" },
+        }),
+      ],
+    }),
+  );
+
+  return (
+    <PortalConfigContext.Provider value={config}>
+      <PortalClientContext.Provider value={trpcClient}>
+        <QueryClientProvider client={queryClient}>
+          {children}
+        </QueryClientProvider>
+      </PortalClientContext.Provider>
+    </PortalConfigContext.Provider>
+  );
+}
+
+export function useHackathonPortalConfig() {
+  const config = useContext(PortalConfigContext);
+  if (!config) {
+    throw new Error(
+      "useHackathonPortalConfig must be used inside HackathonPortalProvider.",
+    );
+  }
+  return config;
+}
+
+function usePortalClient() {
+  const client = useContext(PortalClientContext);
+  if (!client) {
+    throw new Error(
+      "Hackathon portal hooks must be used inside HackathonPortalProvider.",
+    );
+  }
+  return client;
+}
+
+function portalQueryKey(name: string, hackathonName: string) {
+  return ["hackathon-portal", name, hackathonName] as const;
+}
+
+export function useHackerApplicationFlow({
+  hackathonStartDate,
+}: {
+  hackathonStartDate: string;
+}) {
+  const config = useHackathonPortalConfig();
+  const client = usePortalClient();
+  const queryClient = useQueryClient();
+  const [activeStep, setActiveStep] = useState(0);
+  const [applicationSubmitted, setApplicationSubmitted] = useState(false);
+  const [hasHydrated, setHasHydrated] = useState(false);
+  const [isStepTransitioning, setIsStepTransitioning] = useState(false);
+  const [stepDirection, setStepDirection] = useState<"forward" | "back">(
+    "forward",
+  );
+  const [tosAccepted, setTosAccepted] = useState(false);
+  const [tosError, setTosError] = useState(false);
+  const [transitionStep, setTransitionStep] = useState<number | null>(null);
+  const contextKey = portalQueryKey(
+    "application-context",
+    config.hackathonName,
+  );
+  const dashboardKey = portalQueryKey("dashboard", config.hackathonName);
+  const contextQuery = useQuery({
+    queryKey: contextKey,
+    queryFn: () =>
+      client.portal.getApplicationContext.query({
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const applicationSchema = useMemo(
+    () => createHackerApplicationClientSchema(hackathonStartDate),
+    [hackathonStartDate],
+  );
+  const applicationPrefill = useMemo(
+    () => getHackerApplicationPrefill(contextQuery.data),
+    [contextQuery.data],
+  );
+
+  useEffect(() => {
+    const hydrationTimeout = window.setTimeout(() => setHasHydrated(true), 0);
+    return () => window.clearTimeout(hydrationTimeout);
+  }, []);
+  const uploadMutation = useMutation({
+    mutationFn: ({
+      fileContent,
+      fileName,
+    }: {
+      fileContent: string;
+      fileName: string;
+    }) =>
+      client.portal.uploadResume.mutate({
+        fileContent,
+        fileName,
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const submitMutation = useMutation({
+    mutationFn: (application: PortalApplicationInput) =>
+      client.portal.submitApplication.mutate({
+        ...application,
+        hackathonName: config.hackathonName,
+      }),
+    async onSuccess() {
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: contextKey }),
+        queryClient.invalidateQueries({ queryKey: dashboardKey }),
+      ]);
+    },
+  });
+
+  return {
+    activeStep,
+    applicationContext: contextQuery.data,
+    applicationPrefill,
+    applicationSchema,
+    applicationSubmitted,
+    contextQuery,
+    defaultValues: HACKER_APPLICATION_DEFAULT_VALUES,
+    hasExistingApplication: Boolean(contextQuery.data?.existingApplication),
+    hasHydrated,
+    isStepTransitioning,
+    setActiveStep,
+    setApplicationSubmitted,
+    setIsStepTransitioning,
+    setStepDirection,
+    setTosAccepted,
+    setTosError,
+    setTransitionStep,
+    stepDirection,
+    submitApplication: submitMutation.mutateAsync,
+    submitMutation,
+    tosAccepted,
+    tosError,
+    transitionStep,
+    uploadResume: (fileName: string, fileContent: string) =>
+      uploadMutation.mutateAsync({ fileContent, fileName }),
+    uploadMutation,
+  };
+}
+
+export function useHackerDashboardFlow() {
+  const config = useHackathonPortalConfig();
+  const client = usePortalClient();
+  const queryClient = useQueryClient();
+  const dashboardKey = portalQueryKey("dashboard", config.hackathonName);
+  const dashboardQuery = useQuery({
+    queryKey: dashboardKey,
+    queryFn: () =>
+      client.portal.getDashboard.query({
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const dashboard = dashboardQuery.data;
+  const isCheckedIn = dashboard?.participant?.status === "checkedin";
+  const scheduleQuery = useQuery({
+    enabled: isCheckedIn,
+    queryKey: portalQueryKey("schedule", config.hackathonName),
+    queryFn: () =>
+      client.portal.getSchedule.query({
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const resumeQuery = useQuery({
+    enabled: Boolean(dashboard?.participant),
+    queryKey: portalQueryKey("resume", config.hackathonName),
+    queryFn: () =>
+      client.portal.getResume.query({
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const refreshDashboard = () =>
+    queryClient.invalidateQueries({ queryKey: dashboardKey });
+  const confirmMutation = useMutation({
+    mutationFn: () =>
+      client.portal.confirmAttendance.mutate({
+        hackathonName: config.hackathonName,
+      }),
+    onSuccess: refreshDashboard,
+  });
+  const withdrawMutation = useMutation({
+    mutationFn: () =>
+      client.portal.withdrawAttendance.mutate({
+        hackathonName: config.hackathonName,
+      }),
+    onSuccess: refreshDashboard,
+  });
+  const qrMutation = useMutation({
+    mutationFn: () =>
+      client.portal.getQRCode.query({
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const reportIssueMutation = useMutation({
+    mutationFn: (description: string) =>
+      client.portal.reportIssue.mutate({
+        description,
+        hackathonName: config.hackathonName,
+      }),
+  });
+
+  return {
+    config,
+    confirmAttendance: confirmMutation.mutateAsync,
+    confirmMutation,
+    dashboard,
+    dashboardQuery,
+    loadQRCode: qrMutation.mutateAsync,
+    qrCode: qrMutation.data?.qrCodeUrl,
+    qrMutation,
+    reportIssue: reportIssueMutation.mutateAsync,
+    reportIssueMutation,
+    resumeUrl: resumeQuery.data?.url,
+    resumeQuery,
+    schedule: scheduleQuery.data ?? [],
+    scheduleQuery,
+    withdrawAttendance: withdrawMutation.mutateAsync,
+    withdrawMutation,
+  };
+}
+
+export function useHackerProfileFlow() {
+  const config = useHackathonPortalConfig();
+  const client = usePortalClient();
+  const queryClient = useQueryClient();
+  const dashboardKey = portalQueryKey("dashboard", config.hackathonName);
+  const profileSchema = useMemo(() => createHackerProfileClientSchema(), []);
+  const dashboardQuery = useQuery({
+    queryKey: dashboardKey,
+    queryFn: () =>
+      client.portal.getDashboard.query({
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const uploadMutation = useMutation({
+    mutationFn: ({
+      fileContent,
+      fileName,
+    }: {
+      fileContent: string;
+      fileName: string;
+    }) =>
+      client.portal.uploadResume.mutate({
+        fileContent,
+        fileName,
+        hackathonName: config.hackathonName,
+      }),
+  });
+  const updateMutation = useMutation({
+    mutationFn: (profile: PortalApplicationInput) =>
+      client.portal.updateProfile.mutate({
+        ...profile,
+        hackathonName: config.hackathonName,
+      }),
+    async onSuccess() {
+      await queryClient.invalidateQueries({ queryKey: dashboardKey });
+    },
+  });
+
+  return {
+    participant: dashboardQuery.data?.participant,
+    dashboardQuery,
+    profileSchema,
+    updateProfile: updateMutation.mutateAsync,
+    updateMutation,
+    uploadResume: (fileName: string, fileContent: string) =>
+      uploadMutation.mutateAsync({ fileContent, fileName }),
+    uploadMutation,
+  };
+}
diff --git a/packages/hackathon/src/config.ts b/packages/hackathon/src/config.ts
new file mode 100644
index 000000000..c1257f596
--- /dev/null
+++ b/packages/hackathon/src/config.ts
@@ -0,0 +1,78 @@
+export interface HackathonPortalConfig {
+  hackathonName: string;
+  routes: {
+    home: string;
+    dashboard: string;
+    apply: string;
+    profile: string;
+  };
+  termsUrl: string;
+  guideUrl: string;
+  copy: {
+    applicationName: string;
+    supportChannelUrl: string;
+  };
+}
+
+export const APPLICATION_STEPS = [
+  {
+    id: "profile",
+    title: "Basics",
+    eyebrow: "Start",
+    fields: ["firstName", "lastName"],
+  },
+  {
+    id: "contact",
+    title: "Contact",
+    eyebrow: "Reachability",
+    fields: ["email", "phoneNumber"],
+  },
+  {
+    id: "identity",
+    title: "About You",
+    eyebrow: "Profile",
+    fields: ["dob", "country", "gender", "raceOrEthnicity"],
+  },
+  {
+    id: "education",
+    title: "School",
+    eyebrow: "Education",
+    fields: ["levelOfStudy", "school", "major", "gradDate", "shirtSize"],
+  },
+  {
+    id: "application",
+    title: "Application",
+    eyebrow: "Application",
+    fields: ["survey1", "survey2"],
+  },
+  {
+    id: "links",
+    title: "Links",
+    eyebrow: "Portfolio",
+    fields: [
+      "githubProfileUrl",
+      "linkedinProfileUrl",
+      "websiteUrl",
+      "resumeUpload",
+    ],
+  },
+  {
+    id: "event",
+    title: "Event Details",
+    eyebrow: "Event Details",
+    fields: ["foodAllergies", "isFirstTime"],
+  },
+  {
+    id: "tosAccepted",
+    title: "Agreements",
+    eyebrow: "Finalize",
+    fields: [
+      "agreesToMLHCodeOfConduct",
+      "agreesToMLHDataSharing",
+      "agreesToReceiveEmailsFromMLH",
+    ],
+  },
+] as const;
+
+export type ApplicationStep = (typeof APPLICATION_STEPS)[number];
+export type ApplicationFieldName = ApplicationStep["fields"][number];
diff --git a/packages/hackathon/src/index.ts b/packages/hackathon/src/index.ts
new file mode 100644
index 000000000..ec4b5829c
--- /dev/null
+++ b/packages/hackathon/src/index.ts
@@ -0,0 +1,3 @@
+export * from "./config";
+export * from "./lifecycle";
+export * from "./types";
diff --git a/packages/hackathon/src/lifecycle.ts b/packages/hackathon/src/lifecycle.ts
new file mode 100644
index 000000000..948b956c0
--- /dev/null
+++ b/packages/hackathon/src/lifecycle.ts
@@ -0,0 +1,60 @@
+import type { HackerStatus } from "./types";
+
+export type HackerLifecycleState =
+  | "application-before-open"
+  | "application-open"
+  | "application-closed"
+  | "pending"
+  | "accepted"
+  | "accepted-confirmation-closed"
+  | "accepted-at-capacity"
+  | "confirmed"
+  | "checked-in"
+  | "denied"
+  | "waitlisted"
+  | "withdrawn";
+
+export function getHackerLifecycleState({
+  applicationDeadline,
+  applicationOpen,
+  confirmationCapacity,
+  confirmationDeadline,
+  confirmedCount,
+  now = new Date(),
+  status,
+}: {
+  applicationDeadline: Date;
+  applicationOpen: Date;
+  confirmationCapacity: number | null;
+  confirmationDeadline: Date;
+  confirmedCount: number;
+  now?: Date;
+  status: HackerStatus | null;
+}): HackerLifecycleState {
+  if (!status) {
+    if (now < applicationOpen) return "application-before-open";
+    if (now > applicationDeadline) return "application-closed";
+    return "application-open";
+  }
+
+  if (status === "accepted") {
+    if (now > confirmationDeadline) return "accepted-confirmation-closed";
+    if (
+      confirmationCapacity != null &&
+      confirmedCount >= confirmationCapacity
+    ) {
+      return "accepted-at-capacity";
+    }
+  }
+
+  const states: Record<HackerStatus, HackerLifecycleState> = {
+    accepted: "accepted",
+    checkedin: "checked-in",
+    confirmed: "confirmed",
+    denied: "denied",
+    pending: "pending",
+    waitlisted: "waitlisted",
+    withdrawn: "withdrawn",
+  };
+  return states[status];
+}
diff --git a/packages/hackathon/src/query-client.ts b/packages/hackathon/src/query-client.ts
new file mode 100644
index 000000000..d739d46e8
--- /dev/null
+++ b/packages/hackathon/src/query-client.ts
@@ -0,0 +1,20 @@
+import {
+  defaultShouldDehydrateQuery,
+  QueryClient,
+} from "@tanstack/react-query";
+import SuperJSON from "superjson";
+
+export function createHackathonQueryClient() {
+  return new QueryClient({
+    defaultOptions: {
+      queries: { staleTime: 30_000 },
+      dehydrate: {
+        serializeData: SuperJSON.serialize,
+        shouldDehydrateQuery: (query) =>
+          defaultShouldDehydrateQuery(query) ||
+          query.state.status === "pending",
+      },
+      hydrate: { deserializeData: SuperJSON.deserialize },
+    },
+  });
+}
diff --git a/packages/hackathon/src/server.ts b/packages/hackathon/src/server.ts
new file mode 100644
index 000000000..75dc40f1a
--- /dev/null
+++ b/packages/hackathon/src/server.ts
@@ -0,0 +1,15 @@
+import type { Session } from "@forge/auth/server";
+import {
+  createParticipantCaller,
+  createTRPCContext,
+} from "@forge/api/participant";
+
+export function createHackathonPortalServerCaller({
+  headers,
+  session,
+}: {
+  headers: Headers;
+  session: Session | null;
+}): ReturnType<typeof createParticipantCaller> {
+  return createParticipantCaller(() => createTRPCContext({ headers, session }));
+}
diff --git a/packages/hackathon/src/types.ts b/packages/hackathon/src/types.ts
new file mode 100644
index 000000000..ef4b50773
--- /dev/null
+++ b/packages/hackathon/src/types.ts
@@ -0,0 +1,18 @@
+import type {
+  Participant,
+  ParticipantApplicationContext,
+  ParticipantDashboard,
+  ParticipantScheduleEvent,
+} from "@forge/api/participant";
+import type { FORMS } from "@forge/consts";
+import type { HackerApplicationWireInput } from "@forge/validators";
+
+export type HackerStatus = (typeof FORMS.HACKATHON_APPLICATION_STATES)[number];
+
+export type PortalParticipant = Participant;
+export type PortalDashboardData = ParticipantDashboard;
+export type PortalApplicationContext = ParticipantApplicationContext;
+
+export type PortalApplicationInput = HackerApplicationWireInput;
+
+export type PortalScheduleEvent = ParticipantScheduleEvent;
diff --git a/packages/hackathon/tsconfig.json b/packages/hackathon/tsconfig.json
new file mode 100644
index 000000000..ea861c33a
--- /dev/null
+++ b/packages/hackathon/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "@forge/tsconfig/internal-package.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "dom", "dom.iterable"],
+    "jsx": "preserve",
+    "rootDir": "."
+  },
+  "include": ["src"]
+}
diff --git a/packages/utils/src/discord-env.ts b/packages/utils/src/discord-env.ts
new file mode 100644
index 000000000..3fcf9def5
--- /dev/null
+++ b/packages/utils/src/discord-env.ts
@@ -0,0 +1,9 @@
+import { createEnv } from "@t3-oss/env-core";
+import { z } from "zod";
+
+export const discordEnv = createEnv({
+  server: { DISCORD_BOT_TOKEN: z.string() },
+  runtimeEnv: process.env,
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/packages/utils/src/discord.ts b/packages/utils/src/discord.ts
index 0e502280b..027d09db0 100644
--- a/packages/utils/src/discord.ts
+++ b/packages/utils/src/discord.ts
@@ -14,10 +14,12 @@ import { db } from "@forge/db/client";
 import { Account } from "@forge/db/schemas/auth";
 
 import { TEAMS } from "../../consts/src/team";
-import { env } from "./env";
+import { discordEnv } from "./discord-env";
 import { logger } from "./logger";
 
-export const api = new REST({ version: "10" }).setToken(env.DISCORD_BOT_TOKEN);
+export const api = new REST({ version: "10" }).setToken(
+  discordEnv.DISCORD_BOT_TOKEN,
+);
 
 export async function sendRecruitingApplication(
   teamName: string,
diff --git a/packages/utils/src/google-env.ts b/packages/utils/src/google-env.ts
new file mode 100644
index 000000000..22c7c1d20
--- /dev/null
+++ b/packages/utils/src/google-env.ts
@@ -0,0 +1,12 @@
+import { createEnv } from "@t3-oss/env-core";
+import { z } from "zod";
+
+export const googleEnv = createEnv({
+  server: {
+    GOOGLE_CLIENT_EMAIL: z.string(),
+    GOOGLE_PRIVATE_KEY_B64: z.string(),
+  },
+  runtimeEnv: process.env,
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/packages/utils/src/google.ts b/packages/utils/src/google.ts
index 7d0d86269..13c98b3f7 100644
--- a/packages/utils/src/google.ts
+++ b/packages/utils/src/google.ts
@@ -4,9 +4,12 @@ import { google } from "googleapis";
 
 import { EVENTS } from "@forge/consts";
 
-import { env } from "./env";
+import { googleEnv } from "./google-env";
 
-const GOOGLE_PRIVATE_KEY = Buffer.from(env.GOOGLE_PRIVATE_KEY_B64, "base64")
+const GOOGLE_PRIVATE_KEY = Buffer.from(
+  googleEnv.GOOGLE_PRIVATE_KEY_B64,
+  "base64",
+)
   .toString("utf-8")
   .replace(/\\n/g, "\n");
 
@@ -16,7 +19,7 @@ const gapiGmailSettingsSharing =
   "https://www.googleapis.com/auth/gmail.settings.sharing";
 
 const auth = new google.auth.JWT({
-  email: env.GOOGLE_CLIENT_EMAIL,
+  email: googleEnv.GOOGLE_CLIENT_EMAIL,
   key: GOOGLE_PRIVATE_KEY,
   scopes: [gapiCalendar, gapiGmailSend, gapiGmailSettingsSharing],
   subject: EVENTS.GOOGLE_PERSONIFY_EMAIL as string,
diff --git a/packages/utils/src/stripe-env.ts b/packages/utils/src/stripe-env.ts
new file mode 100644
index 000000000..4e53c0bdb
--- /dev/null
+++ b/packages/utils/src/stripe-env.ts
@@ -0,0 +1,9 @@
+import { createEnv } from "@t3-oss/env-core";
+import { z } from "zod";
+
+export const stripeEnv = createEnv({
+  server: { STRIPE_SECRET_KEY: z.string() },
+  runtimeEnv: process.env,
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/packages/utils/src/stripe.ts b/packages/utils/src/stripe.ts
index 90f8fa73a..7b2988b4e 100644
--- a/packages/utils/src/stripe.ts
+++ b/packages/utils/src/stripe.ts
@@ -2,6 +2,8 @@ import "server-only";
 
 import Stripe from "stripe";
 
-import { env } from "./env";
+import { stripeEnv } from "./stripe-env";
 
-export const stripe = new Stripe(env.STRIPE_SECRET_KEY, { typescript: true });
+export const stripe = new Stripe(stripeEnv.STRIPE_SECRET_KEY, {
+  typescript: true,
+});
diff --git a/packages/validators/package.json b/packages/validators/package.json
index 1f931d5ef..eae38d95f 100644
--- a/packages/validators/package.json
+++ b/packages/validators/package.json
@@ -19,6 +19,7 @@
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
+    "@forge/consts": "workspace:*",
     "minimatch": "^10.2.4",
     "zod": "catalog:"
   },
diff --git a/packages/validators/src/hackathons.ts b/packages/validators/src/hackathons.ts
index 3cfc0882d..1c8d2557e 100644
--- a/packages/validators/src/hackathons.ts
+++ b/packages/validators/src/hackathons.ts
@@ -23,6 +23,51 @@ export const hackathonThemeSchema = z
   .min(1, "Theme is required.")
   .max(255, "Theme must be 255 characters or fewer.");
 
+export const hackathonPortalOriginSchema = z
+  .string()
+  .trim()
+  .url("Enter a valid portal URL.")
+  .superRefine((value, ctx) => {
+    const url = new URL(value);
+
+    if (url.protocol !== "http:" && url.protocol !== "https:") {
+      ctx.addIssue({
+        code: "custom",
+        message: "Portal URLs must use HTTP or HTTPS.",
+      });
+    }
+
+    if (
+      url.username ||
+      url.password ||
+      url.pathname !== "/" ||
+      url.search ||
+      url.hash
+    ) {
+      ctx.addIssue({
+        code: "custom",
+        message: "Enter the portal origin without a path, query, or hash.",
+      });
+    }
+  })
+  .transform((value) => new URL(value).origin);
+
+export const hackathonPortalBaseUrlSchema = z.preprocess(
+  (value) =>
+    typeof value === "string" && value.trim().length === 0 ? null : value,
+  hackathonPortalOriginSchema.nullable(),
+);
+
+export const hackathonConfirmationCapacitySchema = z.preprocess(
+  (value) =>
+    value === "" || value === undefined || value === null ? null : value,
+  z.coerce
+    .number()
+    .int("Confirmation capacity must be a whole number.")
+    .positive("Confirmation capacity must be greater than zero.")
+    .nullable(),
+);
+
 export function createHackathonApplicationBackgroundKeySchema<
   T extends readonly [string, ...string[]],
 >(backgroundKeys: T) {
diff --git a/packages/validators/src/hacker.ts b/packages/validators/src/hacker.ts
new file mode 100644
index 000000000..839587900
--- /dev/null
+++ b/packages/validators/src/hacker.ts
@@ -0,0 +1,41 @@
+import { z } from "zod";
+
+import { FORMS } from "@forge/consts";
+
+const optionalUrl = z.union([z.literal(""), z.string().url()]).optional();
+
+export const hackerApplicationWireSchema = z.object({
+  firstName: z.string().trim().min(1).max(255),
+  lastName: z.string().trim().min(1).max(255),
+  email: z.string().email().max(255),
+  phoneNumber: z.string().max(255),
+  country: z.enum(FORMS.COUNTRIES),
+  school: z.enum(FORMS.SCHOOLS),
+  major: z.enum(FORMS.MAJORS),
+  levelOfStudy: z.enum(FORMS.LEVELS_OF_STUDY),
+  gender: z.enum(FORMS.GENDERS).default("Prefer not to answer"),
+  raceOrEthnicity: z
+    .enum(FORMS.RACES_OR_ETHNICITIES)
+    .default("Prefer not to answer"),
+  shirtSize: z.enum(FORMS.SHIRT_SIZES),
+  githubProfileUrl: optionalUrl,
+  linkedinProfileUrl: optionalUrl,
+  websiteUrl: optionalUrl,
+  resumeUrl: z.string().nullable().optional(),
+  dob: z.string().min(1),
+  gradDate: z.string().min(1),
+  survey1: z.string().min(1),
+  survey2: z.string().min(1),
+  isFirstTime: z.boolean().default(false),
+  foodAllergies: z.string().nullable().optional(),
+  agreesToReceiveEmailsFromMLH: z.boolean().default(false),
+  agreesToMLHCodeOfConduct: z.boolean(),
+  agreesToMLHDataSharing: z.boolean(),
+});
+
+export type HackerApplicationWireInput = z.input<
+  typeof hackerApplicationWireSchema
+>;
+export type HackerApplicationWireData = z.output<
+  typeof hackerApplicationWireSchema
+>;
diff --git a/packages/validators/src/index.ts b/packages/validators/src/index.ts
index f13865c4c..0f4d13c93 100644
--- a/packages/validators/src/index.ts
+++ b/packages/validators/src/index.ts
@@ -1,6 +1,7 @@
 import { z } from "zod";
 
 export * from "./hackathons";
+export * from "./hacker";
 
 export const unused = z.string().describe(
   `This lib is currently not used as we use drizzle-zod for simple schemas
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4ec326310..96f2c1e9a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -359,12 +359,21 @@ importers:
       '@forge/auth':
         specifier: workspace:*
         version: link:../../packages/auth
+      '@forge/consts':
+        specifier: workspace:*
+        version: link:../../packages/consts
       '@forge/db':
         specifier: workspace:*
         version: link:../../packages/db
+      '@forge/hackathon':
+        specifier: workspace:*
+        version: link:../../packages/hackathon
       '@forge/ui':
         specifier: workspace:*
         version: link:../../packages/ui
+      '@forge/validators':
+        specifier: workspace:*
+        version: link:../../packages/validators
       '@gsap/react':
         specifier: ^2.1.2
         version: 2.1.2(gsap@3.14.2)(react@19.2.4)
@@ -380,6 +389,9 @@ importers:
       '@svgr/webpack':
         specifier: ^8.1.0
         version: 8.1.0(typescript@5.9.3)
+      '@trpc/server':
+        specifier: 'catalog:'
+        version: 11.10.0(typescript@5.9.3)
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -444,6 +456,9 @@ importers:
       eslint:
         specifier: 'catalog:'
         version: 10.0.2(jiti@2.6.1)
+      jiti:
+        specifier: ^2.6.1
+        version: 2.6.1
       prettier:
         specifier: 'catalog:'
         version: 3.8.1
@@ -1212,6 +1227,58 @@ importers:
         specifier: 'catalog:'
         version: 5.9.3
 
+  packages/hackathon:
+    dependencies:
+      '@forge/api':
+        specifier: workspace:*
+        version: link:../api
+      '@forge/auth':
+        specifier: workspace:*
+        version: link:../auth
+      '@forge/consts':
+        specifier: workspace:*
+        version: link:../consts
+      '@forge/validators':
+        specifier: workspace:*
+        version: link:../validators
+      '@tanstack/react-query':
+        specifier: 'catalog:'
+        version: 5.90.21(react@19.2.4)
+      '@trpc/client':
+        specifier: 'catalog:'
+        version: 11.10.0(@trpc/server@11.10.0(typescript@5.9.3))(typescript@5.9.3)
+      superjson:
+        specifier: 2.2.6
+        version: 2.2.6
+      zod:
+        specifier: 'catalog:'
+        version: 4.3.6
+    devDependencies:
+      '@forge/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint
+      '@forge/prettier-config':
+        specifier: workspace:*
+        version: link:../../tooling/prettier
+      '@forge/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/typescript
+      '@types/react':
+        specifier: ^19.2.14
+        version: 19.2.14
+      eslint:
+        specifier: 'catalog:'
+        version: 10.0.2(jiti@2.6.1)
+      prettier:
+        specifier: 'catalog:'
+        version: 3.8.1
+      react:
+        specifier: ^19.2.4
+        version: 19.2.4
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+
   packages/ui:
     dependencies:
       '@hookform/resolvers':
@@ -1396,6 +1463,9 @@ importers:
 
   packages/validators:
     dependencies:
+      '@forge/consts':
+        specifier: workspace:*
+        version: link:../consts
       minimatch:
         specifier: ^10.2.4
         version: 10.2.4
diff --git a/turbo.json b/turbo.json
index 85243969d..24adadd6f 100644
--- a/turbo.json
+++ b/turbo.json
@@ -62,7 +62,8 @@
     "DISCORD_DAILY_ANIMAL_WEBHOOK_URL",
     "DISCORD_LEETCODE_DAILY_WEBHOOK_URL",
     "DISCORD_WEATHER_API_KEY",
-    "BLADE_URL"
+    "BLADE_URL",
+    "BLOOMKNIGHTS_URL"
   ],
   "globalPassThroughEnv": ["NODE_ENV", "CI", "npm_lifecycle_event"]
 }

From f79c238fb7351c1af5b85c7c4e2819d9789b0010 Mon Sep 17 00:00:00 2001
From: DVidal1205 <dylanvidal1204@gmail.com>
Date: Fri, 3 Jul 2026 14:17:36 -0700
Subject: [PATCH 02/10] fix: keep blade server env out of client bundle

---
 .env.example                                    |  1 +
 .../dashboard/member/checkout-form.tsx          |  4 ++--
 apps/blade/src/env.client.ts                    | 17 +++++++++++++++++
 apps/blade/src/trpc/react.tsx                   |  4 ++--
 turbo.json                                      |  1 +
 5 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 apps/blade/src/env.client.ts

diff --git a/.env.example b/.env.example
index 79544a8e4..e07a867d1 100644
--- a/.env.example
+++ b/.env.example
@@ -35,6 +35,7 @@ MINIO_SECRET_KEY="minioadmin"
 
 # Blade URL
 BLADE_URL="http://localhost:3000"
+NEXT_PUBLIC_BLADE_URL="http://localhost:3000"
 BLOOMKNIGHTS_URL="http://localhost:3006"
 
 # Passkit
diff --git a/apps/blade/src/app/_components/dashboard/member/checkout-form.tsx b/apps/blade/src/app/_components/dashboard/member/checkout-form.tsx
index a5906a163..daecf289e 100644
--- a/apps/blade/src/app/_components/dashboard/member/checkout-form.tsx
+++ b/apps/blade/src/app/_components/dashboard/member/checkout-form.tsx
@@ -18,10 +18,10 @@ import { Label } from "@forge/ui/label";
 import { useTheme } from "@forge/ui/theme";
 import { toast } from "@forge/ui/toast";
 
-import { env } from "~/env";
+import { clientEnv } from "~/env.client";
 import { api } from "~/trpc/react";
 
-const stripePromise = loadStripe(env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY);
+const stripePromise = loadStripe(clientEnv.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY);
 
 function buildAppearance(isDark: boolean): Appearance {
   return {
diff --git a/apps/blade/src/env.client.ts b/apps/blade/src/env.client.ts
new file mode 100644
index 000000000..7c3667a6d
--- /dev/null
+++ b/apps/blade/src/env.client.ts
@@ -0,0 +1,17 @@
+/* eslint-disable no-restricted-properties */
+import { createEnv } from "@t3-oss/env-nextjs";
+import { z } from "zod";
+
+export const clientEnv = createEnv({
+  client: {
+    NEXT_PUBLIC_BLADE_URL: z.string().url().default("http://localhost:3000"),
+    NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: z.string(),
+  },
+  experimental__runtimeEnv: {
+    NEXT_PUBLIC_BLADE_URL: process.env.NEXT_PUBLIC_BLADE_URL,
+    NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY:
+      process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY,
+  },
+  skipValidation:
+    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+});
diff --git a/apps/blade/src/trpc/react.tsx b/apps/blade/src/trpc/react.tsx
index 55335d713..ec0d088dd 100644
--- a/apps/blade/src/trpc/react.tsx
+++ b/apps/blade/src/trpc/react.tsx
@@ -9,7 +9,7 @@ import SuperJSON from "superjson";
 
 import type { AppRouter } from "@forge/api";
 
-import { env } from "~/env";
+import { clientEnv } from "~/env.client";
 import { createQueryClient } from "./query-client";
 
 let clientQueryClientSingleton: QueryClient | undefined = undefined;
@@ -55,5 +55,5 @@ export function TRPCReactProvider(props: { children: React.ReactNode }) {
 
 const getBaseUrl = () => {
   if (typeof window !== "undefined") return window.location.origin;
-  return `http://localhost:${env.PORT}`;
+  return clientEnv.NEXT_PUBLIC_BLADE_URL;
 };
diff --git a/turbo.json b/turbo.json
index 24adadd6f..9c777866f 100644
--- a/turbo.json
+++ b/turbo.json
@@ -63,6 +63,7 @@
     "DISCORD_LEETCODE_DAILY_WEBHOOK_URL",
     "DISCORD_WEATHER_API_KEY",
     "BLADE_URL",
+    "NEXT_PUBLIC_BLADE_URL",
     "BLOOMKNIGHTS_URL"
   ],
   "globalPassThroughEnv": ["NODE_ENV", "CI", "npm_lifecycle_event"]

From 4af46559391c7fbd8ed1a111f8b0c679b8e0fc9d Mon Sep 17 00:00:00 2001
From: DVidal1205 <dylanvidal1204@gmail.com>
Date: Fri, 3 Jul 2026 14:20:42 -0700
Subject: [PATCH 03/10] fix: give bloom auth links stable keys

---
 apps/bloomknights/src/app/_components/navbar/NavContent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/bloomknights/src/app/_components/navbar/NavContent.tsx b/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
index f4a8099af..82ac183ab 100644
--- a/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
+++ b/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
@@ -79,7 +79,7 @@ function NavContent({
       <div className="hidden items-center justify-center gap-8 md:flex">
         {navLinks.map((link) => (
           <a
-            key={link.href}
+            key={`${link.label}:${link.href}`}
             href={link.href}
             className="wc-nav-link rounded-md px-2 py-1 text-base transition-[color,text-shadow,transform] duration-500 lg:text-lg"
             style={showGlow ? scrolledLinkGlow : undefined}
@@ -118,7 +118,7 @@ function NavContent({
             <div className="flex flex-col py-2">
               {navLinks.map((link) => (
                 <a
-                  key={link.href}
+                  key={`${link.label}:${link.href}`}
                   href={link.href}
                   className="font-righteous px-5 py-3 text-lg tracking-normal transition-colors duration-300 hover:bg-[#245f34]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#245f34]"
                   tabIndex={isHidden ? -1 : undefined}

From 21dc7137fea116ef97f1e07a186f2c070a0d4924 Mon Sep 17 00:00:00 2001
From: DVidal1205 <dylanvidal1204@gmail.com>
Date: Fri, 3 Jul 2026 14:26:14 -0700
Subject: [PATCH 04/10] feat: broker bloom localhost auth through blade

---
 apps/blade/src/app/auth/bloom-return/route.ts | 26 +++++++++++++
 apps/blade/src/env.ts                         |  4 +-
 .../src/app/api/auth/signin/route.ts          | 38 ++++++++++++++++++-
 apps/bloomknights/src/env.ts                  |  2 +
 packages/auth/package.json                    |  1 +
 packages/hackathon/README.md                  |  7 ++++
 6 files changed, 76 insertions(+), 2 deletions(-)
 create mode 100644 apps/blade/src/app/auth/bloom-return/route.ts

diff --git a/apps/blade/src/app/auth/bloom-return/route.ts b/apps/blade/src/app/auth/bloom-return/route.ts
new file mode 100644
index 000000000..19abe095b
--- /dev/null
+++ b/apps/blade/src/app/auth/bloom-return/route.ts
@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+
+import { sanitizeCallbackURL } from "@forge/auth/callback-url";
+
+import { env } from "~/env";
+
+export function GET(request: Request) {
+  if (env.NODE_ENV !== "development") {
+    return new NextResponse(null, { status: 404 });
+  }
+
+  const requestUrl = new URL(request.url);
+  const bloomOrigin = new URL(env.BLOOMKNIGHTS_URL).origin;
+  const returnPath = sanitizeCallbackURL(
+    requestUrl.searchParams.get("returnTo"),
+    bloomOrigin,
+    "/dashboard",
+  );
+  const returnTo = new URL(returnPath, bloomOrigin);
+
+  if (requestUrl.searchParams.has("authError")) {
+    returnTo.searchParams.set("authError", "oauth");
+  }
+
+  return NextResponse.redirect(returnTo);
+}
diff --git a/apps/blade/src/env.ts b/apps/blade/src/env.ts
index ee69b4146..f2679d8b7 100644
--- a/apps/blade/src/env.ts
+++ b/apps/blade/src/env.ts
@@ -17,7 +17,9 @@ export const env = createEnv({
    * Specify your server-side environment variables schema here.
    * This way you can ensure the app isn't built with invalid env vars.
    */
-  server: {},
+  server: {
+    BLOOMKNIGHTS_URL: z.string().url().default("http://localhost:3006"),
+  },
 
   /**
    * Specify your client-side environment variables schema here.
diff --git a/apps/bloomknights/src/app/api/auth/signin/route.ts b/apps/bloomknights/src/app/api/auth/signin/route.ts
index 9ab533b13..1bd23eebc 100644
--- a/apps/bloomknights/src/app/api/auth/signin/route.ts
+++ b/apps/bloomknights/src/app/api/auth/signin/route.ts
@@ -1 +1,37 @@
-export { signInRoute as GET } from "~/auth/server";
+import { NextResponse } from "next/server";
+
+import { sanitizeCallbackURL } from "@forge/auth/callback-url";
+
+import { signInRoute } from "~/auth/server";
+import { env } from "~/env";
+
+export function GET(request: Request) {
+  if (env.NODE_ENV !== "development") return signInRoute(request);
+
+  const requestUrl = new URL(request.url);
+  const provider = requestUrl.searchParams.get("provider");
+  if (provider !== "discord") {
+    return NextResponse.json(
+      { error: "Unsupported provider parameter" },
+      { status: 400 },
+    );
+  }
+
+  const callbackPath = sanitizeCallbackURL(
+    requestUrl.searchParams.get("callbackURL"),
+    env.BLOOMKNIGHTS_URL,
+    "/dashboard",
+  );
+  const returnTo = new URL(callbackPath, env.BLOOMKNIGHTS_URL);
+  const bridgeUrl = new URL("/auth/bloom-return", env.BLADE_URL);
+  bridgeUrl.searchParams.set("returnTo", returnTo.toString());
+
+  const bladeSignInUrl = new URL("/api/auth/signin", env.BLADE_URL);
+  bladeSignInUrl.searchParams.set("provider", "discord");
+  bladeSignInUrl.searchParams.set(
+    "callbackURL",
+    `${bridgeUrl.pathname}${bridgeUrl.search}`,
+  );
+
+  return NextResponse.redirect(bladeSignInUrl);
+}
diff --git a/apps/bloomknights/src/env.ts b/apps/bloomknights/src/env.ts
index 116b1c8ff..0cb08ee45 100644
--- a/apps/bloomknights/src/env.ts
+++ b/apps/bloomknights/src/env.ts
@@ -5,6 +5,7 @@ import { hackathonPortalOriginSchema } from "@forge/validators";
 
 export const env = createEnv({
   server: {
+    BLADE_URL: hackathonPortalOriginSchema.default("http://localhost:3000"),
     BLOOMKNIGHTS_URL: hackathonPortalOriginSchema.default(
       "http://localhost:3006",
     ),
@@ -16,6 +17,7 @@ export const env = createEnv({
     PORT: z.coerce.number().default(3006),
   },
   runtimeEnv: {
+    BLADE_URL: process.env.BLADE_URL,
     BLOOMKNIGHTS_URL: process.env.BLOOMKNIGHTS_URL,
     NODE_ENV: process.env.NODE_ENV,
     PORT: process.env.PORT,
diff --git a/packages/auth/package.json b/packages/auth/package.json
index 071fdcbfe..58702a6ca 100644
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -12,6 +12,7 @@
     "./factory": "./src/factory.ts",
     "./server-factory": "./src/server-factory.ts",
     "./client-factory": "./src/client-factory.ts",
+    "./callback-url": "./src/callback-url.ts",
     "./env": "./src/env.ts"
   },
   "license": "MIT",
diff --git a/packages/hackathon/README.md b/packages/hackathon/README.md
index e4f8b78ef..0d4b0ede6 100644
--- a/packages/hackathon/README.md
+++ b/packages/hackathon/README.md
@@ -38,6 +38,13 @@ KH9-owned.
 
 ## Bloom rollout
 
+During localhost development, Bloom brokers Discord OAuth through Blade at port
+3000 and returns through Blade's `/auth/bloom-return` route. The bridge accepts
+only the configured Bloom origin. Because cookies are scoped to `localhost`
+rather than to ports, Blade and Bloom share the development session and logout.
+Production does not use this bridge; each deployed host keeps its own cookie and
+Bloom uses its own registered callback.
+
 Before enabling Blade redirects:
 
 1. Set `BLOOMKNIGHTS_URL` to the exact Bloom origin.

From 8dc2550d0b8af3d246ec882cdc8d7c424988a273 Mon Sep 17 00:00:00 2001
From: DVidal1205 <dylanvidal1204@gmail.com>
Date: Fri, 3 Jul 2026 14:51:29 -0700
Subject: [PATCH 05/10] feat(bloomknights): refine participant portal
 experience

---
 .../bloomknights/src/app/(marketing)/page.tsx |  24 +-
 .../application/hacker-application-form.tsx   |  95 ++--
 .../(portal)/_components/bloom-dashboard.tsx  | 526 ++++++++++++------
 .../bloomknights-dashboard-logo.tsx           |   6 +-
 .../bloomknights-dashboard-shell.tsx          |  36 +-
 .../_components/hacker-profile-form.tsx       |  84 +--
 .../(portal)/_components/portal-header.tsx    |  81 ++-
 .../src/app/(portal)/apply/page.tsx           |  22 +-
 .../src/app/(portal)/dashboard/page.tsx       |  14 +
 .../app/(portal)/dashboard/profile/page.tsx   |  30 +-
 .../src/app/_components/navbar/NavContent.tsx |   2 +-
 .../src/app/_components/navbar/Navbar.tsx     |   4 -
 apps/bloomknights/src/app/globals.css         |  73 +++
 packages/hackathon/src/application-schema.ts  |   7 +-
 14 files changed, 682 insertions(+), 322 deletions(-)

diff --git a/apps/bloomknights/src/app/(marketing)/page.tsx b/apps/bloomknights/src/app/(marketing)/page.tsx
index 2ea31a385..9abc3e77c 100644
--- a/apps/bloomknights/src/app/(marketing)/page.tsx
+++ b/apps/bloomknights/src/app/(marketing)/page.tsx
@@ -72,8 +72,12 @@ export default function HomePage() {
         >
           <motion.div
             variants={heroReveal}
-            initial={prefersReducedMotion ? false : "hidden"}
-            animate="visible"
+            initial="hidden"
+            animate={
+              prefersReducedMotion
+                ? { opacity: 1, y: 0, transition: { duration: 0 } }
+                : "visible"
+            }
             custom={0}
             whileHover={prefersReducedMotion ? undefined : { scale: 1.08 }}
             transition={{ type: "spring", stiffness: 200, damping: 14 }}
@@ -88,8 +92,12 @@ export default function HomePage() {
           <motion.div
             className="font-righteous flex max-w-4xl flex-col items-center gap-3 text-center leading-none text-[#fff7dc] [-webkit-text-stroke:0.45px_#245f34] [text-shadow:0_1px_0_#245f34,1px_0_0_#245f34,-1px_0_0_#245f34,0_-1px_0_#245f34,0_5px_16px_rgba(30,58,32,0.48)]"
             variants={heroReveal}
-            initial={prefersReducedMotion ? false : "hidden"}
-            animate="visible"
+            initial="hidden"
+            animate={
+              prefersReducedMotion
+                ? { opacity: 1, y: 0, transition: { duration: 0 } }
+                : "visible"
+            }
             custom={0.15}
           >
             <h2 className="font-dm-sans text-2xl font-black italic tracking-normal text-white [-webkit-text-stroke:0px_transparent] [text-shadow:0_3px_0_rgba(126,126,126,0.88),0_7px_12px_rgba(42,42,42,0.24)] sm:text-3xl md:text-4xl">
@@ -103,8 +111,12 @@ export default function HomePage() {
         >
           <motion.div
             variants={heroReveal}
-            initial={prefersReducedMotion ? false : "hidden"}
-            animate="visible"
+            initial="hidden"
+            animate={
+              prefersReducedMotion
+                ? { opacity: 1, y: 0, transition: { duration: 0 } }
+                : "visible"
+            }
             custom={0.25}
           >
             <Register />
diff --git a/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
index e42624948..cef795114 100644
--- a/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
@@ -44,17 +44,17 @@ import {
 import { HackerApplicationBackground } from "./hacker-application-background";
 
 const fieldTriggerClassName =
-  "h-12 overflow-hidden rounded-none border-x-0 border-b-2 border-t-0 border-white/75 bg-transparent px-0 text-left text-lg font-medium text-white shadow-none transition-colors hover:border-white hover:bg-transparent hover:text-white focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 data-[placeholder]:text-white/35 [&>span]:block [&>span]:max-w-[calc(100%-2rem)] [&>span]:truncate [&>svg]:text-white/55 sm:h-14 sm:text-xl md:text-2xl";
+  "h-12 overflow-hidden rounded-none border-x-0 border-b-2 border-t-0 border-white/85 bg-transparent px-0 text-left text-lg font-semibold text-white shadow-none transition-colors hover:border-white hover:bg-transparent hover:text-white focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 data-[placeholder]:text-white/65 [&>span]:block [&>span]:max-w-[calc(100%-2rem)] [&>span]:truncate [&>svg]:text-white/75 sm:h-14 sm:text-xl md:text-2xl";
 const fieldLabelClassName =
-  "text-base font-semibold leading-none text-white/85 md:text-lg";
+  "text-base font-bold leading-none text-white md:text-lg";
 const optionalTextClassName =
-  "ml-2 text-sm font-medium italic text-white/45 md:text-base";
+  "ml-2 text-sm font-medium text-white/75 md:text-base";
 const requiredMarkClassName =
   "text-xl font-black text-[#ff4fd8] drop-shadow-[0_0_10px_rgba(255,79,216,0.85)] md:text-2xl";
 const checkboxClassName =
   "mt-0.5 flex h-5 w-5 items-center justify-center border-white/45 bg-white/5 text-white shadow-none data-[state=checked]:border-white data-[state=checked]:bg-white data-[state=checked]:text-[#21103d] focus-visible:ring-white/40 [&>span>svg]:h-5 [&>span>svg]:w-5";
 const checkboxLabelClassName =
-  "text-sm font-medium leading-relaxed text-white/75";
+  "text-sm font-medium leading-relaxed text-white/90";
 const highlightedCheckboxRowClassName =
   "flex flex-row items-start gap-3 space-y-0 rounded-md border border-white/18 bg-[#06101b]/58 px-3 py-3 shadow-[0_16px_42px_rgba(0,0,0,0.28)] backdrop-blur-sm";
 const highlightedCheckboxClassName =
@@ -72,9 +72,9 @@ const agreementErrorMessageClassName =
 const agreementLinkClassName =
   "font-semibold text-white underline underline-offset-4 decoration-white/35 transition-colors hover:text-white/80 hover:decoration-white";
 const actionButtonClassName =
-  "kh-nav-button size-14 rounded-full bg-white p-0 text-[#21103d] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-white/90 sm:size-16";
+  "kh-nav-button size-14 rounded-xl bg-white p-0 text-[#112f21] shadow-[0_14px_36px_rgba(0,0,0,0.36)] hover:bg-[#f8f5ea] sm:size-16";
 const secondaryActionButtonClassName =
-  "kh-nav-button size-14 rounded-full border-white/45 bg-[#12071f]/75 p-0 text-white shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-[#12071f]/90 hover:text-white disabled:opacity-35 sm:size-16";
+  "kh-nav-button size-14 rounded-xl border-white/55 bg-[#071d14]/85 p-0 text-white shadow-[0_14px_36px_rgba(0,0,0,0.36)] hover:bg-[#0b2a1d] hover:text-white disabled:opacity-35 sm:size-16";
 const resumeSponsorDisclosure =
   "Uploaded resumes will be shared with sponsors for potential internships and outreach.";
 
@@ -239,19 +239,17 @@ const applicationAnimationStyles = `
 
 .kh-nav-button {
   transition:
-    transform 180ms ease,
     box-shadow 180ms ease,
     background-color 180ms ease,
     border-color 180ms ease;
 }
 
 .kh-nav-button:hover:not(:disabled) {
-  transform: translateY(-2px) scale(1.04);
-  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.44);
 }
 
 .kh-nav-button:active:not(:disabled) {
-  transform: translateY(0) scale(0.96);
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.36);
 }
 
 .kh-application-form {
@@ -260,6 +258,16 @@ const applicationAnimationStyles = `
   overflow: hidden;
 }
 
+.kh-application-panel {
+  min-height: clamp(27rem, 62vh, 38rem);
+  border-left: 4px solid rgba(168, 212, 113, 0.82);
+  border-radius: 0 0.75rem 0.75rem 0;
+  background: rgba(4, 24, 16, 0.78);
+  box-shadow: 0 22px 72px rgba(0, 0, 0, 0.3);
+  padding: clamp(1.25rem, 3vw, 2.5rem);
+  backdrop-filter: blur(14px);
+}
+
 .kh-application-nav {
   inset-inline: 1.25rem;
   bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
@@ -320,6 +328,7 @@ const applicationAnimationStyles = `
 
   .kh-application-panel {
     max-width: min(44rem, 70vw);
+    min-height: min(27rem, 76vh);
   }
 
   .kh-step-title {
@@ -364,6 +373,7 @@ const applicationAnimationStyles = `
 
   .kh-application-panel {
     max-width: min(40rem, 68vw);
+    min-height: min(22rem, 78vh);
   }
 
   .kh-step-title {
@@ -819,7 +829,7 @@ export function HackerFormPage({
     <Form {...form}>
       <style>{applicationStyles}</style>
       <form
-        className="kh-application-form bg-primary/5 text-foreground"
+        className="kh-application-form bg-[#071d14] text-white"
         data-application-visual={applicationVisualKey}
         aria-busy={loading}
         noValidate
@@ -895,7 +905,7 @@ export function HackerFormPage({
         }, handleInvalidSubmit)}
       >
         <div
-          className="kh-application-shell relative h-svh min-h-svh overflow-hidden bg-[linear-gradient(135deg,#10071d_0%,#271148_48%,#0b0614_100%)] text-white"
+          className="kh-application-shell relative h-svh min-h-svh overflow-hidden bg-[linear-gradient(135deg,#071d14_0%,#173b28_52%,#08160f_100%)] text-white"
           data-application-visual={applicationVisualKey}
         >
           <HackerApplicationBackground
@@ -916,7 +926,7 @@ export function HackerFormPage({
 
               <section className="flex flex-1 items-center py-12">
                 <div className="w-full max-w-4xl">
-                  <div className="kh-submitted-mark bg-white/14 mb-8 inline-flex size-16 items-center justify-center rounded-full border border-white/35 shadow-[0_20px_60px_rgba(0,0,0,0.35)] backdrop-blur-md sm:size-20">
+                  <div className="kh-submitted-mark bg-white/14 mb-8 inline-flex size-16 items-center justify-center rounded-xl border border-white/35 shadow-[0_20px_60px_rgba(0,0,0,0.35)] backdrop-blur-md sm:size-20">
                     <CheckCircle2 className="size-9 text-white sm:size-11" />
                   </div>
 
@@ -937,7 +947,7 @@ export function HackerFormPage({
                   <div className="kh-submitted-action mt-10 flex flex-col gap-3 sm:flex-row sm:items-center">
                     <Button
                       asChild
-                      className="h-12 rounded-full bg-white px-6 text-base font-black text-[#21103d] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-white/90"
+                      className="h-12 rounded-lg bg-white px-6 text-base font-black text-[#173b28] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-[#f8f5ea]"
                     >
                       <Link href="/dashboard">
                         View {hackathonName} dashboard
@@ -961,6 +971,21 @@ export function HackerFormPage({
                     {activeStep + 1}/{APPLICATION_STEPS.length}
                   </span>
                 </div>
+                <div
+                  aria-label={`Application step ${activeStep + 1} of ${APPLICATION_STEPS.length}`}
+                  aria-valuemax={APPLICATION_STEPS.length}
+                  aria-valuemin={1}
+                  aria-valuenow={activeStep + 1}
+                  className="mt-3 h-1 overflow-hidden rounded-sm bg-white/25"
+                  role="progressbar"
+                >
+                  <div
+                    className="h-full bg-[#a8d471] transition-[width] duration-300 motion-reduce:transition-none"
+                    style={{
+                      width: `${((activeStep + 1) / APPLICATION_STEPS.length) * 100}%`,
+                    }}
+                  />
+                </div>
 
                 {previousHacker && activeStep === 0 && (
                   <div className="mt-6 max-w-xl border-l-2 border-white/35 pl-4 text-sm font-medium text-white/65">
@@ -969,10 +994,10 @@ export function HackerFormPage({
                 )}
 
                 <div className="kh-application-stage flex flex-1 items-start py-8 md:items-center md:py-10">
-                  <div className="kh-application-panel w-full max-w-3xl">
+                  <div className="kh-application-panel w-full max-w-4xl">
                     <h1
                       key={currentStep.id}
-                      className="kh-step-title text-4xl font-black leading-none tracking-normal text-white sm:text-5xl md:text-7xl"
+                      className="kh-step-title text-3xl font-black leading-[1.02] tracking-[-0.025em] text-white sm:text-4xl md:text-6xl"
                     >
                       {currentStep.title}
                     </h1>
@@ -980,13 +1005,13 @@ export function HackerFormPage({
                     <div
                       className={cn(
                         "kh-step-content",
-                        "animate-in fade-in mt-10 duration-200 sm:mt-14 md:mt-16",
+                        "animate-in fade-in mt-8 duration-200 sm:mt-10 md:mt-12",
                         stepDirection === "forward"
                           ? "slide-in-from-right-4"
                           : "slide-in-from-left-4",
-                        "[&_input]:h-12 [&_input]:rounded-none [&_input]:border-x-0 [&_input]:border-b-2 [&_input]:border-t-0 [&_input]:border-white/75 [&_input]:bg-transparent [&_input]:px-0 [&_input]:text-lg [&_input]:font-medium [&_input]:text-white [&_input]:shadow-none [&_input]:transition-colors [&_input]:placeholder:text-white/35 [&_input]:focus-visible:border-white [&_input]:focus-visible:ring-0 sm:[&_input]:h-14 sm:[&_input]:text-xl md:[&_input]:text-2xl",
-                        "[&_textarea]:min-h-32 [&_textarea]:rounded-none [&_textarea]:border-x-0 [&_textarea]:border-b-2 [&_textarea]:border-t-0 [&_textarea]:border-white/75 [&_textarea]:bg-transparent [&_textarea]:px-0 [&_textarea]:text-lg [&_textarea]:font-medium [&_textarea]:text-white [&_textarea]:shadow-none [&_textarea]:transition-colors [&_textarea]:placeholder:text-white/35 [&_textarea]:focus-visible:border-white [&_textarea]:focus-visible:ring-0 sm:[&_textarea]:min-h-36 sm:[&_textarea]:text-xl",
-                        "[&_p]:text-sm [&_p]:font-medium [&_p]:text-rose-200",
+                        "[&_input]:h-12 [&_input]:rounded-none [&_input]:border-x-0 [&_input]:border-b-2 [&_input]:border-t-0 [&_input]:border-white/85 [&_input]:bg-transparent [&_input]:px-0 [&_input]:text-lg [&_input]:font-semibold [&_input]:text-white [&_input]:shadow-none [&_input]:transition-colors [&_input]:placeholder:text-white/65 [&_input]:focus-visible:border-[#a8d471] [&_input]:focus-visible:ring-0 sm:[&_input]:h-14 sm:[&_input]:text-xl md:[&_input]:text-2xl",
+                        "[&_textarea]:min-h-32 [&_textarea]:rounded-none [&_textarea]:border-x-0 [&_textarea]:border-b-2 [&_textarea]:border-t-0 [&_textarea]:border-white/85 [&_textarea]:bg-transparent [&_textarea]:px-0 [&_textarea]:text-lg [&_textarea]:font-semibold [&_textarea]:text-white [&_textarea]:shadow-none [&_textarea]:transition-colors [&_textarea]:placeholder:text-white/65 [&_textarea]:focus-visible:border-[#a8d471] [&_textarea]:focus-visible:ring-0 sm:[&_textarea]:min-h-36 sm:[&_textarea]:text-xl",
+                        "[&_p]:text-sm [&_p]:font-bold [&_p]:text-[#ffd4e9]",
                       )}
                     >
                       <section className="space-y-5">
@@ -1468,7 +1493,7 @@ export function HackerFormPage({
                               <FormControl>
                                 <Input
                                   type="file"
-                                  className="cursor-pointer file:mr-4 file:rounded-full file:border file:border-white/35 file:bg-white/10 file:px-4 file:py-1.5 file:text-sm file:font-semibold file:text-white hover:file:bg-white/15"
+                                  className="file:bg-white/12 hover:file:bg-white/18 cursor-pointer file:mr-4 file:rounded-md file:border file:border-white/45 file:px-4 file:py-1.5 file:text-sm file:font-semibold file:text-white"
                                   {...fileRef}
                                   onChange={(event) => {
                                     field.onChange(
@@ -1905,19 +1930,21 @@ export function HackerFormPage({
 
                 {isFinalStep ? (
                   <div className="pointer-events-auto flex min-w-0 items-center gap-3">
-                    {loading && (
-                      <div
-                        aria-live="polite"
-                        className="kh-submit-loading bg-[#12071f]/72 flex items-center gap-2 rounded-full border border-white/30 px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-white/85 shadow-[0_16px_42px_rgba(0,0,0,0.32)] backdrop-blur-md sm:text-sm"
-                        role="status"
-                      >
-                        <Loader2
-                          aria-hidden="true"
-                          className="size-4 animate-spin"
-                        />
-                        <span>Submitting</span>
-                      </div>
-                    )}
+                    <div className="flex min-h-9 w-28 shrink-0 items-center justify-end sm:w-36">
+                      {loading && (
+                        <div
+                          aria-live="polite"
+                          className="kh-submit-loading bg-[#071d14]/88 flex items-center gap-2 rounded-md border border-white/35 px-3 py-2 text-xs font-black uppercase tracking-[0.12em] text-white shadow-[0_16px_42px_rgba(0,0,0,0.32)] backdrop-blur-md sm:text-sm"
+                          role="status"
+                        >
+                          <Loader2
+                            aria-hidden="true"
+                            className="size-4 animate-spin"
+                          />
+                          <span>Submitting</span>
+                        </div>
+                      )}
+                    </div>
                     <Button
                       type="submit"
                       disabled={forwardButtonDisabled}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
index 07bdf4a59..d39627837 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
@@ -6,11 +6,16 @@ import Image from "next/image";
 import Link from "next/link";
 import {
   AlertCircle,
+  ArrowUpRight,
   CalendarDays,
   CheckCircle2,
+  Clock3,
   ExternalLink,
   FileText,
+  LifeBuoy,
   Loader2,
+  LockKeyhole,
+  MapPin,
   QrCode,
   UserRound,
 } from "lucide-react";
@@ -33,24 +38,38 @@ import { Textarea } from "@forge/ui/textarea";
 import { toast } from "@forge/ui/toast";
 
 const statusLabels: Record<HackerStatus, string> = {
-  accepted: "Accepted",
+  accepted: "Accepted — action needed",
   checkedin: "Checked in",
-  confirmed: "Confirmed",
+  confirmed: "Attendance confirmed",
   denied: "Not selected",
-  pending: "Application under review",
+  pending: "In review",
   waitlisted: "Waitlisted",
   withdrawn: "Withdrawn",
 };
 
 const statusMessages: Record<HackerStatus, string> = {
-  accepted: "Your application was accepted. Confirm your spot below.",
-  checkedin: "You are checked in. Your event tools are ready below.",
-  confirmed: "Your place at BloomKnights is confirmed.",
+  accepted:
+    "Your application was accepted. Confirm your place before the deadline.",
+  checkedin: "You are checked in. Your on-site tools and schedule are ready.",
+  confirmed: "Your place at BloomKnights is reserved. We will see you at UCF.",
   denied:
     "We could not offer you a place at this event. Thank you for applying.",
-  pending: "The organizer team is reviewing your application.",
-  waitlisted: "You are on the waitlist. Watch this portal for updates.",
-  withdrawn: "You withdrew your attendance for this event.",
+  pending:
+    "The organizer team is reviewing your application. No action is needed yet.",
+  waitlisted:
+    "You are on the waitlist. We will update this page if a place opens.",
+  withdrawn:
+    "You withdrew from this event. Your application remains on record.",
+};
+
+const statusTone: Record<HackerStatus, string> = {
+  accepted: "border-[#9f2f70] bg-[#fff0f8] text-[#7d2056]",
+  checkedin: "border-[#17653a] bg-[#e7f5e6] text-[#124b2d]",
+  confirmed: "border-[#17653a] bg-[#e7f5e6] text-[#124b2d]",
+  denied: "border-[#7a4a44] bg-[#f8ece8] text-[#633730]",
+  pending: "border-[#836315] bg-[#fff7d7] text-[#654b0d]",
+  waitlisted: "border-[#5f568a] bg-[#f1efff] text-[#49406f]",
+  withdrawn: "border-[#656d68] bg-[#eff2ef] text-[#4b534e]",
 };
 
 const dateFormatter = new Intl.DateTimeFormat("en-US", {
@@ -59,6 +78,17 @@ const dateFormatter = new Intl.DateTimeFormat("en-US", {
   timeZone: "America/New_York",
 });
 
+const dayFormatter = new Intl.DateTimeFormat("en-US", {
+  dateStyle: "full",
+  timeZone: "America/New_York",
+});
+
+const timeFormatter = new Intl.DateTimeFormat("en-US", {
+  hour: "numeric",
+  minute: "2-digit",
+  timeZone: "America/New_York",
+});
+
 export function BloomDashboard() {
   const {
     config,
@@ -93,64 +123,47 @@ export function BloomDashboard() {
       <PortalMessage
         icon={<AlertCircle />}
         title="We could not load your dashboard."
-        body="Please refresh the page or try again in a moment."
+        body="Refresh the page or try again in a moment."
       />
     );
   }
 
   const { hackathon, participant } = dashboard;
-  const now = new Date();
-  const lifecycleState = getHackerLifecycleState({
-    applicationDeadline: hackathon.applicationDeadline,
-    applicationOpen: hackathon.applicationOpen,
-    confirmationCapacity: hackathon.confirmationCapacity,
-    confirmationDeadline: hackathon.confirmationDeadline,
-    confirmedCount: dashboard.confirmedCount,
-    now,
-    status: participant?.status ?? null,
-  });
 
+  // The server redirects first-time participants to /apply. This remains as a
+  // resilient fallback if the client cache is briefly behind the server.
   if (!participant) {
-    if (lifecycleState === "application-before-open") {
-      return (
-        <PortalMessage
-          icon={<CalendarDays />}
-          title={`Applications open ${dateFormatter.format(hackathon.applicationOpen)}.`}
-          body="Come back then to begin your BloomKnights application."
-        />
-      );
-    }
-
-    if (lifecycleState === "application-closed") {
-      return (
-        <PortalMessage
-          icon={<CalendarDays />}
-          title="BloomKnights applications are closed."
-          body="Join the Knight Hacks Discord for future event announcements."
-        />
-      );
-    }
-
     return (
       <PortalMessage
         icon={<FileText />}
-        title="Your BloomKnights journey starts here."
-        body="Submit your hacker application and return here for status updates."
+        title="Start your BloomKnights application."
+        body="Your dashboard becomes available as soon as your application is submitted."
         action={
           <Button
             asChild
-            className="bk-bloom-cta-action rounded-full bg-[#f384d4]"
+            className="bk-bloom-cta-action rounded-lg bg-[#8f285f]"
           >
-            <Link href="/apply">Start application</Link>
+            <Link href="/apply">Go to application</Link>
           </Button>
         }
       />
     );
   }
 
+  const lifecycleState = getHackerLifecycleState({
+    applicationDeadline: hackathon.applicationDeadline,
+    applicationOpen: hackathon.applicationOpen,
+    confirmationCapacity: hackathon.confirmationCapacity,
+    confirmationDeadline: hackathon.confirmationDeadline,
+    confirmedCount: dashboard.confirmedCount,
+    now: new Date(),
+    status: participant.status,
+  });
   const confirmationClosed = lifecycleState === "accepted-confirmation-closed";
   const atCapacity = lifecycleState === "accepted-at-capacity";
   const actionPending = confirmMutation.isPending || withdrawMutation.isPending;
+  const qrAvailable =
+    participant.status === "confirmed" || participant.status === "checkedin";
 
   const handleConfirm = async () => {
     try {
@@ -179,54 +192,95 @@ export function BloomDashboard() {
   };
 
   return (
-    <div className="space-y-6 text-[#42602A]">
-      <section className="rounded-[2rem] border border-white/70 bg-[#B9D79A]/95 p-6 shadow-xl backdrop-blur sm:p-8">
-        <div className="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
-          <div>
-            <p className="text-sm font-black uppercase tracking-[0.2em] text-[#53634A]">
-              Welcome, {participant.firstName}
+    <div className="space-y-5 text-[#173b28] sm:space-y-6">
+      <section className="overflow-hidden rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] shadow-[0_24px_70px_rgba(12,52,29,0.18)]">
+        <div className="grid lg:grid-cols-[minmax(0,1fr)_20rem]">
+          <div className="p-5 sm:p-8 lg:p-10">
+            <p className="text-xs font-black uppercase tracking-[0.2em] text-[#8f285f]">
+              Participant field notes · BloomKnights 2026
             </p>
-            <h1 className="mt-2 text-3xl font-black sm:text-5xl">
-              Your BloomKnights portal
+            <h1 className="mt-3 max-w-3xl text-3xl font-black leading-[1.05] tracking-[-0.035em] text-[#173b28] sm:text-5xl">
+              Hey {participant.firstName}, here&apos;s where you stand.
             </h1>
-            <Badge className="mt-4 bg-[#FFFDF1] px-4 py-2 text-base text-[#42602A] hover:bg-[#FFFDF1]">
-              {statusLabels[participant.status]}
-            </Badge>
-            <p className="mt-3 max-w-2xl text-sm font-semibold text-[#53634A]">
-              {statusMessages[participant.status]}
-            </p>
-          </div>
-          <div className="grid gap-2 text-sm font-semibold sm:text-right">
-            <span>{dateFormatter.format(hackathon.startDate)}</span>
-            <span>to {dateFormatter.format(hackathon.endDate)}</span>
+            <div className="mt-6 flex flex-col items-start gap-3 sm:flex-row sm:items-center">
+              <span
+                className={`inline-flex min-h-8 items-center rounded-md border px-3 py-1 text-sm font-extrabold ${statusTone[participant.status]}`}
+              >
+                {statusLabels[participant.status]}
+              </span>
+              <p className="max-w-2xl text-sm font-medium leading-6 text-[#405c4a]">
+                {statusMessages[participant.status]}
+              </p>
+            </div>
           </div>
+
+          <aside className="border-t border-[#173b28]/15 bg-[#e4ebcf] p-5 sm:p-7 lg:border-l lg:border-t-0">
+            <p className="text-xs font-black uppercase tracking-[0.18em] text-[#49623d]">
+              Event details
+            </p>
+            <dl className="mt-5 space-y-5 text-sm">
+              <div className="grid grid-cols-[1.25rem_1fr] gap-3">
+                <CalendarDays aria-hidden="true" className="mt-0.5 size-5" />
+                <div>
+                  <dt className="font-extrabold">Date</dt>
+                  <dd className="mt-0.5 text-[#405c4a]">
+                    {dayFormatter.format(hackathon.startDate)}
+                  </dd>
+                </div>
+              </div>
+              <div className="grid grid-cols-[1.25rem_1fr] gap-3">
+                <Clock3 aria-hidden="true" className="mt-0.5 size-5" />
+                <div>
+                  <dt className="font-extrabold">Hours</dt>
+                  <dd className="mt-0.5 text-[#405c4a]">
+                    {timeFormatter.format(hackathon.startDate)}–
+                    {timeFormatter.format(hackathon.endDate)} ET
+                  </dd>
+                </div>
+              </div>
+              <div className="grid grid-cols-[1.25rem_1fr] gap-3">
+                <MapPin aria-hidden="true" className="mt-0.5 size-5" />
+                <div>
+                  <dt className="font-extrabold">Location</dt>
+                  <dd className="mt-0.5 text-[#405c4a]">UCF Business I</dd>
+                </div>
+              </div>
+            </dl>
+          </aside>
         </div>
 
         {participant.status === "accepted" && (
-          <div className="mt-7 rounded-2xl bg-[#FFFDF1] p-5">
-            <h2 className="text-xl font-black">Confirm your spot</h2>
-            <p className="mt-2 text-sm text-[#53634A]">
-              Review the event terms and confirm before{" "}
-              {dateFormatter.format(hackathon.confirmationDeadline)}.
-            </p>
-            <a
-              href={config.termsUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="mt-2 inline-flex text-sm font-bold text-[#f384d4] underline"
-            >
-              Read the event terms
-            </a>
+          <div className="grid gap-5 border-t border-[#173b28]/15 bg-[#fff3f9] p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
+            <div>
+              <p className="text-xs font-black uppercase tracking-[0.18em] text-[#8f285f]">
+                Next step
+              </p>
+              <h2 className="mt-1 text-xl font-black">Confirm your place</h2>
+              <p className="mt-1 max-w-2xl text-sm leading-6 text-[#405c4a]">
+                Read the event terms and confirm by{" "}
+                {dateFormatter.format(hackathon.confirmationDeadline)}.
+              </p>
+              <a
+                href={config.termsUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="mt-2 inline-flex items-center gap-1 text-sm font-extrabold text-[#7d2056] underline decoration-2 underline-offset-4 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7d2056]"
+              >
+                Read the event terms <ArrowUpRight className="size-4" />
+              </a>
+            </div>
             <Button
-              className="bk-bloom-cta-action mt-4 rounded-full bg-[#f384d4] text-white hover:bg-[#e06bc0]"
+              className="bk-bloom-cta-action min-h-11 min-w-48 rounded-lg bg-[#8f285f] px-5 text-white hover:bg-[#75204f]"
               disabled={actionPending || confirmationClosed || atCapacity}
               onClick={() => void handleConfirm()}
             >
-              {actionPending ? (
-                <Loader2 className="animate-spin" />
-              ) : (
-                <CheckCircle2 />
-              )}
+              <span className="inline-flex size-4 items-center justify-center">
+                {actionPending ? (
+                  <Loader2 className="size-4 animate-spin" />
+                ) : (
+                  <CheckCircle2 className="size-4" />
+                )}
+              </span>
               {confirmationClosed || atCapacity
                 ? "Confirmation closed"
                 : "Agree and confirm"}
@@ -235,113 +289,120 @@ export function BloomDashboard() {
         )}
 
         {participant.status === "confirmed" && (
-          <div className="mt-7 flex flex-col gap-3 rounded-2xl bg-[#FFFDF1] p-5 sm:flex-row sm:items-center sm:justify-between">
+          <div className="grid gap-5 border-t border-[#173b28]/15 bg-[#edf5df] p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
             <div>
-              <h2 className="text-xl font-black">You are confirmed!</h2>
-              <p className="text-sm text-[#53634A]">
-                We cannot wait to see you at BloomKnights.
+              <p className="text-xs font-black uppercase tracking-[0.18em] text-[#17653a]">
+                You&apos;re on the list
+              </p>
+              <h2 className="mt-1 text-xl font-black">
+                Your place is confirmed.
+              </h2>
+              <p className="mt-1 text-sm leading-6 text-[#405c4a]">
+                Plans changed? Withdraw here so another hacker can attend.
               </p>
             </div>
             <Button
               variant="outline"
-              className="rounded-full"
+              className="min-h-11 min-w-48 rounded-lg border-[#173b28]/35 bg-transparent text-[#173b28] hover:bg-white/70"
               disabled={actionPending}
               onClick={() => void handleWithdraw()}
             >
+              {actionPending && <Loader2 className="size-4 animate-spin" />}
               Withdraw attendance
             </Button>
           </div>
         )}
       </section>
 
-      <section className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
-        <ActionCard
-          href="/dashboard/profile"
-          icon={<UserRound />}
-          label="Edit profile"
-        />
-        <ActionCard
-          href={resumeUrl ?? "/dashboard/profile"}
-          external={Boolean(resumeUrl)}
-          icon={<FileText />}
-          label={resumeUrl ? "View resume" : "Add resume"}
-        />
-        {(participant.status === "confirmed" ||
-          participant.status === "checkedin") && (
-          <Dialog>
-            <DialogTrigger asChild>
-              <button
-                className="bk-bloom-cta-action flex min-h-32 flex-col items-center justify-center gap-3 rounded-3xl border border-white/80 bg-[#FFFDF1] p-5 font-black shadow-lg transition hover:-translate-y-1"
-                onClick={() => void loadQRCode()}
-              >
-                {qrMutation.isPending ? (
-                  <Loader2 className="animate-spin" />
-                ) : (
-                  <QrCode />
-                )}
-                Hacker QR code
-              </button>
-            </DialogTrigger>
-            <DialogContent className="border-[#B9D79A] bg-[#FFFDF1] text-[#42602A]">
-              <DialogHeader>
-                <DialogTitle>Your hacker QR code</DialogTitle>
-                <DialogDescription>
-                  Use this code at organizer check-in stations.
-                </DialogDescription>
-              </DialogHeader>
-              {qrCode ? (
-                <Image
-                  src={qrCode}
-                  alt="BloomKnights hacker QR code"
-                  width={320}
-                  height={320}
-                  className="mx-auto"
-                  unoptimized
-                />
-              ) : (
-                <Loader2 className="mx-auto animate-spin" />
-              )}
-            </DialogContent>
-          </Dialog>
-        )}
-        <ActionCard
-          href={config.guideUrl}
-          external
-          icon={<ExternalLink />}
-          label="Hacker guide"
-        />
+      <section aria-labelledby="portal-tools-heading">
+        <div className="mb-3 flex items-end justify-between gap-4 px-1">
+          <div>
+            <p className="text-xs font-black uppercase tracking-[0.18em] text-[#f6e8c9]">
+              Your toolkit
+            </p>
+            <h2
+              id="portal-tools-heading"
+              className="mt-1 text-2xl font-black text-white"
+            >
+              Participant essentials
+            </h2>
+          </div>
+          <p className="hidden text-sm font-semibold text-white/80 sm:block">
+            Four tools, always in the same place.
+          </p>
+        </div>
+
+        <div className="grid grid-cols-2 gap-3 lg:grid-cols-4">
+          <ActionCard
+            description="Update your contact and application details."
+            href="/dashboard/profile"
+            icon={<UserRound />}
+            label="Profile"
+          />
+          <ActionCard
+            description={
+              resumeUrl
+                ? "Open the resume attached to your application."
+                : "Add a resume from your profile."
+            }
+            href={resumeUrl ?? "/dashboard/profile"}
+            external={Boolean(resumeUrl)}
+            icon={<FileText />}
+            label="Resume"
+          />
+          <QrActionCard
+            available={qrAvailable}
+            isLoading={qrMutation.isPending}
+            loadQRCode={loadQRCode}
+            qrCode={qrCode}
+          />
+          <ActionCard
+            description="Read arrival, venue, and event guidance."
+            href={config.guideUrl}
+            external
+            icon={<ExternalLink />}
+            label="Hacker guide"
+          />
+        </div>
       </section>
 
       {participant.status === "checkedin" && (
-        <section className="rounded-[2rem] bg-[#FFFDF1]/95 p-6 shadow-xl sm:p-8">
-          <div className="flex flex-wrap items-center justify-between gap-4">
+        <section className="rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] p-5 shadow-[0_20px_60px_rgba(12,52,29,0.16)] sm:p-8">
+          <div className="flex flex-col gap-4 border-b border-[#173b28]/15 pb-5 sm:flex-row sm:items-end sm:justify-between">
             <div>
-              <p className="text-sm font-black uppercase tracking-[0.2em] text-[#f384d4]">
-                You are checked in
+              <p className="text-xs font-black uppercase tracking-[0.18em] text-[#8f285f]">
+                Live at BloomKnights
               </p>
-              <h2 className="mt-1 text-3xl font-black">Event schedule</h2>
+              <h2 className="mt-1 text-2xl font-black sm:text-3xl">
+                Event schedule
+              </h2>
             </div>
             <Dialog open={issueOpen} onOpenChange={setIssueOpen}>
               <DialogTrigger asChild>
-                <Button variant="outline" className="rounded-full">
-                  <AlertCircle /> Report an issue
+                <Button
+                  variant="outline"
+                  className="min-h-11 rounded-lg border-[#173b28]/35 bg-transparent text-[#173b28]"
+                >
+                  <LifeBuoy className="size-4" /> Report an issue
                 </Button>
               </DialogTrigger>
-              <DialogContent className="border-[#B9D79A] bg-[#FFFDF1] text-[#42602A]">
+              <DialogContent className="rounded-xl border-[#173b28]/25 bg-[#fffaf0] text-[#173b28]">
                 <DialogHeader>
                   <DialogTitle>Report an issue</DialogTitle>
-                  <DialogDescription>
-                    Tell the organizer team what is happening.
+                  <DialogDescription className="text-[#526658]">
+                    Tell the organizer team what is happening and where you are.
                   </DialogDescription>
                 </DialogHeader>
                 <Textarea
+                  aria-label="Issue details"
                   value={issue}
                   onChange={(event) => setIssue(event.target.value)}
                   maxLength={2000}
-                  className="min-h-32"
+                  className="min-h-32 rounded-lg border-[#173b28]/30 bg-white"
                 />
                 <DialogFooter>
                   <Button
+                    className="min-w-32 rounded-lg bg-[#173b28]"
                     disabled={!issue.trim() || reportIssueMutation.isPending}
                     onClick={async () => {
                       try {
@@ -358,36 +419,42 @@ export function BloomDashboard() {
                       }
                     }}
                   >
-                    Submit
+                    {reportIssueMutation.isPending && (
+                      <Loader2 className="size-4 animate-spin" />
+                    )}
+                    Send report
                   </Button>
                 </DialogFooter>
               </DialogContent>
             </Dialog>
           </div>
-          <div className="mt-6 grid gap-4 md:grid-cols-2">
+
+          <div className="mt-5 divide-y divide-[#173b28]/15 border-y border-[#173b28]/15">
             {schedule.length === 0 ? (
-              <p className="text-[#53634A]">
-                No scheduled events are available yet.
+              <p className="py-6 text-sm font-medium text-[#526658]">
+                The live schedule will appear here when it is published.
               </p>
             ) : (
               schedule.map((event) => (
                 <article
                   key={event.id}
-                  className="rounded-2xl border border-[#B9D79A] bg-white p-5"
+                  className="grid gap-3 py-5 md:grid-cols-[10rem_1fr_auto] md:items-start"
                 >
-                  <div className="flex items-start justify-between gap-3">
+                  <p className="text-sm font-extrabold text-[#405c4a]">
+                    {timeFormatter.format(event.startDateTime)}
+                  </p>
+                  <div>
                     <h3 className="text-lg font-black">{event.name}</h3>
-                    <Badge className="bg-[#2F8B57] text-white">
-                      {event.tag}
-                    </Badge>
+                    <p className="mt-1 max-w-2xl text-sm leading-6 text-[#526658]">
+                      {event.description}
+                    </p>
+                    <p className="mt-2 text-sm font-extrabold">
+                      {event.location}
+                    </p>
                   </div>
-                  <p className="mt-2 text-sm text-[#53634A]">
-                    {event.description}
-                  </p>
-                  <p className="mt-4 text-sm font-bold">
-                    {dateFormatter.format(event.startDateTime)} ·{" "}
-                    {event.location}
-                  </p>
+                  <Badge className="w-fit rounded-md bg-[#dce8c6] text-[#173b28] hover:bg-[#dce8c6]">
+                    {event.tag}
+                  </Badge>
                 </article>
               ))
             )}
@@ -410,12 +477,17 @@ function PortalMessage({
   action?: ReactNode;
 }) {
   return (
-    <section className="mx-auto max-w-2xl rounded-[2rem] border border-white/70 bg-[#FFFDF1]/95 p-8 text-center text-[#42602A] shadow-xl">
-      <div className="mx-auto flex size-12 items-center justify-center rounded-full bg-[#B9D79A]">
+    <section
+      aria-live="polite"
+      className="mx-auto max-w-2xl rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] p-6 text-center text-[#173b28] shadow-[0_24px_70px_rgba(12,52,29,0.18)] sm:p-9"
+    >
+      <div className="mx-auto flex size-11 items-center justify-center rounded-lg bg-[#dce8c6]">
         {icon}
       </div>
-      <h1 className="mt-5 text-2xl font-black sm:text-4xl">{title}</h1>
-      {body && <p className="mt-3 text-[#53634A]">{body}</p>}
+      <h1 className="mt-5 text-2xl font-black tracking-[-0.02em] sm:text-4xl">
+        {title}
+      </h1>
+      {body && <p className="mt-3 text-[#526658]">{body}</p>}
       {action && <div className="mt-6">{action}</div>}
     </section>
   );
@@ -425,11 +497,13 @@ function ActionCard({
   href,
   icon,
   label,
+  description,
   external = false,
 }: {
   href: string;
   icon: ReactNode;
   label: string;
+  description: string;
   external?: boolean;
 }) {
   return (
@@ -437,10 +511,108 @@ function ActionCard({
       href={href}
       target={external ? "_blank" : undefined}
       rel={external ? "noopener noreferrer" : undefined}
-      className="bk-bloom-cta-action flex min-h-32 flex-col items-center justify-center gap-3 rounded-3xl border border-white/80 bg-[#FFFDF1] p-5 text-center font-black shadow-lg transition hover:-translate-y-1"
+      className="bk-bloom-cta-action group flex min-h-40 flex-col rounded-xl border border-[#173b28]/20 bg-[#fffaf0] p-4 text-left text-[#173b28] shadow-[0_12px_30px_rgba(12,52,29,0.14)] transition-[border-color,background-color,box-shadow] hover:border-[#8f285f]/60 hover:bg-white hover:shadow-[0_16px_36px_rgba(12,52,29,0.2)] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#fffaf0] focus-visible:ring-offset-2 focus-visible:ring-offset-[#173b28] sm:min-h-44 sm:p-5"
     >
-      {icon}
-      {label}
+      <span className="flex size-9 items-center justify-center rounded-md bg-[#dce8c6] [&_svg]:size-5">
+        {icon}
+      </span>
+      <span className="mt-4 text-base font-black sm:text-lg">{label}</span>
+      <span className="mt-1 line-clamp-3 text-xs font-medium leading-5 text-[#526658] sm:text-sm">
+        {description}
+      </span>
+      <ArrowUpRight
+        aria-hidden="true"
+        className="mt-auto size-4 self-end text-[#8f285f]"
+      />
     </Link>
   );
 }
+
+function QrActionCard({
+  available,
+  isLoading,
+  loadQRCode,
+  qrCode,
+}: {
+  available: boolean;
+  isLoading: boolean;
+  loadQRCode: () => Promise<unknown>;
+  qrCode: string | undefined;
+}) {
+  if (!available) {
+    return (
+      <div
+        aria-disabled="true"
+        className="flex min-h-40 flex-col rounded-xl border border-[#173b28]/15 bg-[#eef0e7] p-4 text-left text-[#173b28] shadow-[0_10px_24px_rgba(12,52,29,0.1)] sm:min-h-44 sm:p-5"
+      >
+        <span className="flex size-9 items-center justify-center rounded-md bg-[#dde1d5] text-[#526658]">
+          <LockKeyhole className="size-5" />
+        </span>
+        <span className="mt-4 text-base font-black sm:text-lg">
+          Check-in QR
+        </span>
+        <span className="mt-1 text-xs font-medium leading-5 text-[#647168] sm:text-sm">
+          Available after your attendance is confirmed.
+        </span>
+        <span className="mt-auto text-xs font-extrabold uppercase tracking-[0.12em] text-[#647168]">
+          Locked
+        </span>
+      </div>
+    );
+  }
+
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <button
+          type="button"
+          className="bk-bloom-cta-action group flex min-h-40 flex-col rounded-xl border border-[#173b28]/20 bg-[#fffaf0] p-4 text-left text-[#173b28] shadow-[0_12px_30px_rgba(12,52,29,0.14)] transition-[border-color,background-color,box-shadow] hover:border-[#8f285f]/60 hover:bg-white hover:shadow-[0_16px_36px_rgba(12,52,29,0.2)] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#fffaf0] focus-visible:ring-offset-2 focus-visible:ring-offset-[#173b28] sm:min-h-44 sm:p-5"
+          onClick={() => void loadQRCode()}
+        >
+          <span className="flex size-9 items-center justify-center rounded-md bg-[#dce8c6]">
+            {isLoading ? (
+              <Loader2 className="size-5 animate-spin" />
+            ) : (
+              <QrCode className="size-5" />
+            )}
+          </span>
+          <span className="mt-4 text-base font-black sm:text-lg">
+            Check-in QR
+          </span>
+          <span className="mt-1 text-xs font-medium leading-5 text-[#526658] sm:text-sm">
+            Open your code for organizer check-in.
+          </span>
+          <ArrowUpRight
+            aria-hidden="true"
+            className="mt-auto size-4 self-end text-[#8f285f]"
+          />
+        </button>
+      </DialogTrigger>
+      <DialogContent className="rounded-xl border-[#173b28]/25 bg-[#fffaf0] text-[#173b28]">
+        <DialogHeader>
+          <DialogTitle>Your check-in QR code</DialogTitle>
+          <DialogDescription className="text-[#526658]">
+            Show this code at an organizer check-in station.
+          </DialogDescription>
+        </DialogHeader>
+        <div
+          className="flex min-h-72 items-center justify-center"
+          aria-live="polite"
+        >
+          {qrCode ? (
+            <Image
+              src={qrCode}
+              alt="BloomKnights hacker QR code"
+              width={288}
+              height={288}
+              className="size-72"
+              unoptimized
+            />
+          ) : (
+            <Loader2 className="size-8 animate-spin" />
+          )}
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx
index 22554cb78..02a0ad66d 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-logo.tsx
@@ -4,7 +4,7 @@ export function BloomKnightsDashboardLogo() {
   return (
     <div
       aria-label="BloomKnights"
-      className="bk-dashboard-logo-shell mx-auto mb-8 flex w-fit justify-center px-4 sm:mb-10"
+      className="bk-dashboard-logo-shell mx-auto mb-5 flex w-fit justify-center px-4 sm:mb-6"
       role="img"
     >
       <Image
@@ -15,8 +15,8 @@ export function BloomKnightsDashboardLogo() {
         priority
         unoptimized
         draggable="false"
-        sizes="(min-width: 1024px) 420px, (min-width: 640px) 340px, 260px"
-        className="bk-dashboard-logo h-auto w-[260px] sm:w-[340px] lg:w-[420px]"
+        sizes="(min-width: 640px) 260px, 210px"
+        className="bk-dashboard-logo h-auto w-[210px] sm:w-[260px]"
       />
     </div>
   );
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
index af24a4af7..d349cb5b1 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
@@ -17,15 +17,29 @@ export function BloomKnightsDashboardShell({
 }) {
   return (
     <main
-      className="relative isolate min-h-screen overflow-hidden bg-emerald-950 bg-[length:100%_auto] bg-[center_64%] bg-no-repeat px-4 py-16"
+      className="relative isolate min-h-screen overflow-hidden bg-[#173b28] bg-cover bg-center bg-no-repeat px-3 py-5 sm:px-5 sm:py-8 lg:py-10"
       style={{
         backgroundImage: `image-set(url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND_AVIF}") type("image/avif"), url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND}") type("image/webp"))`,
       }}
     >
+      <div
+        aria-hidden="true"
+        className="pointer-events-none absolute inset-0 z-0 bg-[linear-gradient(180deg,rgba(14,51,31,0.48),rgba(10,45,27,0.78))]"
+      />
       <BloomKnightsAmbientBackground />
       <BloomKnightsActionBlooms />
       <BloomKnightsFlowerCursor />
-      <div className="max-w-8xl relative z-10 mx-auto w-full">
+      <a
+        href="#participant-content"
+        className="fixed left-3 top-3 z-50 -translate-y-24 rounded-md bg-[#fffaf0] px-4 py-2 font-bold text-[#173b28] shadow-lg transition-transform focus:translate-y-0"
+      >
+        Skip to participant content
+      </a>
+      <div
+        id="participant-content"
+        tabIndex={-1}
+        className="relative z-10 mx-auto w-full max-w-6xl"
+      >
         <BloomKnightsDashboardLogo />
         {children}
       </div>
@@ -37,15 +51,7 @@ export function BloomKnightsDashboardShell({
         .bk-dashboard-logo {
           transform-origin: center;
           filter: drop-shadow(0 0.45rem 0.55rem rgba(45, 84, 34, 0.12));
-          transition:
-            transform 520ms cubic-bezier(0.18, 0.89, 0.32, 1.28),
-            filter 520ms ease;
-          will-change: transform, filter;
-        }
-
-        .bk-dashboard-logo-shell:hover .bk-dashboard-logo {
-          filter: drop-shadow(0 0.85rem 0.75rem rgba(45, 84, 34, 0.18));
-          transform: translateY(-0.35rem) scale(1.065);
+          transition: filter 300ms ease;
         }
 
         .bk-flower-cycle-text {
@@ -58,7 +64,7 @@ export function BloomKnightsDashboardShell({
           align-items: center;
           justify-content: center;
           overflow: hidden;
-          border-radius: 9999px;
+          border-radius: 0.5rem;
           padding: 0.45rem 1.15rem;
           color: #ffffff;
           text-shadow: 0 1px 3px rgba(36, 95, 53, 0.45);
@@ -72,7 +78,7 @@ export function BloomKnightsDashboardShell({
           aspect-ratio: 1;
           z-index: -1;
           content: "";
-          border-radius: 50%;
+          border-radius: 0.75rem;
           background: conic-gradient(
             from 0deg,
             #fcbc4e,
@@ -111,10 +117,6 @@ export function BloomKnightsDashboardShell({
             transition: none;
           }
 
-          .bk-dashboard-logo-shell:hover .bk-dashboard-logo {
-            transform: none;
-          }
-
           .bk-flower-cycle-text::before {
             animation: none;
           }
diff --git a/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
index 8fb0a9cf1..34def890b 100644
--- a/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
@@ -46,6 +46,7 @@ export function HackerProfileForm() {
   const allergiesRef = useRef<string[]>([]);
 
   const isError = dashboardQuery.isError;
+  const isPending = dashboardQuery.isPending;
 
   const toggleAllergy = (allergy: string) => {
     setSelectedAllergies((prev) =>
@@ -136,9 +137,24 @@ export function HackerProfileForm() {
       reader.readAsDataURL(file);
     });
 
+  if (isPending) {
+    return (
+      <div
+        aria-live="polite"
+        className="flex min-h-48 items-center justify-center gap-3 text-sm font-extrabold text-[#405c4a]"
+      >
+        <Loader2 className="size-5 animate-spin" />
+        Loading your profile…
+      </div>
+    );
+  }
+
   if (isError) {
     return (
-      <div className="flex items-center justify-center">
+      <div
+        role="alert"
+        className="flex min-h-48 items-center justify-center text-center font-semibold text-[#7d2056]"
+      >
         Something went wrong. Please refresh and try again.
       </div>
     );
@@ -146,9 +162,9 @@ export function HackerProfileForm() {
 
   if (!hacker) {
     return (
-      <div className="flex flex-col items-center justify-center gap-4 text-center">
+      <div className="flex min-h-48 flex-col items-center justify-center gap-4 text-center">
         <p>You need a BloomKnights application before editing a profile.</p>
-        <Button asChild>
+        <Button asChild className="rounded-lg bg-[#8f285f]">
           <Link href="/apply">Apply to BloomKnights</Link>
         </Button>
       </div>
@@ -159,7 +175,7 @@ export function HackerProfileForm() {
     <>
       <Form {...form}>
         <form
-          className="space-y-4"
+          className="bk-profile-form grid gap-x-6 gap-y-5 md:grid-cols-2"
           noValidate
           onSubmit={form.handleSubmit(async (values) => {
             setLoading(true);
@@ -290,10 +306,11 @@ export function HackerProfileForm() {
               </FormItem>
             )}
           />
-          <div className="mt-10!">
-            <h3 className="text-lg font-medium">Demographic Information</h3>
-            <p className="text-sm text-muted-foreground">
-              This is some additional information about you.
+          <div className="bk-profile-section-heading">
+            <h2>About you</h2>
+            <p>
+              Demographic information helps us understand who BloomKnights
+              serves.
             </p>
           </div>
           <FormField
@@ -397,11 +414,9 @@ export function HackerProfileForm() {
               </FormItem>
             )}
           />
-          <div className="mt-10!">
-            <h3 className="text-lg font-medium">Academic Information</h3>
-            <p className="text-sm text-muted-foreground">
-              This is where you go to school and what you're studying.
-            </p>
+          <div className="bk-profile-section-heading">
+            <h2>Academic information</h2>
+            <p>Your school, program, and expected graduation.</p>
           </div>
           <FormField
             control={form.control}
@@ -495,17 +510,15 @@ export function HackerProfileForm() {
               </FormItem>
             )}
           />
-          <div className="mt-10!">
-            <h3 className="text-lg font-medium">Hackathon Survey</h3>
-            <p className="text-sm text-muted-foreground">
-              Tell us a bit more about yourself!
-            </p>
+          <div className="bk-profile-section-heading">
+            <h2>Hackathon survey</h2>
+            <p>Tell the organizer team what you want from the event.</p>
           </div>
           <FormField
             control={form.control}
             name="survey1"
             render={({ field }) => (
-              <FormItem>
+              <FormItem className="md:col-span-2">
                 <FormLabel>
                   Why do you want to attend Knighthacks?{" "}
                   <span className="text-destructive">*</span>
@@ -525,7 +538,7 @@ export function HackerProfileForm() {
             control={form.control}
             name="survey2"
             render={({ field }) => (
-              <FormItem>
+              <FormItem className="md:col-span-2">
                 <FormLabel>
                   What do you hope to achieve at Knighthacks?{" "}
                   <span className="text-destructive">*</span>
@@ -541,11 +554,9 @@ export function HackerProfileForm() {
               </FormItem>
             )}
           />
-          <div className="mt-10!">
-            <h3 className="text-lg font-medium">Additional Links</h3>
-            <p className="text-sm text-muted-foreground">
-              Feel free to include what makes you, you.
-            </p>
+          <div className="bk-profile-section-heading">
+            <h2>Links and logistics</h2>
+            <p>Share your work, resume, and dietary requirements.</p>
           </div>
           <FormField
             control={form.control}
@@ -715,7 +726,7 @@ export function HackerProfileForm() {
             control={form.control}
             name="isFirstTime"
             render={({ field }) => (
-              <FormItem className="flex flex-row space-x-3 space-y-0">
+              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
@@ -736,7 +747,7 @@ export function HackerProfileForm() {
             control={form.control}
             name="agreesToMLHCodeOfConduct"
             render={({ field }) => (
-              <FormItem className="flex flex-row space-x-3 space-y-0">
+              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
@@ -767,7 +778,7 @@ export function HackerProfileForm() {
             control={form.control}
             name="agreesToMLHDataSharing"
             render={({ field }) => (
-              <FormItem className="flex flex-row space-x-3 space-y-0">
+              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
@@ -819,7 +830,7 @@ export function HackerProfileForm() {
             control={form.control}
             name="agreesToReceiveEmailsFromMLH"
             render={({ field }) => (
-              <FormItem className="flex flex-row space-x-3 space-y-0">
+              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
@@ -837,11 +848,16 @@ export function HackerProfileForm() {
             )}
           />
 
-          {loading ? (
-            <Loader2 className="animate-spin" />
-          ) : (
-            <Button type="submit">Update Profile</Button>
-          )}
+          <Button
+            type="submit"
+            disabled={loading}
+            className="min-h-12 rounded-lg bg-[#173b28] text-white hover:bg-[#24533a] md:col-span-2"
+          >
+            <span className="inline-flex size-4 items-center justify-center">
+              {loading && <Loader2 className="size-4 animate-spin" />}
+            </span>
+            {loading ? "Saving changes" : "Save profile changes"}
+          </Button>
         </form>
       </Form>
     </>
diff --git a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
index f3bb38dc3..8c5ad79e8 100644
--- a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
@@ -1,31 +1,72 @@
 "use client";
 
 import Link from "next/link";
-
-import { Button } from "@forge/ui/button";
+import { usePathname } from "next/navigation";
+import { LogOut } from "lucide-react";
 
 import { signOut } from "~/auth/client";
 
 export function PortalHeader() {
+  const pathname = usePathname();
+
+  return (
+    <header className="mb-5 overflow-hidden rounded-xl border border-white/35 bg-[#fffaf0] text-[#173b28] shadow-[0_16px_44px_rgba(12,52,29,0.16)] sm:mb-6">
+      <div className="flex min-h-16 items-stretch justify-between">
+        <Link
+          href="/"
+          className="hidden items-center border-r border-[#173b28]/15 px-5 text-sm font-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#8f285f] sm:flex"
+        >
+          BloomKnights
+          <span className="ml-2 font-medium text-[#607064]">Portal</span>
+        </Link>
+        <nav
+          aria-label="Participant navigation"
+          className="grid min-w-0 flex-1 grid-cols-2 sm:flex sm:flex-none"
+        >
+          <PortalLink
+            active={pathname === "/dashboard"}
+            href="/dashboard"
+            label="Dashboard"
+          />
+          <PortalLink
+            active={pathname.startsWith("/dashboard/profile")}
+            href="/dashboard/profile"
+            label="Profile"
+          />
+        </nav>
+        <button
+          type="button"
+          className="flex min-h-16 shrink-0 items-center justify-center gap-2 border-l border-[#173b28]/15 px-4 text-sm font-extrabold transition-colors hover:bg-[#f4ead8] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#8f285f] sm:px-5"
+          onClick={() => void signOut({ redirectTo: "/" })}
+        >
+          <LogOut aria-hidden="true" className="size-4" />
+          <span className="sr-only sm:not-sr-only">Sign out</span>
+        </button>
+      </div>
+    </header>
+  );
+}
+
+function PortalLink({
+  active,
+  href,
+  label,
+}: {
+  active: boolean;
+  href: string;
+  label: string;
+}) {
   return (
-    <nav
-      aria-label="Participant navigation"
-      className="mb-8 flex flex-wrap items-center justify-center gap-3"
+    <Link
+      aria-current={active ? "page" : undefined}
+      href={href}
+      className="relative flex min-h-16 items-center justify-center px-4 text-sm font-extrabold transition-colors hover:bg-[#f4ead8] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#8f285f] sm:min-w-28"
     >
-      <Button asChild className="bk-bloom-cta-action rounded-full">
-        <Link href="/dashboard">Dashboard</Link>
-      </Button>
-      <Button asChild variant="secondary" className="rounded-full">
-        <Link href="/dashboard/profile">Profile</Link>
-      </Button>
-      <Button
-        type="button"
-        variant="outline"
-        className="rounded-full bg-white/85 text-[#42602A]"
-        onClick={() => void signOut({ redirectTo: "/" })}
-      >
-        Sign out
-      </Button>
-    </nav>
+      {label}
+      <span
+        aria-hidden="true"
+        className={`absolute inset-x-4 bottom-0 h-1 ${active ? "bg-[#8f285f]" : "bg-transparent"}`}
+      />
+    </Link>
   );
 }
diff --git a/apps/bloomknights/src/app/(portal)/apply/page.tsx b/apps/bloomknights/src/app/(portal)/apply/page.tsx
index f1e3814b7..7eafaea62 100644
--- a/apps/bloomknights/src/app/(portal)/apply/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/apply/page.tsx
@@ -34,20 +34,24 @@ export default async function ApplyPage({
   if (now < hackathon.applicationOpen || now > hackathon.applicationDeadline) {
     const beforeOpen = now < hackathon.applicationOpen;
     return (
-      <main className="flex min-h-screen items-center justify-center bg-[#f3eadb] px-5 text-center text-[#42602A]">
-        <section className="max-w-xl rounded-[2rem] bg-[#FFFDF1] p-8 shadow-xl">
-          <h1 className="text-3xl font-black">
+      <main className="flex min-h-screen items-center justify-center bg-[#173b28] px-4 py-10 text-[#173b28]">
+        <section className="w-full max-w-xl rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] p-6 text-left shadow-[0_24px_70px_rgba(0,0,0,0.24)] sm:p-9">
+          <p className="text-xs font-black uppercase tracking-[0.2em] text-[#8f285f]">
+            BloomKnights applications
+          </p>
+          <h1 className="mt-2 text-3xl font-black tracking-[-0.03em] sm:text-4xl">
             Applications are {beforeOpen ? "not open yet" : "closed"}.
           </h1>
-          <p className="mt-3 text-[#53634A]">
-            Visit your dashboard for the latest BloomKnights status and
-            announcements.
+          <p className="mt-3 max-w-md font-medium leading-7 text-[#526658]">
+            {beforeOpen
+              ? `Applications open ${hackathon.applicationOpen.toLocaleString("en-US", { dateStyle: "long", timeStyle: "short", timeZone: "America/New_York" })}.`
+              : "Join the Knight Hacks Discord for future event and registration updates."}
           </p>
           <Link
-            href="/dashboard"
-            className="mt-6 inline-flex rounded-full bg-[#f384d4] px-6 py-3 font-black text-white"
+            href="/"
+            className="mt-6 inline-flex min-h-11 items-center rounded-lg bg-[#8f285f] px-5 py-2 font-black text-white transition-colors hover:bg-[#75204f] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#8f285f]/25"
           >
-            Go to dashboard
+            Back to BloomKnights
           </Link>
         </section>
       </main>
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
index 35c243475..2aa06756c 100644
--- a/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
@@ -1,4 +1,8 @@
 import type { Metadata } from "next";
+import { headers } from "next/headers";
+import { redirect } from "next/navigation";
+
+import { createHackathonPortalServerCaller } from "@forge/hackathon/server";
 
 import { auth, signIn } from "~/auth/server";
 import { AuthRetry } from "../_components/auth-retry";
@@ -23,6 +27,16 @@ export default async function DashboardPage({
     signIn("discord", { redirectTo: "/dashboard" });
   }
 
+  const caller = createHackathonPortalServerCaller({
+    headers: await headers(),
+    session,
+  });
+  const dashboard = await caller.portal.getDashboard({
+    hackathonName: "bloomknights",
+  });
+
+  if (!dashboard.participant) redirect("/apply");
+
   return (
     <BloomKnightsDashboardShell>
       <PortalHeader />
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
index 23e0aae36..882eccda4 100644
--- a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
@@ -1,7 +1,4 @@
 import type { Metadata } from "next";
-import Link from "next/link";
-
-import { Button } from "@forge/ui/button";
 
 import { auth, signIn } from "~/auth/server";
 import { AuthRetry } from "../../_components/auth-retry";
@@ -28,19 +25,22 @@ export default async function HackerProfilePage({
   return (
     <BloomKnightsDashboardShell>
       <PortalHeader />
-      <section className="mx-auto max-w-3xl rounded-[2rem] bg-[#FFFDF1]/95 p-6 text-[#42602A] shadow-xl sm:p-10">
-        <div className="mb-8 flex flex-wrap items-center justify-between gap-4">
-          <div>
-            <p className="text-sm font-black uppercase tracking-[0.2em] text-[#f384d4]">
-              BloomKnights
-            </p>
-            <h1 className="text-3xl font-black">Hacker profile</h1>
-          </div>
-          <Button asChild variant="outline" className="rounded-full">
-            <Link href="/dashboard">Back to dashboard</Link>
-          </Button>
+      <section className="mx-auto max-w-5xl overflow-hidden rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] text-[#173b28] shadow-[0_24px_70px_rgba(12,52,29,0.18)]">
+        <div className="border-b border-[#173b28]/15 bg-[#e4ebcf] p-5 sm:p-8">
+          <p className="text-xs font-black uppercase tracking-[0.2em] text-[#8f285f]">
+            Participant record
+          </p>
+          <h1 className="mt-2 text-3xl font-black tracking-[-0.03em] sm:text-4xl">
+            Your hacker profile
+          </h1>
+          <p className="mt-2 max-w-2xl text-sm font-medium leading-6 text-[#405c4a]">
+            Keep the details attached to your BloomKnights application current.
+            Required fields are marked with an asterisk.
+          </p>
+        </div>
+        <div className="p-5 sm:p-8">
+          <HackerProfileForm />
         </div>
-        <HackerProfileForm />
       </section>
     </BloomKnightsDashboardShell>
   );
diff --git a/apps/bloomknights/src/app/_components/navbar/NavContent.tsx b/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
index 82ac183ab..7510102e7 100644
--- a/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
+++ b/apps/bloomknights/src/app/_components/navbar/NavContent.tsx
@@ -113,7 +113,7 @@ function NavContent({
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={{ opacity: 0, y: -10, scale: 0.98 }}
             transition={navChromeTransition}
-            className="absolute left-4 right-4 top-24 overflow-hidden rounded-lg border border-[#245f34]/15 bg-[#fff7dc]/95 text-[#245f34] shadow-[0_18px_48px_rgba(16,64,30,0.2)] backdrop-blur-md md:hidden"
+            className="absolute left-4 right-4 top-24 z-50 overflow-hidden rounded-lg border border-[#245f34]/20 bg-[#fffaf0] text-[#245f34] shadow-[0_18px_48px_rgba(16,64,30,0.24)] md:hidden"
           >
             <div className="flex flex-col py-2">
               {navLinks.map((link) => (
diff --git a/apps/bloomknights/src/app/_components/navbar/Navbar.tsx b/apps/bloomknights/src/app/_components/navbar/Navbar.tsx
index 5958ae454..923133dcd 100644
--- a/apps/bloomknights/src/app/_components/navbar/Navbar.tsx
+++ b/apps/bloomknights/src/app/_components/navbar/Navbar.tsx
@@ -34,10 +34,6 @@ const Navbar = () => {
           href: "/api/auth/signin?provider=discord&callbackURL=%2Fdashboard",
           label: "Sign up",
         },
-        {
-          href: "/api/auth/signin?provider=discord&callbackURL=%2Fdashboard",
-          label: "Log in",
-        },
       ];
 
   useEffect(() => {
diff --git a/apps/bloomknights/src/app/globals.css b/apps/bloomknights/src/app/globals.css
index 2a97a52b1..de32eb55f 100644
--- a/apps/bloomknights/src/app/globals.css
+++ b/apps/bloomknights/src/app/globals.css
@@ -103,6 +103,79 @@ html {
   font-family: var(--font-dm-sans), sans-serif;
 }
 
+.bk-profile-form
+  > div:not(.bk-profile-section-heading):not(.bk-profile-consent) {
+  min-height: 6.25rem;
+}
+
+.bk-profile-form > div:has(textarea) {
+  min-height: 12.5rem;
+}
+
+.bk-profile-form .bk-profile-section-heading {
+  grid-column: 1 / -1;
+  margin-top: 1.25rem;
+  border-top: 1px solid rgba(23, 59, 40, 0.18);
+  padding-top: 1.5rem;
+}
+
+.bk-profile-form .bk-profile-section-heading h2 {
+  color: #173b28;
+  font-size: 1.125rem;
+  font-weight: 900;
+  letter-spacing: -0.01em;
+}
+
+.bk-profile-form .bk-profile-section-heading p {
+  margin-top: 0.25rem;
+  color: #526658;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.bk-profile-form label {
+  color: #294b36;
+  font-weight: 750;
+}
+
+.bk-profile-form .text-gray-400 {
+  color: #66746b;
+}
+
+.bk-profile-form input,
+.bk-profile-form textarea,
+.bk-profile-form button[role="combobox"] {
+  border-color: rgba(23, 59, 40, 0.32);
+  border-radius: 0.5rem;
+  background: #ffffff;
+  color: #173b28;
+  box-shadow: none;
+}
+
+.bk-profile-form input,
+.bk-profile-form button[role="combobox"] {
+  min-height: 2.75rem;
+}
+
+.bk-profile-form textarea {
+  min-height: 8rem;
+  resize: vertical;
+}
+
+.bk-profile-form input:focus-visible,
+.bk-profile-form textarea:focus-visible,
+.bk-profile-form button[role="combobox"]:focus-visible {
+  border-color: #8f285f;
+  outline: 3px solid rgba(143, 40, 95, 0.2);
+  outline-offset: 1px;
+}
+
+.bk-profile-form .bk-profile-consent {
+  min-height: 3rem;
+  border-left: 3px solid #d7dfc1;
+  padding: 0.6rem 0 0.6rem 0.8rem;
+}
+
 .bloom-site-background {
   position: relative;
   isolation: isolate;
diff --git a/packages/hackathon/src/application-schema.ts b/packages/hackathon/src/application-schema.ts
index e3ee502a7..c633f0f70 100644
--- a/packages/hackathon/src/application-schema.ts
+++ b/packages/hackathon/src/application-schema.ts
@@ -23,7 +23,10 @@ function calculateAge(birthDate: Date, referenceDate: Date) {
 
 function createResumeUploadSchema() {
   return z
-    .instanceof(FileList)
+    .custom<FileList>(
+      (value) => typeof FileList !== "undefined" && value instanceof FileList,
+      "Resume upload must be a browser file selection",
+    )
     .superRefine((fileList, ctx) => {
       if (fileList.length !== 0 && fileList.length !== 1) {
         ctx.addIssue({
@@ -34,7 +37,7 @@ function createResumeUploadSchema() {
 
       if (fileList.length !== 1) return;
       const file = fileList[0];
-      if (!(file instanceof File)) {
+      if (typeof File === "undefined" || !(file instanceof File)) {
         ctx.addIssue({
           code: "custom",
           message: "Object in FileList is undefined",

From 02f60f02a9a44fcc8940ebbd7e424600ed7e52df Mon Sep 17 00:00:00 2001
From: DVidal1205 <dylanvidal1204@gmail.com>
Date: Fri, 3 Jul 2026 15:02:29 -0700
Subject: [PATCH 06/10] style(bloomknights): align portal with landing page

---
 .../hackbackgrounds/bloomknights.ts           | 103 +++++++--
 .../application/hacker-application-form.tsx   |   4 +-
 .../(portal)/_components/bloom-dashboard.tsx  | 205 +++++++++---------
 .../bloomknights-dashboard-shell.tsx          |   6 +-
 .../_components/hacker-profile-form.tsx       |   8 +-
 .../(portal)/_components/portal-header.tsx    |  14 +-
 .../src/app/(portal)/apply/page.tsx           |  14 +-
 .../app/(portal)/dashboard/profile/page.tsx   |  14 +-
 apps/bloomknights/src/app/globals.css         | 170 ++++++++++++++-
 9 files changed, 375 insertions(+), 163 deletions(-)

diff --git a/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
index 851a3835a..682783162 100644
--- a/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
@@ -62,16 +62,16 @@ export const bloomknightsApplicationStyles = `
 
 form[data-application-visual="bloomknights"],
 .kh-application-shell[data-application-visual="bloomknights"] {
-  background-color: #0f2f32;
+  background-color: #b8d4e8;
   background-image:
     linear-gradient(
       to bottom,
-      rgba(4, 13, 17, 0.26) 0%,
-      rgba(5, 18, 22, 0.14) 44%,
-      rgba(5, 20, 22, 0.56) 78%,
-      rgba(3, 13, 15, 0.78) 100%
+      rgba(255, 248, 222, 0.08) 0%,
+      rgba(218, 234, 245, 0.08) 44%,
+      rgba(36, 95, 53, 0.18) 78%,
+      rgba(23, 63, 36, 0.42) 100%
     ),
-    linear-gradient(90deg, rgba(5, 18, 22, 0.36), rgba(8, 32, 42, 0.18)),
+    linear-gradient(90deg, rgba(36, 95, 53, 0.12), rgba(255, 248, 222, 0.06)),
     image-set(
       url("${BLOOMKNIGHTS_APPLICATION_TABLET_WEBP}") type("image/webp"),
       url("${BLOOMKNIGHTS_APPLICATION_WEBP}") type("image/webp")
@@ -90,19 +90,96 @@ form[data-application-visual="bloomknights"],
   background:
     linear-gradient(
       to bottom,
-      rgba(3, 11, 14, 0.18) 0%,
-      rgba(5, 18, 22, 0.08) 42%,
-      rgba(5, 20, 22, 0.42) 76%,
-      rgba(3, 13, 15, 0.72) 100%
+      rgba(255, 248, 222, 0.05) 0%,
+      rgba(218, 234, 245, 0.04) 42%,
+      rgba(36, 95, 53, 0.12) 76%,
+      rgba(23, 63, 36, 0.34) 100%
     ),
     linear-gradient(
       90deg,
-      rgba(5, 18, 22, 0.28) 0%,
-      rgba(8, 32, 42, 0.14) 54%,
-      rgba(8, 23, 31, 0.08) 100%
+      rgba(36, 95, 53, 0.1) 0%,
+      rgba(218, 234, 245, 0.04) 54%,
+      rgba(255, 248, 222, 0.02) 100%
     );
 }
 
+.kh-application-shell[data-application-visual="bloomknights"] .kh-application-panel {
+  border: 1.5px solid rgba(196, 168, 130, 0.46);
+  border-left-color: rgba(122, 171, 90, 0.92);
+  border-left-width: 4px;
+  border-radius: 1.25rem;
+  background:
+    radial-gradient(ellipse at 12% 8%, rgba(218, 234, 245, 0.28), transparent 46%),
+    rgba(248, 243, 232, 0.92);
+  color: #3d2e1e;
+  box-shadow:
+    0 18px 54px rgba(36, 95, 53, 0.2),
+    inset 0 1px 0 rgba(255, 250, 230, 0.82);
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-title {
+  color: #245f35;
+  font-family: var(--font-righteous), cursive;
+  text-shadow:
+    0 1px 0 rgba(255, 255, 255, 0.82),
+    0 5px 16px rgba(36, 95, 53, 0.14);
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content {
+  font-family: var(--font-dm-sans), sans-serif;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content label {
+  color: #245f35;
+  text-shadow: none;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content :is(input, textarea, button[role="combobox"]) {
+  border-bottom-color: rgba(36, 95, 53, 0.5);
+  color: #3d2e1e;
+  text-shadow: none;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content :is(input, textarea)::placeholder {
+  color: rgba(90, 69, 53, 0.72);
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content button[role="combobox"][data-placeholder] {
+  color: rgba(90, 69, 53, 0.72);
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content :is(input, textarea, button[role="combobox"]):focus-visible {
+  border-bottom-color: #7aab5a;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content p {
+  color: #7a4a1e;
+  text-shadow: none;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content button[role="checkbox"] {
+  border-color: rgba(36, 95, 53, 0.52);
+  background: rgba(255, 250, 238, 0.86);
+  color: #245f35;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content button[role="checkbox"][data-state="checked"] {
+  border-color: #7aab5a;
+  background: #7aab5a;
+  color: white;
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-agreement-row {
+  border-color: rgba(196, 168, 130, 0.42);
+  background: rgba(255, 250, 238, 0.72);
+  box-shadow: 0 10px 28px rgba(36, 95, 53, 0.1);
+}
+
+.kh-application-shell[data-application-visual="bloomknights"] .kh-agreement-error-row {
+  background: rgba(254, 115, 254, 0.12);
+  --tw-ring-color: rgba(180, 79, 154, 0.42);
+}
+
 .kh-application-shell[data-application-visual="bloomknights"] .kh-readable-text {
   text-shadow:
     0 1px 8px rgba(14, 54, 35, 0.34),
diff --git a/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
index cef795114..d93776d54 100644
--- a/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
@@ -56,13 +56,13 @@ const checkboxClassName =
 const checkboxLabelClassName =
   "text-sm font-medium leading-relaxed text-white/90";
 const highlightedCheckboxRowClassName =
-  "flex flex-row items-start gap-3 space-y-0 rounded-md border border-white/18 bg-[#06101b]/58 px-3 py-3 shadow-[0_16px_42px_rgba(0,0,0,0.28)] backdrop-blur-sm";
+  "kh-agreement-row flex flex-row items-start gap-3 space-y-0 rounded-md border border-white/18 bg-[#06101b]/58 px-3 py-3 shadow-[0_16px_42px_rgba(0,0,0,0.28)] backdrop-blur-sm";
 const highlightedCheckboxClassName =
   "h-6 w-6 border-white/70 bg-white/12 shadow-[0_0_0_1px_rgba(255,255,255,0.12),0_0_24px_rgba(255,255,255,0.12)] data-[state=checked]:border-white data-[state=checked]:bg-white";
 const highlightedCheckboxLabelClassName =
   "text-base font-semibold leading-relaxed text-white/90 drop-shadow-[0_1px_5px_rgba(0,0,0,0.78)]";
 const agreementErrorRowClassName =
-  "rounded-md bg-[#ff2f6d]/14 px-3 py-3 ring-1 ring-[#ff6f9a]/55 shadow-[0_0_30px_rgba(255,47,109,0.22)]";
+  "kh-agreement-error-row rounded-md bg-[#ff2f6d]/14 px-3 py-3 ring-1 ring-[#ff6f9a]/55 shadow-[0_0_30px_rgba(255,47,109,0.22)]";
 const agreementErrorCheckboxClassName =
   "border-[#ff8aaa] bg-[#ff2f6d]/25 text-white shadow-[0_0_0_4px_rgba(255,111,154,0.24),0_0_24px_rgba(255,47,109,0.45)]";
 const agreementErrorLabelClassName =
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
index d39627837..de03d191e 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
@@ -63,13 +63,13 @@ const statusMessages: Record<HackerStatus, string> = {
 };
 
 const statusTone: Record<HackerStatus, string> = {
-  accepted: "border-[#9f2f70] bg-[#fff0f8] text-[#7d2056]",
-  checkedin: "border-[#17653a] bg-[#e7f5e6] text-[#124b2d]",
-  confirmed: "border-[#17653a] bg-[#e7f5e6] text-[#124b2d]",
-  denied: "border-[#7a4a44] bg-[#f8ece8] text-[#633730]",
-  pending: "border-[#836315] bg-[#fff7d7] text-[#654b0d]",
-  waitlisted: "border-[#5f568a] bg-[#f1efff] text-[#49406f]",
-  withdrawn: "border-[#656d68] bg-[#eff2ef] text-[#4b534e]",
+  accepted: "border-[#a0789d] bg-[#f0e9f3] text-[#5c4262]",
+  checkedin: "border-[#7aab5a] bg-[#e7f0d8] text-[#245f35]",
+  confirmed: "border-[#7aab5a] bg-[#e7f0d8] text-[#245f35]",
+  denied: "border-[#b59b86] bg-[#f2e9e2] text-[#5a4535]",
+  pending: "border-[#c4a882] bg-[#fff4cf] text-[#6c501d]",
+  waitlisted: "border-[#a58fb7] bg-[#eee8f3] text-[#5c4262]",
+  withdrawn: "border-[#9aa99b] bg-[#edf0e8] text-[#4f5f50]",
 };
 
 const dateFormatter = new Intl.DateTimeFormat("en-US", {
@@ -139,10 +139,7 @@ export function BloomDashboard() {
         title="Start your BloomKnights application."
         body="Your dashboard becomes available as soon as your application is submitted."
         action={
-          <Button
-            asChild
-            className="bk-bloom-cta-action rounded-lg bg-[#8f285f]"
-          >
+          <Button asChild className="bk-bloom-cta-action bk-portal-button px-5">
             <Link href="/apply">Go to application</Link>
           </Button>
         }
@@ -192,38 +189,37 @@ export function BloomDashboard() {
   };
 
   return (
-    <div className="space-y-5 text-[#173b28] sm:space-y-6">
-      <section className="overflow-hidden rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] shadow-[0_24px_70px_rgba(12,52,29,0.18)]">
+    <div className="space-y-5 text-[#3d2e1e] sm:space-y-6">
+      <section className="bk-portal-panel">
         <div className="grid lg:grid-cols-[minmax(0,1fr)_20rem]">
           <div className="p-5 sm:p-8 lg:p-10">
-            <p className="text-xs font-black uppercase tracking-[0.2em] text-[#8f285f]">
-              Participant field notes · BloomKnights 2026
-            </p>
-            <h1 className="mt-3 max-w-3xl text-3xl font-black leading-[1.05] tracking-[-0.035em] text-[#173b28] sm:text-5xl">
-              Hey {participant.firstName}, here&apos;s where you stand.
+            <p className="bk-portal-kicker">BloomKnights dashboard</p>
+            <h1 className="bk-portal-heading mt-3 max-w-3xl text-3xl leading-tight sm:text-5xl">
+              Welcome back, {participant.firstName}!
             </h1>
+            <p className="mt-3 max-w-2xl text-sm font-semibold leading-6 text-[#5a4535] sm:text-base">
+              Check your application status and get ready for hack day.
+            </p>
             <div className="mt-6 flex flex-col items-start gap-3 sm:flex-row sm:items-center">
               <span
-                className={`inline-flex min-h-8 items-center rounded-md border px-3 py-1 text-sm font-extrabold ${statusTone[participant.status]}`}
+                className={`font-righteous inline-flex min-h-8 items-center rounded-lg border px-3 py-1 text-xs tracking-[0.02em] ${statusTone[participant.status]}`}
               >
                 {statusLabels[participant.status]}
               </span>
-              <p className="max-w-2xl text-sm font-medium leading-6 text-[#405c4a]">
+              <p className="max-w-2xl text-sm font-medium leading-6 text-[#5a4535]">
                 {statusMessages[participant.status]}
               </p>
             </div>
           </div>
 
-          <aside className="border-t border-[#173b28]/15 bg-[#e4ebcf] p-5 sm:p-7 lg:border-l lg:border-t-0">
-            <p className="text-xs font-black uppercase tracking-[0.18em] text-[#49623d]">
-              Event details
-            </p>
+          <aside className="border-t border-[#c4a882]/30 bg-[#daeaf5]/45 p-5 sm:p-7 lg:border-l lg:border-t-0">
+            <p className="bk-portal-kicker text-[#245f35]">Event details</p>
             <dl className="mt-5 space-y-5 text-sm">
               <div className="grid grid-cols-[1.25rem_1fr] gap-3">
                 <CalendarDays aria-hidden="true" className="mt-0.5 size-5" />
                 <div>
-                  <dt className="font-extrabold">Date</dt>
-                  <dd className="mt-0.5 text-[#405c4a]">
+                  <dt className="font-righteous text-[#245f35]">Date</dt>
+                  <dd className="mt-0.5 text-[#5a4535]">
                     {dayFormatter.format(hackathon.startDate)}
                   </dd>
                 </div>
@@ -231,8 +227,8 @@ export function BloomDashboard() {
               <div className="grid grid-cols-[1.25rem_1fr] gap-3">
                 <Clock3 aria-hidden="true" className="mt-0.5 size-5" />
                 <div>
-                  <dt className="font-extrabold">Hours</dt>
-                  <dd className="mt-0.5 text-[#405c4a]">
+                  <dt className="font-righteous text-[#245f35]">Hours</dt>
+                  <dd className="mt-0.5 text-[#5a4535]">
                     {timeFormatter.format(hackathon.startDate)}–
                     {timeFormatter.format(hackathon.endDate)} ET
                   </dd>
@@ -241,8 +237,8 @@ export function BloomDashboard() {
               <div className="grid grid-cols-[1.25rem_1fr] gap-3">
                 <MapPin aria-hidden="true" className="mt-0.5 size-5" />
                 <div>
-                  <dt className="font-extrabold">Location</dt>
-                  <dd className="mt-0.5 text-[#405c4a]">UCF Business I</dd>
+                  <dt className="font-righteous text-[#245f35]">Location</dt>
+                  <dd className="mt-0.5 text-[#5a4535]">UCF Business I</dd>
                 </div>
               </div>
             </dl>
@@ -250,13 +246,13 @@ export function BloomDashboard() {
         </div>
 
         {participant.status === "accepted" && (
-          <div className="grid gap-5 border-t border-[#173b28]/15 bg-[#fff3f9] p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
+          <div className="grid gap-5 border-t border-[#c4a882]/30 bg-[#c9b8d8]/20 p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
             <div>
-              <p className="text-xs font-black uppercase tracking-[0.18em] text-[#8f285f]">
-                Next step
-              </p>
-              <h2 className="mt-1 text-xl font-black">Confirm your place</h2>
-              <p className="mt-1 max-w-2xl text-sm leading-6 text-[#405c4a]">
+              <p className="bk-portal-kicker">Next step</p>
+              <h2 className="font-righteous mt-1 text-xl text-[#245f35]">
+                Confirm your place
+              </h2>
+              <p className="mt-1 max-w-2xl text-sm leading-6 text-[#5a4535]">
                 Read the event terms and confirm by{" "}
                 {dateFormatter.format(hackathon.confirmationDeadline)}.
               </p>
@@ -264,13 +260,13 @@ export function BloomDashboard() {
                 href={config.termsUrl}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="mt-2 inline-flex items-center gap-1 text-sm font-extrabold text-[#7d2056] underline decoration-2 underline-offset-4 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7d2056]"
+                className="mt-2 inline-flex items-center gap-1 text-sm font-bold text-[#245f35] underline decoration-2 underline-offset-4 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7aab5a]"
               >
                 Read the event terms <ArrowUpRight className="size-4" />
               </a>
             </div>
             <Button
-              className="bk-bloom-cta-action min-h-11 min-w-48 rounded-lg bg-[#8f285f] px-5 text-white hover:bg-[#75204f]"
+              className="bk-bloom-cta-action bk-portal-button min-w-48 px-5"
               disabled={actionPending || confirmationClosed || atCapacity}
               onClick={() => void handleConfirm()}
             >
@@ -289,21 +285,21 @@ export function BloomDashboard() {
         )}
 
         {participant.status === "confirmed" && (
-          <div className="grid gap-5 border-t border-[#173b28]/15 bg-[#edf5df] p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
+          <div className="grid gap-5 border-t border-[#c4a882]/30 bg-[#a8c490]/20 p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
             <div>
-              <p className="text-xs font-black uppercase tracking-[0.18em] text-[#17653a]">
+              <p className="bk-portal-kicker text-[#245f35]">
                 You&apos;re on the list
               </p>
-              <h2 className="mt-1 text-xl font-black">
+              <h2 className="font-righteous mt-1 text-xl text-[#245f35]">
                 Your place is confirmed.
               </h2>
-              <p className="mt-1 text-sm leading-6 text-[#405c4a]">
+              <p className="mt-1 text-sm leading-6 text-[#5a4535]">
                 Plans changed? Withdraw here so another hacker can attend.
               </p>
             </div>
             <Button
               variant="outline"
-              className="min-h-11 min-w-48 rounded-lg border-[#173b28]/35 bg-transparent text-[#173b28] hover:bg-white/70"
+              className="min-h-11 min-w-48 rounded-lg border-[#245f35]/35 bg-[#fff8de]/55 text-[#245f35] hover:bg-[#fff8de]"
               disabled={actionPending}
               onClick={() => void handleWithdraw()}
             >
@@ -314,25 +310,21 @@ export function BloomDashboard() {
         )}
       </section>
 
-      <section aria-labelledby="portal-tools-heading">
-        <div className="mb-3 flex items-end justify-between gap-4 px-1">
-          <div>
-            <p className="text-xs font-black uppercase tracking-[0.18em] text-[#f6e8c9]">
-              Your toolkit
-            </p>
-            <h2
-              id="portal-tools-heading"
-              className="mt-1 text-2xl font-black text-white"
-            >
-              Participant essentials
-            </h2>
-          </div>
-          <p className="hidden text-sm font-semibold text-white/80 sm:block">
-            Four tools, always in the same place.
-          </p>
+      <section
+        aria-labelledby="portal-tools-heading"
+        className="bk-portal-panel"
+      >
+        <div className="border-b border-[#c4a882]/30 px-5 py-4 sm:px-6">
+          <p className="bk-portal-kicker">Quick links</p>
+          <h2
+            id="portal-tools-heading"
+            className="bk-portal-heading mt-1 text-2xl"
+          >
+            Resources
+          </h2>
         </div>
 
-        <div className="grid grid-cols-2 gap-3 lg:grid-cols-4">
+        <div className="bk-portal-tools-grid">
           <ActionCard
             description="Update your contact and application details."
             href="/dashboard/profile"
@@ -367,13 +359,11 @@ export function BloomDashboard() {
       </section>
 
       {participant.status === "checkedin" && (
-        <section className="rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] p-5 shadow-[0_20px_60px_rgba(12,52,29,0.16)] sm:p-8">
-          <div className="flex flex-col gap-4 border-b border-[#173b28]/15 pb-5 sm:flex-row sm:items-end sm:justify-between">
+        <section className="bk-portal-panel p-5 sm:p-8">
+          <div className="flex flex-col gap-4 border-b border-[#c4a882]/30 pb-5 sm:flex-row sm:items-end sm:justify-between">
             <div>
-              <p className="text-xs font-black uppercase tracking-[0.18em] text-[#8f285f]">
-                Live at BloomKnights
-              </p>
-              <h2 className="mt-1 text-2xl font-black sm:text-3xl">
+              <p className="bk-portal-kicker">Live at BloomKnights</p>
+              <h2 className="bk-portal-heading mt-1 text-2xl sm:text-3xl">
                 Event schedule
               </h2>
             </div>
@@ -381,15 +371,17 @@ export function BloomDashboard() {
               <DialogTrigger asChild>
                 <Button
                   variant="outline"
-                  className="min-h-11 rounded-lg border-[#173b28]/35 bg-transparent text-[#173b28]"
+                  className="min-h-11 rounded-lg border-[#245f35]/35 bg-[#fff8de]/55 text-[#245f35]"
                 >
                   <LifeBuoy className="size-4" /> Report an issue
                 </Button>
               </DialogTrigger>
-              <DialogContent className="rounded-xl border-[#173b28]/25 bg-[#fffaf0] text-[#173b28]">
+              <DialogContent className="rounded-xl border-[#c4a882]/45 bg-[#f8f3e8] text-[#3d2e1e]">
                 <DialogHeader>
-                  <DialogTitle>Report an issue</DialogTitle>
-                  <DialogDescription className="text-[#526658]">
+                  <DialogTitle className="font-righteous text-[#245f35]">
+                    Report an issue
+                  </DialogTitle>
+                  <DialogDescription className="text-[#5a4535]">
                     Tell the organizer team what is happening and where you are.
                   </DialogDescription>
                 </DialogHeader>
@@ -398,11 +390,11 @@ export function BloomDashboard() {
                   value={issue}
                   onChange={(event) => setIssue(event.target.value)}
                   maxLength={2000}
-                  className="min-h-32 rounded-lg border-[#173b28]/30 bg-white"
+                  className="min-h-32 rounded-lg border-[#c4a882]/45 bg-[#fffaf0]"
                 />
                 <DialogFooter>
                   <Button
-                    className="min-w-32 rounded-lg bg-[#173b28]"
+                    className="bk-portal-button min-w-32"
                     disabled={!issue.trim() || reportIssueMutation.isPending}
                     onClick={async () => {
                       try {
@@ -429,9 +421,9 @@ export function BloomDashboard() {
             </Dialog>
           </div>
 
-          <div className="mt-5 divide-y divide-[#173b28]/15 border-y border-[#173b28]/15">
+          <div className="mt-5 divide-y divide-[#c4a882]/30 border-y border-[#c4a882]/30">
             {schedule.length === 0 ? (
-              <p className="py-6 text-sm font-medium text-[#526658]">
+              <p className="py-6 text-sm font-medium text-[#5a4535]">
                 The live schedule will appear here when it is published.
               </p>
             ) : (
@@ -440,19 +432,21 @@ export function BloomDashboard() {
                   key={event.id}
                   className="grid gap-3 py-5 md:grid-cols-[10rem_1fr_auto] md:items-start"
                 >
-                  <p className="text-sm font-extrabold text-[#405c4a]">
+                  <p className="font-righteous text-sm text-[#245f35]">
                     {timeFormatter.format(event.startDateTime)}
                   </p>
                   <div>
-                    <h3 className="text-lg font-black">{event.name}</h3>
-                    <p className="mt-1 max-w-2xl text-sm leading-6 text-[#526658]">
+                    <h3 className="font-righteous text-lg text-[#245f35]">
+                      {event.name}
+                    </h3>
+                    <p className="mt-1 max-w-2xl text-sm leading-6 text-[#5a4535]">
                       {event.description}
                     </p>
                     <p className="mt-2 text-sm font-extrabold">
                       {event.location}
                     </p>
                   </div>
-                  <Badge className="w-fit rounded-md bg-[#dce8c6] text-[#173b28] hover:bg-[#dce8c6]">
+                  <Badge className="w-fit rounded-md bg-[#daeaf5] text-[#245f35] hover:bg-[#daeaf5]">
                     {event.tag}
                   </Badge>
                 </article>
@@ -479,15 +473,11 @@ function PortalMessage({
   return (
     <section
       aria-live="polite"
-      className="mx-auto max-w-2xl rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] p-6 text-center text-[#173b28] shadow-[0_24px_70px_rgba(12,52,29,0.18)] sm:p-9"
+      className="bk-portal-panel mx-auto max-w-2xl p-6 text-center text-[#3d2e1e] sm:p-9"
     >
-      <div className="mx-auto flex size-11 items-center justify-center rounded-lg bg-[#dce8c6]">
-        {icon}
-      </div>
-      <h1 className="mt-5 text-2xl font-black tracking-[-0.02em] sm:text-4xl">
-        {title}
-      </h1>
-      {body && <p className="mt-3 text-[#526658]">{body}</p>}
+      <div className="bk-portal-tool-icon mx-auto">{icon}</div>
+      <h1 className="bk-portal-heading mt-5 text-2xl sm:text-4xl">{title}</h1>
+      {body && <p className="mt-3 text-[#5a4535]">{body}</p>}
       {action && <div className="mt-6">{action}</div>}
     </section>
   );
@@ -511,18 +501,18 @@ function ActionCard({
       href={href}
       target={external ? "_blank" : undefined}
       rel={external ? "noopener noreferrer" : undefined}
-      className="bk-bloom-cta-action group flex min-h-40 flex-col rounded-xl border border-[#173b28]/20 bg-[#fffaf0] p-4 text-left text-[#173b28] shadow-[0_12px_30px_rgba(12,52,29,0.14)] transition-[border-color,background-color,box-shadow] hover:border-[#8f285f]/60 hover:bg-white hover:shadow-[0_16px_36px_rgba(12,52,29,0.2)] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#fffaf0] focus-visible:ring-offset-2 focus-visible:ring-offset-[#173b28] sm:min-h-44 sm:p-5"
+      className="bk-portal-tool group"
     >
-      <span className="flex size-9 items-center justify-center rounded-md bg-[#dce8c6] [&_svg]:size-5">
-        {icon}
+      <span className="bk-portal-tool-icon [&_svg]:size-5">{icon}</span>
+      <span className="font-righteous mt-3 text-base text-[#245f35] sm:text-lg">
+        {label}
       </span>
-      <span className="mt-4 text-base font-black sm:text-lg">{label}</span>
-      <span className="mt-1 line-clamp-3 text-xs font-medium leading-5 text-[#526658] sm:text-sm">
+      <span className="mt-1 line-clamp-2 text-xs font-medium leading-5 text-[#5a4535] sm:text-sm">
         {description}
       </span>
       <ArrowUpRight
         aria-hidden="true"
-        className="mt-auto size-4 self-end text-[#8f285f]"
+        className="mt-auto size-4 self-end text-[#7aab5a]"
       />
     </Link>
   );
@@ -541,20 +531,17 @@ function QrActionCard({
 }) {
   if (!available) {
     return (
-      <div
-        aria-disabled="true"
-        className="flex min-h-40 flex-col rounded-xl border border-[#173b28]/15 bg-[#eef0e7] p-4 text-left text-[#173b28] shadow-[0_10px_24px_rgba(12,52,29,0.1)] sm:min-h-44 sm:p-5"
-      >
-        <span className="flex size-9 items-center justify-center rounded-md bg-[#dde1d5] text-[#526658]">
+      <div aria-disabled="true" className="bk-portal-tool bg-[#edf0e8]/95">
+        <span className="bk-portal-tool-icon opacity-70">
           <LockKeyhole className="size-5" />
         </span>
-        <span className="mt-4 text-base font-black sm:text-lg">
+        <span className="font-righteous mt-3 text-base text-[#245f35] sm:text-lg">
           Check-in QR
         </span>
-        <span className="mt-1 text-xs font-medium leading-5 text-[#647168] sm:text-sm">
+        <span className="mt-1 text-xs font-medium leading-5 text-[#5a4535]/80 sm:text-sm">
           Available after your attendance is confirmed.
         </span>
-        <span className="mt-auto text-xs font-extrabold uppercase tracking-[0.12em] text-[#647168]">
+        <span className="font-righteous mt-auto text-[0.7rem] uppercase tracking-[0.08em] text-[#5a4535]/75">
           Locked
         </span>
       </div>
@@ -566,32 +553,34 @@ function QrActionCard({
       <DialogTrigger asChild>
         <button
           type="button"
-          className="bk-bloom-cta-action group flex min-h-40 flex-col rounded-xl border border-[#173b28]/20 bg-[#fffaf0] p-4 text-left text-[#173b28] shadow-[0_12px_30px_rgba(12,52,29,0.14)] transition-[border-color,background-color,box-shadow] hover:border-[#8f285f]/60 hover:bg-white hover:shadow-[0_16px_36px_rgba(12,52,29,0.2)] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#fffaf0] focus-visible:ring-offset-2 focus-visible:ring-offset-[#173b28] sm:min-h-44 sm:p-5"
+          className="bk-portal-tool group w-full"
           onClick={() => void loadQRCode()}
         >
-          <span className="flex size-9 items-center justify-center rounded-md bg-[#dce8c6]">
+          <span className="bk-portal-tool-icon">
             {isLoading ? (
               <Loader2 className="size-5 animate-spin" />
             ) : (
               <QrCode className="size-5" />
             )}
           </span>
-          <span className="mt-4 text-base font-black sm:text-lg">
+          <span className="font-righteous mt-3 text-base text-[#245f35] sm:text-lg">
             Check-in QR
           </span>
-          <span className="mt-1 text-xs font-medium leading-5 text-[#526658] sm:text-sm">
+          <span className="mt-1 text-xs font-medium leading-5 text-[#5a4535] sm:text-sm">
             Open your code for organizer check-in.
           </span>
           <ArrowUpRight
             aria-hidden="true"
-            className="mt-auto size-4 self-end text-[#8f285f]"
+            className="mt-auto size-4 self-end text-[#7aab5a]"
           />
         </button>
       </DialogTrigger>
-      <DialogContent className="rounded-xl border-[#173b28]/25 bg-[#fffaf0] text-[#173b28]">
+      <DialogContent className="rounded-xl border-[#c4a882]/45 bg-[#f8f3e8] text-[#3d2e1e]">
         <DialogHeader>
-          <DialogTitle>Your check-in QR code</DialogTitle>
-          <DialogDescription className="text-[#526658]">
+          <DialogTitle className="font-righteous text-[#245f35]">
+            Your check-in QR code
+          </DialogTitle>
+          <DialogDescription className="text-[#5a4535]">
             Show this code at an organizer check-in station.
           </DialogDescription>
         </DialogHeader>
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
index d349cb5b1..84dcc43b2 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
@@ -17,21 +17,21 @@ export function BloomKnightsDashboardShell({
 }) {
   return (
     <main
-      className="relative isolate min-h-screen overflow-hidden bg-[#173b28] bg-cover bg-center bg-no-repeat px-3 py-5 sm:px-5 sm:py-8 lg:py-10"
+      className="font-dm-sans relative isolate min-h-screen overflow-hidden bg-[#f5ebd5] bg-cover bg-center bg-no-repeat px-3 py-5 text-[#3d2e1e] sm:px-5 sm:py-8 lg:py-10"
       style={{
         backgroundImage: `image-set(url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND_AVIF}") type("image/avif"), url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND}") type("image/webp"))`,
       }}
     >
       <div
         aria-hidden="true"
-        className="pointer-events-none absolute inset-0 z-0 bg-[linear-gradient(180deg,rgba(14,51,31,0.48),rgba(10,45,27,0.78))]"
+        className="pointer-events-none absolute inset-0 z-0 bg-[linear-gradient(180deg,rgba(218,234,245,0.38),rgba(255,248,222,0.24)_48%,rgba(36,95,53,0.2))]"
       />
       <BloomKnightsAmbientBackground />
       <BloomKnightsActionBlooms />
       <BloomKnightsFlowerCursor />
       <a
         href="#participant-content"
-        className="fixed left-3 top-3 z-50 -translate-y-24 rounded-md bg-[#fffaf0] px-4 py-2 font-bold text-[#173b28] shadow-lg transition-transform focus:translate-y-0"
+        className="fixed left-3 top-3 z-50 -translate-y-24 rounded-md bg-[#fff8de] px-4 py-2 font-bold text-[#245f35] shadow-lg transition-transform focus:translate-y-0"
       >
         Skip to participant content
       </a>
diff --git a/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
index 34def890b..12590c9f2 100644
--- a/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
@@ -141,7 +141,7 @@ export function HackerProfileForm() {
     return (
       <div
         aria-live="polite"
-        className="flex min-h-48 items-center justify-center gap-3 text-sm font-extrabold text-[#405c4a]"
+        className="flex min-h-48 items-center justify-center gap-3 text-sm font-bold text-[#5a4535]"
       >
         <Loader2 className="size-5 animate-spin" />
         Loading your profile…
@@ -153,7 +153,7 @@ export function HackerProfileForm() {
     return (
       <div
         role="alert"
-        className="flex min-h-48 items-center justify-center text-center font-semibold text-[#7d2056]"
+        className="flex min-h-48 items-center justify-center text-center font-semibold text-[#7a4a1e]"
       >
         Something went wrong. Please refresh and try again.
       </div>
@@ -164,7 +164,7 @@ export function HackerProfileForm() {
     return (
       <div className="flex min-h-48 flex-col items-center justify-center gap-4 text-center">
         <p>You need a BloomKnights application before editing a profile.</p>
-        <Button asChild className="rounded-lg bg-[#8f285f]">
+        <Button asChild className="bk-portal-button">
           <Link href="/apply">Apply to BloomKnights</Link>
         </Button>
       </div>
@@ -851,7 +851,7 @@ export function HackerProfileForm() {
           <Button
             type="submit"
             disabled={loading}
-            className="min-h-12 rounded-lg bg-[#173b28] text-white hover:bg-[#24533a] md:col-span-2"
+            className="bk-portal-button min-h-12 md:col-span-2"
           >
             <span className="inline-flex size-4 items-center justify-center">
               {loading && <Loader2 className="size-4 animate-spin" />}
diff --git a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
index 8c5ad79e8..617c67b7e 100644
--- a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
@@ -10,14 +10,16 @@ export function PortalHeader() {
   const pathname = usePathname();
 
   return (
-    <header className="mb-5 overflow-hidden rounded-xl border border-white/35 bg-[#fffaf0] text-[#173b28] shadow-[0_16px_44px_rgba(12,52,29,0.16)] sm:mb-6">
+    <header className="bk-portal-nav mb-5 overflow-hidden rounded-2xl sm:mb-6">
       <div className="flex min-h-16 items-stretch justify-between">
         <Link
           href="/"
-          className="hidden items-center border-r border-[#173b28]/15 px-5 text-sm font-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#8f285f] sm:flex"
+          className="font-righteous hidden items-center border-r border-[#245f35]/15 px-5 text-sm uppercase tracking-[0.04em] text-[#245f35] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#7aab5a] sm:flex"
         >
           BloomKnights
-          <span className="ml-2 font-medium text-[#607064]">Portal</span>
+          <span className="font-dm-sans ml-2 text-xs font-bold normal-case tracking-normal text-[#5a4535]/75">
+            Portal
+          </span>
         </Link>
         <nav
           aria-label="Participant navigation"
@@ -36,7 +38,7 @@ export function PortalHeader() {
         </nav>
         <button
           type="button"
-          className="flex min-h-16 shrink-0 items-center justify-center gap-2 border-l border-[#173b28]/15 px-4 text-sm font-extrabold transition-colors hover:bg-[#f4ead8] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#8f285f] sm:px-5"
+          className="font-righteous flex min-h-16 shrink-0 items-center justify-center gap-2 border-l border-[#245f35]/15 px-4 text-xs uppercase tracking-[0.04em] text-[#245f35] transition-colors hover:bg-[#daeaf5]/45 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#7aab5a] sm:px-5"
           onClick={() => void signOut({ redirectTo: "/" })}
         >
           <LogOut aria-hidden="true" className="size-4" />
@@ -60,12 +62,12 @@ function PortalLink({
     <Link
       aria-current={active ? "page" : undefined}
       href={href}
-      className="relative flex min-h-16 items-center justify-center px-4 text-sm font-extrabold transition-colors hover:bg-[#f4ead8] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#8f285f] sm:min-w-28"
+      className="font-righteous relative flex min-h-16 items-center justify-center px-4 text-xs uppercase tracking-[0.06em] text-[#245f35] transition-colors hover:bg-[#daeaf5]/45 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#7aab5a] sm:min-w-28 sm:text-sm"
     >
       {label}
       <span
         aria-hidden="true"
-        className={`absolute inset-x-4 bottom-0 h-1 ${active ? "bg-[#8f285f]" : "bg-transparent"}`}
+        className={`absolute inset-x-4 bottom-0 h-1 rounded-t-full ${active ? "bg-[linear-gradient(90deg,#c9b8d8,#a8d471)]" : "bg-transparent"}`}
       />
     </Link>
   );
diff --git a/apps/bloomknights/src/app/(portal)/apply/page.tsx b/apps/bloomknights/src/app/(portal)/apply/page.tsx
index 7eafaea62..010c71502 100644
--- a/apps/bloomknights/src/app/(portal)/apply/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/apply/page.tsx
@@ -34,22 +34,20 @@ export default async function ApplyPage({
   if (now < hackathon.applicationOpen || now > hackathon.applicationDeadline) {
     const beforeOpen = now < hackathon.applicationOpen;
     return (
-      <main className="flex min-h-screen items-center justify-center bg-[#173b28] px-4 py-10 text-[#173b28]">
-        <section className="w-full max-w-xl rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] p-6 text-left shadow-[0_24px_70px_rgba(0,0,0,0.24)] sm:p-9">
-          <p className="text-xs font-black uppercase tracking-[0.2em] text-[#8f285f]">
-            BloomKnights applications
-          </p>
-          <h1 className="mt-2 text-3xl font-black tracking-[-0.03em] sm:text-4xl">
+      <main className="font-dm-sans flex min-h-screen items-center justify-center bg-[#f5ebd5] bg-[url('https://assets.knighthacks.org/bloom-background-desktop.webp')] bg-cover bg-center px-4 py-10 text-[#3d2e1e]">
+        <section className="bk-portal-panel w-full max-w-xl p-6 text-left sm:p-9">
+          <p className="bk-portal-kicker">BloomKnights applications</p>
+          <h1 className="bk-portal-heading mt-2 text-3xl sm:text-4xl">
             Applications are {beforeOpen ? "not open yet" : "closed"}.
           </h1>
-          <p className="mt-3 max-w-md font-medium leading-7 text-[#526658]">
+          <p className="mt-3 max-w-md font-medium leading-7 text-[#5a4535]">
             {beforeOpen
               ? `Applications open ${hackathon.applicationOpen.toLocaleString("en-US", { dateStyle: "long", timeStyle: "short", timeZone: "America/New_York" })}.`
               : "Join the Knight Hacks Discord for future event and registration updates."}
           </p>
           <Link
             href="/"
-            className="mt-6 inline-flex min-h-11 items-center rounded-lg bg-[#8f285f] px-5 py-2 font-black text-white transition-colors hover:bg-[#75204f] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#8f285f]/25"
+            className="bk-portal-button mt-6 inline-flex min-h-11 items-center px-5 py-2"
           >
             Back to BloomKnights
           </Link>
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
index 882eccda4..06c6fe154 100644
--- a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
@@ -25,15 +25,13 @@ export default async function HackerProfilePage({
   return (
     <BloomKnightsDashboardShell>
       <PortalHeader />
-      <section className="mx-auto max-w-5xl overflow-hidden rounded-2xl border border-[#173b28]/20 bg-[#fffaf0] text-[#173b28] shadow-[0_24px_70px_rgba(12,52,29,0.18)]">
-        <div className="border-b border-[#173b28]/15 bg-[#e4ebcf] p-5 sm:p-8">
-          <p className="text-xs font-black uppercase tracking-[0.2em] text-[#8f285f]">
-            Participant record
-          </p>
-          <h1 className="mt-2 text-3xl font-black tracking-[-0.03em] sm:text-4xl">
-            Your hacker profile
+      <section className="bk-portal-panel mx-auto max-w-5xl text-[#3d2e1e]">
+        <div className="border-b border-[#c4a882]/30 bg-[#daeaf5]/35 p-5 sm:p-8">
+          <p className="bk-portal-kicker">BloomKnights profile</p>
+          <h1 className="bk-portal-heading mt-2 text-3xl sm:text-4xl">
+            Your information
           </h1>
-          <p className="mt-2 max-w-2xl text-sm font-medium leading-6 text-[#405c4a]">
+          <p className="mt-2 max-w-2xl text-sm font-medium leading-6 text-[#5a4535]">
             Keep the details attached to your BloomKnights application current.
             Required fields are marked with an asterisk.
           </p>
diff --git a/apps/bloomknights/src/app/globals.css b/apps/bloomknights/src/app/globals.css
index de32eb55f..5629ce3d9 100644
--- a/apps/bloomknights/src/app/globals.css
+++ b/apps/bloomknights/src/app/globals.css
@@ -103,6 +103,153 @@ html {
   font-family: var(--font-dm-sans), sans-serif;
 }
 
+.bk-portal-nav,
+.bk-portal-panel {
+  position: relative;
+  border: 1.5px solid rgba(196, 168, 130, 0.42);
+  background: rgba(248, 243, 232, 0.9);
+  box-shadow:
+    0 10px 34px rgba(36, 95, 53, 0.14),
+    inset 0 1px 0 rgba(255, 250, 230, 0.78);
+  -webkit-backdrop-filter: blur(14px) saturate(1.12);
+  backdrop-filter: blur(14px) saturate(1.12);
+}
+
+.bk-portal-panel {
+  overflow: hidden;
+  border-radius: 1.25rem;
+}
+
+.bk-portal-panel::before {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  content: "";
+  pointer-events: none;
+  background:
+    radial-gradient(
+      ellipse at 12% 8%,
+      rgba(184, 212, 232, 0.2),
+      transparent 46%
+    ),
+    radial-gradient(
+      ellipse at 88% 92%,
+      rgba(168, 196, 144, 0.16),
+      transparent 48%
+    );
+}
+
+.bk-portal-panel > * {
+  position: relative;
+  z-index: 1;
+}
+
+.bk-portal-kicker {
+  font-family: var(--font-righteous), cursive;
+  color: #7a4a1e;
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.bk-portal-heading {
+  font-family: var(--font-righteous), cursive;
+  color: #245f35;
+  letter-spacing: -0.01em;
+  text-shadow:
+    0 1px 0 rgba(255, 255, 255, 0.84),
+    0 5px 16px rgba(36, 95, 53, 0.14);
+}
+
+.bk-portal-button {
+  min-height: 2.75rem;
+  border: 2px solid rgba(255, 255, 255, 0.68);
+  border-radius: 0.75rem;
+  background: linear-gradient(135deg, #f5d97a, #a8d471);
+  color: #245f35;
+  font-family: var(--font-righteous), cursive;
+  letter-spacing: 0.02em;
+  box-shadow:
+    0 8px 24px rgba(36, 95, 53, 0.17),
+    inset 0 1px 0 rgba(255, 255, 255, 0.72);
+  transition:
+    border-color 180ms ease,
+    box-shadow 180ms ease,
+    filter 180ms ease;
+}
+
+.bk-portal-button:hover:not(:disabled) {
+  border-color: rgba(122, 171, 90, 0.78);
+  background: linear-gradient(135deg, #f8df88, #b2da7f);
+  filter: saturate(1.08);
+  box-shadow:
+    0 10px 28px rgba(36, 95, 53, 0.22),
+    inset 0 1px 0 rgba(255, 255, 255, 0.82);
+}
+
+.bk-portal-button:focus-visible {
+  outline: 3px solid rgba(122, 171, 90, 0.38);
+  outline-offset: 2px;
+}
+
+.bk-portal-tools-grid {
+  display: grid;
+  gap: 1px;
+  background: rgba(196, 168, 130, 0.32);
+}
+
+.bk-portal-tool {
+  display: flex;
+  min-height: 7.75rem;
+  flex-direction: column;
+  padding: 1rem;
+  background: rgba(255, 250, 238, 0.92);
+  color: #3d2e1e;
+  text-align: left;
+  transition:
+    background-color 180ms ease,
+    box-shadow 180ms ease;
+}
+
+.bk-portal-tool:hover:not([aria-disabled="true"]) {
+  background: rgba(218, 234, 245, 0.78);
+  box-shadow: inset 0 0 0 2px rgba(122, 171, 90, 0.22);
+}
+
+.bk-portal-tool:focus-visible {
+  z-index: 2;
+  outline: 3px solid rgba(122, 171, 90, 0.58);
+  outline-offset: -3px;
+}
+
+.bk-portal-tool-icon {
+  display: flex;
+  width: 2.25rem;
+  height: 2.25rem;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid rgba(122, 171, 90, 0.32);
+  border-radius: 0.65rem;
+  background: linear-gradient(
+    145deg,
+    rgba(218, 234, 245, 0.92),
+    rgba(218, 228, 148, 0.74)
+  );
+  color: #245f35;
+}
+
+@media (min-width: 640px) {
+  .bk-portal-tools-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (min-width: 1024px) {
+  .bk-portal-tools-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+
 .bk-profile-form
   > div:not(.bk-profile-section-heading):not(.bk-profile-consent) {
   min-height: 6.25rem;
@@ -115,12 +262,13 @@ html {
 .bk-profile-form .bk-profile-section-heading {
   grid-column: 1 / -1;
   margin-top: 1.25rem;
-  border-top: 1px solid rgba(23, 59, 40, 0.18);
+  border-top: 1px solid rgba(196, 168, 130, 0.32);
   padding-top: 1.5rem;
 }
 
 .bk-profile-form .bk-profile-section-heading h2 {
-  color: #173b28;
+  color: #245f35;
+  font-family: var(--font-righteous), cursive;
   font-size: 1.125rem;
   font-weight: 900;
   letter-spacing: -0.01em;
@@ -128,27 +276,27 @@ html {
 
 .bk-profile-form .bk-profile-section-heading p {
   margin-top: 0.25rem;
-  color: #526658;
+  color: #5a4535;
   font-size: 0.875rem;
   line-height: 1.5;
 }
 
 .bk-profile-form label {
-  color: #294b36;
+  color: #245f35;
   font-weight: 750;
 }
 
 .bk-profile-form .text-gray-400 {
-  color: #66746b;
+  color: #6a5a4d;
 }
 
 .bk-profile-form input,
 .bk-profile-form textarea,
 .bk-profile-form button[role="combobox"] {
-  border-color: rgba(23, 59, 40, 0.32);
+  border-color: rgba(196, 168, 130, 0.5);
   border-radius: 0.5rem;
-  background: #ffffff;
-  color: #173b28;
+  background: rgba(255, 250, 238, 0.86);
+  color: #3d2e1e;
   box-shadow: none;
 }
 
@@ -165,14 +313,14 @@ html {
 .bk-profile-form input:focus-visible,
 .bk-profile-form textarea:focus-visible,
 .bk-profile-form button[role="combobox"]:focus-visible {
-  border-color: #8f285f;
-  outline: 3px solid rgba(143, 40, 95, 0.2);
+  border-color: #7aab5a;
+  outline: 3px solid rgba(122, 171, 90, 0.24);
   outline-offset: 1px;
 }
 
 .bk-profile-form .bk-profile-consent {
   min-height: 3rem;
-  border-left: 3px solid #d7dfc1;
+  border-left: 3px solid #c9b8d8;
   padding: 0.6rem 0 0.6rem 0.8rem;
 }
 

From 8bea5a65a8b27900eb9990633e28de009bce8969 Mon Sep 17 00:00:00 2001
From: Adrian Osorio Blanchard <osorioadrian04@gmail.com>
Date: Fri, 3 Jul 2026 17:59:27 -0600
Subject: [PATCH 07/10] bk dashboard front end cleans and apply fixes

---
 apps/blade/src/app/auth/bloom-return/route.ts |  47 ++-
 apps/bloomknights/public/knighthacks.svg      |  52 +++
 .../src/app/(marketing)/home-page-client.tsx  | 155 ++++++++
 .../bloomknights/src/app/(marketing)/page.tsx | 153 +-------
 .../hackbackgrounds/bloomknights.ts           | 103 +-----
 .../application/hacker-application-form.tsx   | 110 +++---
 .../app/(portal)/_components/auth-retry.tsx   |  50 ++-
 .../(portal)/_components/bloom-dashboard.tsx  | 185 +++++-----
 .../bloomknights-dashboard-shell.tsx          |  37 ++
 .../_components/hacker-profile-form.tsx       |  40 +-
 .../(portal)/_components/portal-header.tsx    |  15 +-
 .../src/app/(portal)/apply/page.tsx           |  14 +-
 .../src/app/(portal)/dashboard/layout.tsx     |  15 +
 .../src/app/(portal)/dashboard/page.tsx       |  13 +-
 .../app/(portal)/dashboard/profile/page.tsx   |  39 +-
 .../_components/register/registerButton.tsx   |  12 +-
 apps/bloomknights/src/app/globals.css         | 347 +++++++++++++++++-
 apps/bloomknights/src/app/layout.tsx          |   5 +-
 18 files changed, 913 insertions(+), 479 deletions(-)
 create mode 100644 apps/bloomknights/public/knighthacks.svg
 create mode 100644 apps/bloomknights/src/app/(marketing)/home-page-client.tsx
 create mode 100644 apps/bloomknights/src/app/(portal)/dashboard/layout.tsx

diff --git a/apps/blade/src/app/auth/bloom-return/route.ts b/apps/blade/src/app/auth/bloom-return/route.ts
index 19abe095b..d4a8688aa 100644
--- a/apps/blade/src/app/auth/bloom-return/route.ts
+++ b/apps/blade/src/app/auth/bloom-return/route.ts
@@ -1,22 +1,45 @@
 import { NextResponse } from "next/server";
 
-import { sanitizeCallbackURL } from "@forge/auth/callback-url";
-
 import { env } from "~/env";
 
-export function GET(request: Request) {
-  if (env.NODE_ENV !== "development") {
-    return new NextResponse(null, { status: 404 });
+const DEFAULT_BLOOM_RETURN_PATH = "/dashboard";
+const ALLOWED_BLOOM_RETURN_ORIGINS = [
+  "https://bloom.knighthacks.org",
+  "http://localhost:3006",
+] as const;
+
+function getBloomReturnURL(returnTo: string | null) {
+  const configuredBloomOrigin = new URL(env.BLOOMKNIGHTS_URL).origin;
+  const allowedOrigins = new Set([
+    configuredBloomOrigin,
+    ...ALLOWED_BLOOM_RETURN_ORIGINS,
+  ]);
+  const defaultReturnURL = new URL(
+    DEFAULT_BLOOM_RETURN_PATH,
+    configuredBloomOrigin,
+  );
+
+  if (!returnTo) return defaultReturnURL;
+
+  try {
+    const requestedReturnURL = new URL(returnTo, configuredBloomOrigin);
+
+    if (
+      !allowedOrigins.has(requestedReturnURL.origin) ||
+      !requestedReturnURL.pathname.startsWith("/")
+    ) {
+      return defaultReturnURL;
+    }
+
+    return requestedReturnURL;
+  } catch {
+    return defaultReturnURL;
   }
+}
 
+export function GET(request: Request) {
   const requestUrl = new URL(request.url);
-  const bloomOrigin = new URL(env.BLOOMKNIGHTS_URL).origin;
-  const returnPath = sanitizeCallbackURL(
-    requestUrl.searchParams.get("returnTo"),
-    bloomOrigin,
-    "/dashboard",
-  );
-  const returnTo = new URL(returnPath, bloomOrigin);
+  const returnTo = getBloomReturnURL(requestUrl.searchParams.get("returnTo"));
 
   if (requestUrl.searchParams.has("authError")) {
     returnTo.searchParams.set("authError", "oauth");
diff --git a/apps/bloomknights/public/knighthacks.svg b/apps/bloomknights/public/knighthacks.svg
new file mode 100644
index 000000000..6617a20a6
--- /dev/null
+++ b/apps/bloomknights/public/knighthacks.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1867.33 504.1">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-width: 9px;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        fill: #ffffff;
+      }
+
+      .cls-1, .cls-3 {
+        stroke: #ffffff;
+      }
+
+      .cls-3 {
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M1553.74,409.8c-175.01-27.66-48.59-207.31,87.89-109.53,0,0-28.8,39.93-28.97,39.37-23.04-15.74-52.77-26.23-80.31-17.96-14.71,6.54-9.48,24.1,4.78,28.02,21.3,6.47,41.09,8.94,64.6,16.95,44.34,13.47,57.53,63.34,33.42,99.03-37.92,49.01-132.85,33.82-173.68-1.46,0,0,28.65-42.76,28.95-42.5,18.7,20.61,49.59,32.08,77.16,28.3,6.16-.84,12.47-2.47,17.26-6.45,4.79-3.97,7.65-10.79,5.47-16.62-1.07-2.87-3.23-5.23-5.61-7.16-8.74-7.08-20.57-8.35-30.95-9.99Z"/>
+    <polygon class="cls-1" points="566.84 493.74 566.45 269.92 622.65 270.52 623.18 353 717.88 352.9 718.73 13.46 774.93 13.46 774.23 137.61 860.21 13.46 925.71 13.57 842.8 135.68 1093.85 493.74 1025.64 493.83 807.12 183.8 776.24 233.71 775.99 489.05 782.18 489.38 860.19 292.71 902.54 353.24 874.91 415.78 947.09 416.24 980.79 462.37 856.18 462.41 841.73 494.03 720.32 494.36 719.93 402.91 623.64 402.92 622.08 493.74 566.84 493.74"/>
+    <polygon class="cls-1" points="890.68 170.2 890.71 98.9 948.22 13.81 1044.11 140.77 1044.07 13.46 1095.33 13.46 1095.34 235.52 1040.94 235.44 944.91 102.61 945.07 247.63 890.68 170.2"/>
+    <polygon class="cls-1" points="1117.8 237.39 1117.74 13.46 1179.45 13.46 1179.66 237.39 1117.8 237.39"/>
+    <path class="cls-1" d="M1355.66,177.64l-.04-20.42-45.65.03.17-47.97,104.41,1.88s.04,83.35-.21,83.61c-43.48,48.73-113.23,54.12-161.42,25.76-37.71-22.19-62.23-65.72-50.61-120.83,19.06-91.54,154.54-120.16,206.5-36.73,0,0-45.77,26.45-45.95,26.18-7.95-12.17-18.02-21.45-30.86-25.62-31.14-10.34-63.24,12.98-73.33,42.52-11.53,37,18.94,81.89,58.19,81.71,13.37-.39,28.15-4.14,38.8-10.12Z"/>
+    <polygon class="cls-1" points="1435.37 13.47 1434.3 237.75 1491.02 237.75 1491.25 147.96 1587.04 148.2 1586.86 237.75 1644.35 237.75 1644.43 13.47 1585.22 13.9 1585.71 98.23 1489.46 98.2 1489.59 13.47 1435.37 13.47"/>
+    <polygon class="cls-1" points="1665.34 61.52 1729.29 62.57 1728.73 237.75 1785.88 237.75 1785.24 63.67 1849.92 63.74 1849.92 13.47 1665.21 13.47 1665.34 61.52"/>
+    <path class="cls-1" d="M1026.96,367.73c5.94-21.83,12.44-42.93,28.28-59.08,4.02-4.1,10.87-10.27,15.57-13.57,22.19-15.61,46.55-23.08,73.67-22.45,36.87,0,75.56,22.76,91.27,57.16,0,0-46.9,22.95-47.42,22.77-17.96-47.68-88.18-38.57-104.68,5.76-25.34,70.67,63.2,124.94,107.35,56.51l43.81,22.13c-9.85,25.86-35.25,47.03-61.07,54.44-2.46.71-4.87,1.56-7.36,2.14-8.93,2.09-18.03,3.1-27.2,3.06-9.44-.7-17.9-.87-26.75-6.9l-85.47-121.98Z"/>
+    <polygon class="cls-1" points="1314.74 365.15 1384.22 272.6 1454.26 272.6 1366 375.42 1459.89 495.03 1388.44 495.16 1331.68 409.03 1312.55 432.31 1313.17 494.36 1258.72 494.36 1258.59 272.6 1314.57 272.6 1314.74 365.15"/>
+  </g>
+  <g>
+    <path id="path1" class="cls-3" d="M122.57,359.86l2.68,23.69,27,3.36c2.36-2.25,25.77-18.34,25.77-18.34l-8.02-24.22s-3.4-3.02-3.27-3.01l-24.91-7.63s-12.67,17.56-19.26,26.16h0Z"/>
+    <path id="path2" class="cls-3" d="M209.18,360.24c1.01-2.26,2.07-4.5,3.17-6.72.09-.09.17-.19.22-.31.32-.74.7-1.45,1.08-2.15,5.23-10.63,13.98-16.97,22.79-25.53,8.56-8.32,17.12-16.64,25.69-24.95h0c2.82-2.74,4.91-4.78,7.73-7.52-3.85-7.32-8.59-14.21-14.18-20.4-1.69-1.86-3.1-3.08-5.07-4.67.11.05-29.94,28.75-29.94,28.75.33,2.21-.67,10.08-.67,10.97-.91,2.08-3.24,3.45-4.9,4.97-7.14,6.32-14.04,12.89-21.32,19.06-1.59,1.34-3.22,2.64-4.71,4.08-.37.44-.86.77-1.4.99.67,2.28,1.34,4.56,1.97,6.85.52,1.85,1.04,3.7,1.54,5.55.51,1.87,1.08,3.73,1.54,5.62.27,1.14.7,2.4.51,3.57-.31,1.97-1.65,4.1-3.74,4.68-.84.23-1.72.36-2.58.55,1.09,3.82,2.12,7.65,3.1,11.49.96-.34,1.94-.65,2.94-.9,13.46-2.47,7.38,2.36,16.22-13.99h0Z"/>
+    <path id="path3" class="cls-3" d="M295.91,224.18c-.08.1-13.99,14.94-13.99,14.94.04.01,5.77,3.82,5.77,3.82,0,0,4.81,17.24,9.32,23.45,4.5-4.37,8.34-7.78,12.84-12.14-.44.03-4.62-3.58-4.62-3.58,0,0-4.67-18.38-9.32-26.48h0Z"/>
+    <path id="path4" class="cls-3" d="M181,333.52c-.41-1.57-2.67-2.21-4.18-2.87-8.39-2.13-16.25-4.55-24.65-6.63-.41.69-2.19,3.06-2.47,3.67,2.29.63,4.58,1.29,6.87,1.96,3.15.93,6.28,1.93,9.42,2.89,8.42,2.55,9.14,2.99,9.51,3.25.45.28.74.73.88,1.23,1.76,5.84,3.9,11.53,5.82,17.32.7,2.19,1.38,4.38,2.03,6.58,1.49-1.12,3.73-2.64,3.81-2.82.04-.1-.49-1.47-.64-2-.39-1.44-.82-2.88-1.22-4.32-.82-2.97-1.64-5.94-2.52-8.89-.5-1.65-1-3.29-1.46-4.95-.4-1.47-.79-2.95-1.21-4.42h0Z"/>
+    <path id="path5" class="cls-3" d="M272.72,237.01l18.9-18.79c-5.82-8.47-14.69-13.76-23.14-19.85-2.48,1.91-19.45,19.07-19.45,19.07,7.48,14.08,16.45,17.89,23.69,19.57Z"/>
+    <path id="path6" class="cls-3" d="M347.03,174.19s5.65,15.87,17.11,28.14c8.4-8.15,14.21-14.56,22.61-22.71,8.34-8.09,16.68-16.19,25.02-24.28,8.2-7.95,16.4-15.91,24.6-23.86,8.3-8.06,17.17-16.34,25.48-24.4,0,0,20.07-21.12,22.74-24.43l-43.25.83s-93.71,90.84-94.32,90.71h0Z"/>
+    <path id="path7" class="cls-3" d="M486.72,76.49l8.48-48.27-52.75,8.84s.79,39.39.79,39.4c0,0,43.49.02,43.48.03h0Z"/>
+    <path id="path8" class="cls-3" d="M136.74,314.72c-.26,2.53-.92,4.98-1.81,7.35,4,.95,7.98,1.94,11.95,2.99.19-.83.33-1.67.57-2.49,1.18-3.41,5.38-4.26,8.58-3.1,6.27,1.52,12.49,3.22,18.73,4.86.2-.44.46-.83.79-1.14,1.6-1.48,3-3.14,4.47-4.74,4.14-4.56,8.5-8.94,12.82-13.34,3.82-3.73,7.29-7.87,11.23-11.45,3.61-1.14,7.43-1.61,11.28-1.52.48-.42,29.82-28.74,29.82-28.74,0,0-28.51-14.86-28.51-14.86-1.77,1.68-2.5,2.42-4.26,4.11-8.64,8.25-17.28,16.49-25.92,24.73-13.04,15.84-28.06,22.96-46.25,31.29-3.32,1.28-3.1,3.25-3.48,6.06h0Z"/>
+    <path id="path9" class="cls-3" d="M246.19,401.95c-9.35,4.03-18.56,8.43-28.28,11.58-1.79.55-3.57,1.1-5.39,1.5-2.42-2.12-.85-.38-5.22-4.56-2.88-2.76-5.58-5.67-8.4-8.48-2.97-2.97-6.02-5.86-9.04-8.78-2.89-2.8-5.73-5.65-8.65-8.42-2.04-1.93-4.09-3.85-6.14-5.78-3.38,2.43-6.83,4.75-10.26,7.12-3.39,2.33-6.73,4.7-10.02,7.15l-35.5-3.51c.16-.1-3.08-21.69-3.9-28.76-.06-1.1-.33-2.34.09-3.4.12-.6.33-1.15.61-1.6,2.55-3.17,5.01-6.39,7.43-9.65,2.46-3.32,5.11-7.22,7.65-10.48,0,0-36.47-33.14-36.68-33.44l16.47-41.35c-5.56,2.28-58.77,29.82-58.56,30.39-.45.24,12.68,42.65,12.68,42.65,1.77.31,8.9-7.33,8.9-7.33l32.09,27.55c1.59,1.27,1.62,3.49,1.32,5.34-.25,1.87-1.84,3-3.23,4.18,1.05.98,2.15,2.12,2.56,3.45.74,1.35.4,3.38-.38,4.71-1.01,1.8-1.66,3.03-8.48,9.44-.02.4-.26,28.81-.26,28.81l28.82,1.49c.06.03,12.39-9.56,13.35-9.68,1.42-.24,3.09-.16,4.33.65.84.67,1.79,1.25,2.55,2,.67-.72,1.34-1.45,2.07-2.11.6-.54,1.48-.81,2.26-.96,1.16-.23,5.43-.1,6.36.69,1.83,1.54,3.6,3.14,5.17,4.93,1.55,1.75,3.05,3.54,4.63,5.27,2.77,3.04,5.58,6.04,8.4,9.04,1.44,1.53,2.87,3.06,4.25,4.65.04.04,4.46,5.6,4.46,5.61l-7.53,10.12,45.07,12.7c-.17.01,31.05-55.15,31.06-55.15h0c.05-.12.11-.23.16-.35-2.3.85-4.56,1.8-6.8,2.78h0Z"/>
+    <path id="path10" class="cls-3" d="M35.88,469.89l.1-30.72-26.77,11.87c.13,10.52-.2,12.52-.09,28.38.24,2.16.46,4.31.64,6.47,1.26,1.02,9.9,9.29,10.8,10.38,2.23.17,4.46.38,6.69.61,12.78.66,16,.17,28.29-.13.13,0,.27,0,.4,0,.26,0,.52,0,.78,0-.78,0,9.54-26.02,9.54-26.02l-30.38-.84Z"/>
+    <path id="path11" class="cls-3" d="M99.62,369.33c-1.08-1.34-1.97-2.8-1.81-4.54-.16-2.47,1.56-4.15,3.36-5.64,0,0-27.27-24.1-27.55-24.26-1.12,1.14-2.17,2.34-3.24,3.53-1.87,2.25-4.32,4.07-7.42,4.07-1.03,0-1.77-.89-1.77-.89l-16.97-51.94c-.14-.18,69.8-36.81,69.8-36.81.65-.26,1.29-.54,1.94-.81,1.53.66,2.79,1.57,3.3,3.14h0c-.16.44-.33.89-.5,1.33-.17.45-.34.89-.5,1.34-4.7,11.71-14.55,40.34-14.85,42.12.12.45.26.89.42,1.32.04.04,12,11.46,22.04,19.44.29-.64.53-1.25.67-1.82,2.91-8.26-1.91-7.55,1.38-13.88.14-.28.31-.54.51-.79.21-.25.54-.61.89-.7,2-.51,3.98-1.06,5.96-1.6,8.35-2.27,15.18-4.42,24.21-9.63-11.93-17.72-14.64-39.94-3.33-61.16.96-1.8,18.04-.86,18.04-.86-25.56-15.6-35.77-37.82-35.12-58.31.87-13.93,2.91-29.08-1.84-42.61-2.96-6.89-8.35-11.94-13.19-17.65-1.88-1.87-3.32-3.93-5.14-5.65-1.95-1.94,3.22-5.82,5.23-4.76,4.64,2.66,9.78,4.08,14.96,5.34,8.58,1.7,15,1.83,25.75-1.15,4.22-1.2,5.77-2.07,7.14-2.87,1.01.97.92,1.47-2.8,4.12-.14.09-.27.19-.4.28-.07.04-.14.09-.2.14-4.1,2.66-8.01,5-10.82,6-8.7,2.56-16.96.11-25.43-1.7.38.44.72.79.98,1.04,4,4.62,8.09,9.34,10.58,14.91,3.72,9.35,3.13,19.76,2.72,29.6-.46,6.42-1.54,12.84-1.01,19.29.57,8.89,3.3,17.65,8,25.34,3.42,5.59,8.62,9.86,13.08,14.67,10.66,8.93,24.28,13.57,37.03,19.04,15.24,6.28,29.66,14.16,44.02,22.1,28.67,19.57,36.86,51.5,37.65,55.17.63-.16,11.38-4.51,13.44-5.35,9.02-3.67,28.79-13.14,37.86-16.71-37.64.52-54.76-33.68-54.56-45.19-.22,0-9.34-2.03-13.71-3.05-12.01-2.56-19.92-9.88-25.6-21.54-4.12-7.83-6.59-16.8-8.39-25.26-.34-2.24-1.33-5.33-.73-7.58-.35-.12-33.12-26.62-27.41-30.91.03-.02.05-.05.08-.07.71.12,1.42.24,2.13.36,3.54.61,7.09,1.23,10.64,1.79,21.34,3.89,33.86,23.18,35.09,26.29,2.84.57,5.53,1.86,8.2,2.93,3.15,1.36,6.33,2.67,9.32,4.33,16.14,7.54,28.29,22.93,34.64,38.82,1.4,3.75,2.5,7.6,3.36,11.5.41,1.77.82,3.54,1.2,5.31.05,0,.1-.02.15-.03,28.78-3.6,50.04,19.92,43.6,41.6.88-.48,8.02-7.23,18.96-10.74,2.68-1.46,10.32-2.05,12.66-3.98,3.13-2.93,4.28-10.98,6.29-14.61,2.08-4.07,2.36-6.59,5.57-9.75,1.12-.98,6.46-5.24,7.81-5.57.3-.07.34-.28.17-.6-2.01-3.71-32.98-22.84-40.08-29.68-21.01-21-25.6-32.29-35.4-69.86C319.27,36.47,205.09-10.24,107.92,15.42c-14.31,4.2-29.81,15.51-28.96,14.69,0,0,19.94-4.11,35.17-.84,15.8,3.39,23.78,8.49,23.62,8.5-13.63.47-41.91,3.91-53.57,8.54-27.91,11.07-38.69,28.91-38.69,28.91.09-.2,17.56-3.49,31.54-3.75,13.15-.24,18,3.99,18.12,3.65,0,0-21.28,1.25-41.88,17.48-24.95,19.65-29.97,48.08-29.97,48.08,0,0,14.89-11.97,24.3-16.89,8.18-4.29,14.87-6.28,15.57-4.86,0,0-122.89,131.51-5.35,295.08.16-.14,41.81-44.67,41.81-44.67ZM374.23,239.23c7.43,4.91,7.8,8.64,9.75,16.12-.14.37-1.63,3.05-2.76,3.05-.37,0-1.62.32-1.89-.13-1.06-1.25-1.3-8.22-8.32-18.76.56-.63,2.02-1.06,3.22-.28h0ZM235.06,101.54c1.27.4,2.53.85,3.79,1.28.87.3,1.71.67,2.56,1.01,5.75,2.32,11.39,5.26,21.72,14.45,2.16,1.91,8.01,7.18,9.62,9.57.35.52.7,1.03,1.04,1.55,3.43,7.78,6.52,16.28,7.56,19.18.66,1.86,1.31,3.72,1.97,5.58h0c-.47.22-.98.38-1.47.5-3.36-2.34-12.37-9.56-23.14-16.21-4-7.04-6.26-10.85-24.89-35.59-.36-.48-.72-.96-1.08-1.44.77.04,1.54.07,2.31.12h0Z"/>
+    <path id="path13" class="cls-2" d="M497.55,154.04c-7.26-13.74-19.07-34.32-26.17-45.15-1.37,1.29-12.58,11.07-13.94,12.38-5.84,5.61-11.54,11.34-17.38,16.94-.04.04-.08.08-.12.12,2.65,5.09,5,10.26,7.05,15.49,4.04,10.5,11.36,21.48,7.24,29.82-3.38,6.85-7.29,7.29-9.65,12.89-4.87,11.53-4.34,20.2-2.77,18.68,10.48-10.19,13.22-2.35,9.73,11.12-1.68,6.47-10.81,47.71-20.32,57.25-10.29,10.33-14.34,1.03-23.2,7.08-9.1,6.22-9.12,14.38-12.67,17.19,18.74-7.35,18.32,2.94,13.56,9.88-6.13,8.95-23.91,30.13-42.3,33.25-14.27,2.42-27.67-4.75-38.84-1.73-13.37,3.61-17.48,9.68-17.48,9.68,19.04-2.21,30.12,12.71,8.47,16.65-33.36,6.08-68.42-7.51-98.62-23.11-.21.38-.42.76-.63,1.13-.43.76-.85,1.53-1.28,2.3-.3.65-.6,1.3-.89,1.94-1.67,3.7-3.3,7.42-4.61,11.26-.64,1.88-1.21,3.78-1.76,5.68-.56,1.91-1.13,3.82-1.66,5.74-.09.34-.46.65-.73.85-.26.19-.53.36-.82.5-7.9,3.84-3.82-2.65-16.28,2,1.29,1.51,2.59,3.01,3.89,4.51,1.27,1.43,2.55,2.84,3.89,4.2,4.74,4.09,9.31,12.01,15.43,12.99,1.05-.09,2.08-.27,3.1-.52,13.9-4.99,27.77-10.03,41.74-14.85,1.6.3,2.96,2.51,3.93,4.26l-38.7,68.09-57.65-16.57c-.22-.49-.82-1.96-.49-3.49,1.37-4.04,5.83-6.33,8.9-9.11-.18-.25-.36-.5-.55-.75-1.57-2.06-3.24-4.05-4.86-6.07-5.01-6.66-11.27-12.34-17.4-18.04-.12-.1-.24-.2-.37-.3-.02-.01-.04-.03-.06-.04,0,0-.02,0-.03-.01-.29-.12-.54-.32-.76-.56-1.54,1.93-3.19,3.09-5.82,3.23-.09,0-.19,0-.28,0-1.57.1-2.73-.55-4.44-1.79l-44.26,39.77c47.61,37.13,114.03,52.59,177.63,50.18,177.97-8.3,302.32-191.87,223.23-345h0Z"/>
+    <path id="path14" class="cls-3" d="M122.07,418.43s-31.39-1.93-31.42-1.9c0,0,.66-26.68,1.13-28.63-8.44,8.09-13.74,14.33-21.31,22.43,0,0-.25,25.39.04,26.16l28.07.95,23.49-19.02Z"/>
+    <path id="path14-9" class="cls-3" d="M94.78,443.69s-31.64-.52-31.67-.49c0,0,.93-25,1.4-26.96-8.44,8.09-14,12.65-21.58,20.76,0,0,.05,25.67.34,26.45l26.67.55,24.83-20.32Z"/>
+    <path id="path15" class="cls-3" d="M435.98,78.17c-.03-.18-.38-38.99-.38-38.99-7.04,7.34-15.11,14.62-22.53,21.7-8.37,8-16.73,15.99-25.1,23.99-8.26,7.9-17.94,16.23-26.2,24.13-8.4,8.03-16.8,16.06-25.21,24.09,0,0,3.12,19.71,8.05,34.53.23.12,91.37-89.46,91.37-89.46h0Z"/>
+    <path id="path16" class="cls-3" d="M412.98,48.86c-26.07-19.91-58.63-30.21-86.57-35.09-33.89-5.93-46.89-1.39-46.89-1.39,40.9,4.69,89.52,39,104.93,63.42.14-.3,28.53-26.94,28.53-26.94h0Z"/>
+    <path id="path4-0" class="cls-3" d="M257.61,252.55s0,.05,0,.07c-.02-.01-.03-.02-.05-.04.02-.01.03-.03.04-.04h0Z"/>
+  </g>
+</svg>
diff --git a/apps/bloomknights/src/app/(marketing)/home-page-client.tsx b/apps/bloomknights/src/app/(marketing)/home-page-client.tsx
new file mode 100644
index 000000000..6b98f0e98
--- /dev/null
+++ b/apps/bloomknights/src/app/(marketing)/home-page-client.tsx
@@ -0,0 +1,155 @@
+"use client";
+
+import type { Variants } from "framer-motion";
+import {
+  motion,
+  useReducedMotion,
+  useScroll,
+  useSpring,
+  useTransform,
+} from "framer-motion";
+
+import About from "../_components/about/about";
+import DiscordCTAButton from "../_components/discord/discord";
+import FAQ from "../_components/faq/faq";
+import {
+  AboutBirdFlock,
+  FAQBirdFlock,
+} from "../_components/graphics/AnimatedBirds";
+import Logo from "../_components/graphics/logo";
+import Partners from "../_components/partners/partners";
+import Register from "../_components/register/registerButton";
+import { EVENT_DATE_LABEL } from "../seo";
+
+const heroReveal: Variants = {
+  hidden: { opacity: 0, y: 28 },
+  visible: (delay: unknown) => ({
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.9,
+      delay: typeof delay === "number" ? delay : 0,
+      ease: "easeOut",
+    },
+  }),
+};
+
+export function HomePageClient({
+  registerHref,
+  registerLabel,
+}: {
+  registerHref: string;
+  registerLabel: string;
+}) {
+  const prefersReducedMotion = useReducedMotion();
+  const { scrollYProgress } = useScroll();
+  const logoYRaw = useTransform(
+    scrollYProgress,
+    [0, 0.65],
+    prefersReducedMotion ? [0, 0] : [0, -56],
+  );
+  const dateYRaw = useTransform(
+    scrollYProgress,
+    [0, 0.65],
+    prefersReducedMotion ? [0, 0] : [0, -30],
+  );
+  const ctaYRaw = useTransform(
+    scrollYProgress,
+    [0, 0.65],
+    prefersReducedMotion ? [0, 0] : [0, -14],
+  );
+  const logoScaleRaw = useTransform(
+    scrollYProgress,
+    [0, 0.65],
+    prefersReducedMotion ? [1, 1] : [1, 0.985],
+  );
+  const scrollSpring = { stiffness: 34, damping: 32, mass: 0.75 };
+  const logoY = useSpring(logoYRaw, scrollSpring);
+  const dateY = useSpring(dateYRaw, scrollSpring);
+  const ctaY = useSpring(ctaYRaw, scrollSpring);
+  const logoScale = useSpring(logoScaleRaw, scrollSpring);
+
+  return (
+    <div className="font-fredoka-one flex w-full flex-col items-center justify-center text-4xl">
+      <div className="flex min-h-screen w-full flex-col items-center justify-center gap-6 px-4 pt-24">
+        <motion.div
+          className="bloom-depth-layer -mt-45 sm:mt-0"
+          style={{ y: logoY, scale: logoScale }}
+        >
+          <motion.div
+            variants={heroReveal}
+            initial="hidden"
+            animate={
+              prefersReducedMotion
+                ? { opacity: 1, y: 0, transition: { duration: 0 } }
+                : "visible"
+            }
+            custom={0}
+            whileHover={prefersReducedMotion ? undefined : { scale: 1.08 }}
+            transition={{ type: "spring", stiffness: 200, damping: 14 }}
+          >
+            <Logo />
+          </motion.div>
+        </motion.div>
+        <h1 className="sr-only">
+          BloomKnights: A 12-Hour Student Hackathon at UCF
+        </h1>
+        <motion.div className="bloom-depth-layer" style={{ y: dateY }}>
+          <motion.div
+            className="font-righteous flex max-w-4xl flex-col items-center gap-3 text-center leading-none text-[#fff7dc] [-webkit-text-stroke:0.45px_#245f34] [text-shadow:0_1px_0_#245f34,1px_0_0_#245f34,-1px_0_0_#245f34,0_-1px_0_#245f34,0_5px_16px_rgba(30,58,32,0.48)]"
+            variants={heroReveal}
+            initial="hidden"
+            animate={
+              prefersReducedMotion
+                ? { opacity: 1, y: 0, transition: { duration: 0 } }
+                : "visible"
+            }
+            custom={0.15}
+          >
+            <h2 className="font-dm-sans text-2xl font-black italic tracking-normal text-white [-webkit-text-stroke:0px_transparent] [text-shadow:0_3px_0_rgba(126,126,126,0.88),0_7px_12px_rgba(42,42,42,0.24)] sm:text-3xl md:text-4xl">
+              Orlando, Florida | {EVENT_DATE_LABEL}
+            </h2>
+          </motion.div>
+        </motion.div>
+        <motion.div
+          className="bloom-depth-layer -mt-15 sm:mt-0"
+          style={{ y: ctaY }}
+        >
+          <motion.div
+            variants={heroReveal}
+            initial="hidden"
+            animate={
+              prefersReducedMotion
+                ? { opacity: 1, y: 0, transition: { duration: 0 } }
+                : "visible"
+            }
+            custom={0.25}
+          >
+            <Register href={registerHref} label={registerLabel} />
+          </motion.div>
+        </motion.div>
+      </div>
+
+      <div className="flex w-full flex-col items-center">
+        <div className="relative isolate mt-24 flex w-full items-center justify-center overflow-hidden py-10 sm:mt-32 sm:py-14 md:mt-44 md:min-h-screen md:py-24 lg:mt-52">
+          <AboutBirdFlock />
+          <div className="relative z-10 w-full">
+            <About />
+          </div>
+        </div>
+        <div className="relative isolate mt-24 flex min-h-[106rem] w-full items-start justify-center overflow-hidden py-10 sm:mt-32 sm:py-14 md:mt-44 md:min-h-[86rem] md:py-24 lg:mt-52 lg:min-h-[84rem] xl:min-h-[84rem]">
+          <FAQBirdFlock />
+          <div className="relative z-10 w-full">
+            <FAQ />
+          </div>
+        </div>
+        <div className="flex w-full items-center justify-center gap-4 py-10 sm:py-14 md:py-16">
+          <Partners />
+        </div>
+        <div className="flex w-full items-center justify-center py-4 sm:py-8 md:min-h-[42vh] md:py-0">
+          <DiscordCTAButton />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/bloomknights/src/app/(marketing)/page.tsx b/apps/bloomknights/src/app/(marketing)/page.tsx
index 9abc3e77c..7bef39df5 100644
--- a/apps/bloomknights/src/app/(marketing)/page.tsx
+++ b/apps/bloomknights/src/app/(marketing)/page.tsx
@@ -1,149 +1,14 @@
-"use client";
+import { auth } from "~/auth/server";
+import { HomePageClient } from "./home-page-client";
 
-import type { Variants } from "framer-motion";
-import {
-  motion,
-  useReducedMotion,
-  useScroll,
-  useSpring,
-  useTransform,
-} from "framer-motion";
-
-import About from "../_components/about/about";
-import DiscordCTAButton from "../_components/discord/discord";
-import FAQ from "../_components/faq/faq";
-import {
-  AboutBirdFlock,
-  FAQBirdFlock,
-} from "../_components/graphics/AnimatedBirds";
-import Logo from "../_components/graphics/logo";
-import Partners from "../_components/partners/partners";
-import Register from "../_components/register/registerButton";
-import { EVENT_DATE_LABEL } from "../seo";
-
-const heroReveal: Variants = {
-  hidden: { opacity: 0, y: 28 },
-  visible: (delay: unknown) => ({
-    opacity: 1,
-    y: 0,
-    transition: {
-      duration: 0.9,
-      delay: typeof delay === "number" ? delay : 0,
-      ease: "easeOut",
-    },
-  }),
-};
-
-export default function HomePage() {
-  const prefersReducedMotion = useReducedMotion();
-  const { scrollYProgress } = useScroll();
-  const logoYRaw = useTransform(
-    scrollYProgress,
-    [0, 0.65],
-    prefersReducedMotion ? [0, 0] : [0, -56],
-  );
-  const dateYRaw = useTransform(
-    scrollYProgress,
-    [0, 0.65],
-    prefersReducedMotion ? [0, 0] : [0, -30],
-  );
-  const ctaYRaw = useTransform(
-    scrollYProgress,
-    [0, 0.65],
-    prefersReducedMotion ? [0, 0] : [0, -14],
-  );
-  const logoScaleRaw = useTransform(
-    scrollYProgress,
-    [0, 0.65],
-    prefersReducedMotion ? [1, 1] : [1, 0.985],
-  );
-  const scrollSpring = { stiffness: 34, damping: 32, mass: 0.75 };
-  const logoY = useSpring(logoYRaw, scrollSpring);
-  const dateY = useSpring(dateYRaw, scrollSpring);
-  const ctaY = useSpring(ctaYRaw, scrollSpring);
-  const logoScale = useSpring(logoScaleRaw, scrollSpring);
+export default async function HomePage() {
+  const session = await auth();
+  const isSignedIn = Boolean(session);
 
   return (
-    <div className="font-fredoka-one flex w-full flex-col items-center justify-center text-4xl">
-      <div className="flex min-h-screen w-full flex-col items-center justify-center gap-6 px-4 pt-24">
-        <motion.div
-          className="bloom-depth-layer -mt-45 sm:mt-0"
-          style={{ y: logoY, scale: logoScale }}
-        >
-          <motion.div
-            variants={heroReveal}
-            initial="hidden"
-            animate={
-              prefersReducedMotion
-                ? { opacity: 1, y: 0, transition: { duration: 0 } }
-                : "visible"
-            }
-            custom={0}
-            whileHover={prefersReducedMotion ? undefined : { scale: 1.08 }}
-            transition={{ type: "spring", stiffness: 200, damping: 14 }}
-          >
-            <Logo />
-          </motion.div>
-        </motion.div>
-        <h1 className="sr-only">
-          BloomKnights: A 12-Hour Student Hackathon at UCF
-        </h1>
-        <motion.div className="bloom-depth-layer" style={{ y: dateY }}>
-          <motion.div
-            className="font-righteous flex max-w-4xl flex-col items-center gap-3 text-center leading-none text-[#fff7dc] [-webkit-text-stroke:0.45px_#245f34] [text-shadow:0_1px_0_#245f34,1px_0_0_#245f34,-1px_0_0_#245f34,0_-1px_0_#245f34,0_5px_16px_rgba(30,58,32,0.48)]"
-            variants={heroReveal}
-            initial="hidden"
-            animate={
-              prefersReducedMotion
-                ? { opacity: 1, y: 0, transition: { duration: 0 } }
-                : "visible"
-            }
-            custom={0.15}
-          >
-            <h2 className="font-dm-sans text-2xl font-black italic tracking-normal text-white [-webkit-text-stroke:0px_transparent] [text-shadow:0_3px_0_rgba(126,126,126,0.88),0_7px_12px_rgba(42,42,42,0.24)] sm:text-3xl md:text-4xl">
-              Orlando, Florida | {EVENT_DATE_LABEL}
-            </h2>
-          </motion.div>
-        </motion.div>
-        <motion.div
-          className="bloom-depth-layer -mt-15 sm:mt-0"
-          style={{ y: ctaY }}
-        >
-          <motion.div
-            variants={heroReveal}
-            initial="hidden"
-            animate={
-              prefersReducedMotion
-                ? { opacity: 1, y: 0, transition: { duration: 0 } }
-                : "visible"
-            }
-            custom={0.25}
-          >
-            <Register />
-          </motion.div>
-        </motion.div>
-      </div>
-
-      <div className="flex w-full flex-col items-center">
-        <div className="relative isolate mt-24 flex w-full items-center justify-center overflow-hidden py-10 sm:mt-32 sm:py-14 md:mt-44 md:min-h-screen md:py-24 lg:mt-52">
-          <AboutBirdFlock />
-          <div className="relative z-10 w-full">
-            <About />
-          </div>
-        </div>
-        <div className="relative isolate mt-24 flex min-h-[106rem] w-full items-start justify-center overflow-hidden py-10 sm:mt-32 sm:py-14 md:mt-44 md:min-h-[86rem] md:py-24 lg:mt-52 lg:min-h-[84rem] xl:min-h-[84rem]">
-          <FAQBirdFlock />
-          <div className="relative z-10 w-full">
-            <FAQ />
-          </div>
-        </div>
-        <div className="flex w-full items-center justify-center gap-4 py-10 sm:py-14 md:py-16">
-          <Partners />
-        </div>
-        <div className="flex w-full items-center justify-center py-4 sm:py-8 md:min-h-[42vh] md:py-0">
-          <DiscordCTAButton />
-        </div>
-      </div>
-    </div>
+    <HomePageClient
+      registerHref={isSignedIn ? "/dashboard" : "/apply"}
+      registerLabel={isSignedIn ? "Go to Dashboard" : "Register Now!"}
+    />
   );
 }
diff --git a/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
index 682783162..851a3835a 100644
--- a/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hackbackgrounds/bloomknights.ts
@@ -62,16 +62,16 @@ export const bloomknightsApplicationStyles = `
 
 form[data-application-visual="bloomknights"],
 .kh-application-shell[data-application-visual="bloomknights"] {
-  background-color: #b8d4e8;
+  background-color: #0f2f32;
   background-image:
     linear-gradient(
       to bottom,
-      rgba(255, 248, 222, 0.08) 0%,
-      rgba(218, 234, 245, 0.08) 44%,
-      rgba(36, 95, 53, 0.18) 78%,
-      rgba(23, 63, 36, 0.42) 100%
+      rgba(4, 13, 17, 0.26) 0%,
+      rgba(5, 18, 22, 0.14) 44%,
+      rgba(5, 20, 22, 0.56) 78%,
+      rgba(3, 13, 15, 0.78) 100%
     ),
-    linear-gradient(90deg, rgba(36, 95, 53, 0.12), rgba(255, 248, 222, 0.06)),
+    linear-gradient(90deg, rgba(5, 18, 22, 0.36), rgba(8, 32, 42, 0.18)),
     image-set(
       url("${BLOOMKNIGHTS_APPLICATION_TABLET_WEBP}") type("image/webp"),
       url("${BLOOMKNIGHTS_APPLICATION_WEBP}") type("image/webp")
@@ -90,96 +90,19 @@ form[data-application-visual="bloomknights"],
   background:
     linear-gradient(
       to bottom,
-      rgba(255, 248, 222, 0.05) 0%,
-      rgba(218, 234, 245, 0.04) 42%,
-      rgba(36, 95, 53, 0.12) 76%,
-      rgba(23, 63, 36, 0.34) 100%
+      rgba(3, 11, 14, 0.18) 0%,
+      rgba(5, 18, 22, 0.08) 42%,
+      rgba(5, 20, 22, 0.42) 76%,
+      rgba(3, 13, 15, 0.72) 100%
     ),
     linear-gradient(
       90deg,
-      rgba(36, 95, 53, 0.1) 0%,
-      rgba(218, 234, 245, 0.04) 54%,
-      rgba(255, 248, 222, 0.02) 100%
+      rgba(5, 18, 22, 0.28) 0%,
+      rgba(8, 32, 42, 0.14) 54%,
+      rgba(8, 23, 31, 0.08) 100%
     );
 }
 
-.kh-application-shell[data-application-visual="bloomknights"] .kh-application-panel {
-  border: 1.5px solid rgba(196, 168, 130, 0.46);
-  border-left-color: rgba(122, 171, 90, 0.92);
-  border-left-width: 4px;
-  border-radius: 1.25rem;
-  background:
-    radial-gradient(ellipse at 12% 8%, rgba(218, 234, 245, 0.28), transparent 46%),
-    rgba(248, 243, 232, 0.92);
-  color: #3d2e1e;
-  box-shadow:
-    0 18px 54px rgba(36, 95, 53, 0.2),
-    inset 0 1px 0 rgba(255, 250, 230, 0.82);
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-title {
-  color: #245f35;
-  font-family: var(--font-righteous), cursive;
-  text-shadow:
-    0 1px 0 rgba(255, 255, 255, 0.82),
-    0 5px 16px rgba(36, 95, 53, 0.14);
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content {
-  font-family: var(--font-dm-sans), sans-serif;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content label {
-  color: #245f35;
-  text-shadow: none;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content :is(input, textarea, button[role="combobox"]) {
-  border-bottom-color: rgba(36, 95, 53, 0.5);
-  color: #3d2e1e;
-  text-shadow: none;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content :is(input, textarea)::placeholder {
-  color: rgba(90, 69, 53, 0.72);
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content button[role="combobox"][data-placeholder] {
-  color: rgba(90, 69, 53, 0.72);
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content :is(input, textarea, button[role="combobox"]):focus-visible {
-  border-bottom-color: #7aab5a;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content p {
-  color: #7a4a1e;
-  text-shadow: none;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content button[role="checkbox"] {
-  border-color: rgba(36, 95, 53, 0.52);
-  background: rgba(255, 250, 238, 0.86);
-  color: #245f35;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-step-content button[role="checkbox"][data-state="checked"] {
-  border-color: #7aab5a;
-  background: #7aab5a;
-  color: white;
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-agreement-row {
-  border-color: rgba(196, 168, 130, 0.42);
-  background: rgba(255, 250, 238, 0.72);
-  box-shadow: 0 10px 28px rgba(36, 95, 53, 0.1);
-}
-
-.kh-application-shell[data-application-visual="bloomknights"] .kh-agreement-error-row {
-  background: rgba(254, 115, 254, 0.12);
-  --tw-ring-color: rgba(180, 79, 154, 0.42);
-}
-
 .kh-application-shell[data-application-visual="bloomknights"] .kh-readable-text {
   text-shadow:
     0 1px 8px rgba(14, 54, 35, 0.34),
diff --git a/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
index d93776d54..e07853c6b 100644
--- a/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/application/hacker-application-form.tsx
@@ -44,37 +44,37 @@ import {
 import { HackerApplicationBackground } from "./hacker-application-background";
 
 const fieldTriggerClassName =
-  "h-12 overflow-hidden rounded-none border-x-0 border-b-2 border-t-0 border-white/85 bg-transparent px-0 text-left text-lg font-semibold text-white shadow-none transition-colors hover:border-white hover:bg-transparent hover:text-white focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 data-[placeholder]:text-white/65 [&>span]:block [&>span]:max-w-[calc(100%-2rem)] [&>span]:truncate [&>svg]:text-white/75 sm:h-14 sm:text-xl md:text-2xl";
+  "h-12 overflow-hidden rounded-none border-x-0 border-b-2 border-t-0 border-white/75 bg-transparent px-0 text-left text-lg font-medium text-white shadow-none transition-colors hover:border-white hover:bg-transparent hover:text-white focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 data-[placeholder]:text-white/35 [&>span]:block [&>span]:max-w-[calc(100%-2rem)] [&>span]:truncate [&>svg]:text-white/55 sm:h-14 sm:text-xl md:text-2xl";
 const fieldLabelClassName =
-  "text-base font-bold leading-none text-white md:text-lg";
+  "text-base font-medium leading-none text-white/85 md:text-lg";
 const optionalTextClassName =
-  "ml-2 text-sm font-medium text-white/75 md:text-base";
+  "ml-2 text-sm font-medium italic text-white/45 md:text-base";
 const requiredMarkClassName =
-  "text-xl font-black text-[#ff4fd8] drop-shadow-[0_0_10px_rgba(255,79,216,0.85)] md:text-2xl";
+  "text-xl font-semibold text-[#ff4fd8] drop-shadow-[0_0_10px_rgba(255,79,216,0.85)] md:text-2xl";
 const checkboxClassName =
   "mt-0.5 flex h-5 w-5 items-center justify-center border-white/45 bg-white/5 text-white shadow-none data-[state=checked]:border-white data-[state=checked]:bg-white data-[state=checked]:text-[#21103d] focus-visible:ring-white/40 [&>span>svg]:h-5 [&>span>svg]:w-5";
 const checkboxLabelClassName =
-  "text-sm font-medium leading-relaxed text-white/90";
+  "text-sm font-medium leading-relaxed text-white/75";
 const highlightedCheckboxRowClassName =
-  "kh-agreement-row flex flex-row items-start gap-3 space-y-0 rounded-md border border-white/18 bg-[#06101b]/58 px-3 py-3 shadow-[0_16px_42px_rgba(0,0,0,0.28)] backdrop-blur-sm";
+  "flex flex-row items-start gap-3 space-y-0 rounded-md border border-white/18 bg-[#06101b]/58 px-3 py-3 shadow-[0_16px_42px_rgba(0,0,0,0.28)] backdrop-blur-sm";
 const highlightedCheckboxClassName =
   "h-6 w-6 border-white/70 bg-white/12 shadow-[0_0_0_1px_rgba(255,255,255,0.12),0_0_24px_rgba(255,255,255,0.12)] data-[state=checked]:border-white data-[state=checked]:bg-white";
 const highlightedCheckboxLabelClassName =
-  "text-base font-semibold leading-relaxed text-white/90 drop-shadow-[0_1px_5px_rgba(0,0,0,0.78)]";
+  "text-base font-medium leading-relaxed text-white/90 drop-shadow-[0_1px_5px_rgba(0,0,0,0.78)]";
 const agreementErrorRowClassName =
-  "kh-agreement-error-row rounded-md bg-[#ff2f6d]/14 px-3 py-3 ring-1 ring-[#ff6f9a]/55 shadow-[0_0_30px_rgba(255,47,109,0.22)]";
+  "rounded-md bg-[#ff2f6d]/14 px-3 py-3 ring-1 ring-[#ff6f9a]/55 shadow-[0_0_30px_rgba(255,47,109,0.22)]";
 const agreementErrorCheckboxClassName =
   "border-[#ff8aaa] bg-[#ff2f6d]/25 text-white shadow-[0_0_0_4px_rgba(255,111,154,0.24),0_0_24px_rgba(255,47,109,0.45)]";
 const agreementErrorLabelClassName =
   "text-[#ffd3df] drop-shadow-[0_1px_5px_rgba(0,0,0,0.85)]";
 const agreementErrorMessageClassName =
-  "mt-2 text-sm font-black tracking-wide text-[#ffadc3] drop-shadow-[0_1px_5px_rgba(0,0,0,0.9)] md:text-base";
+  "mt-2 text-sm font-semibold tracking-wide text-[#ffadc3] drop-shadow-[0_1px_5px_rgba(0,0,0,0.9)] md:text-base";
 const agreementLinkClassName =
-  "font-semibold text-white underline underline-offset-4 decoration-white/35 transition-colors hover:text-white/80 hover:decoration-white";
+  "font-medium text-white underline underline-offset-4 decoration-white/35 transition-colors hover:text-white/80 hover:decoration-white";
 const actionButtonClassName =
-  "kh-nav-button size-14 rounded-xl bg-white p-0 text-[#112f21] shadow-[0_14px_36px_rgba(0,0,0,0.36)] hover:bg-[#f8f5ea] sm:size-16";
+  "kh-nav-button size-14 rounded-full bg-white p-0 text-[#21103d] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-white/90 sm:size-16";
 const secondaryActionButtonClassName =
-  "kh-nav-button size-14 rounded-xl border-white/55 bg-[#071d14]/85 p-0 text-white shadow-[0_14px_36px_rgba(0,0,0,0.36)] hover:bg-[#0b2a1d] hover:text-white disabled:opacity-35 sm:size-16";
+  "kh-nav-button size-14 rounded-full border-white/45 bg-[#12071f]/75 p-0 text-white shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-[#12071f]/90 hover:text-white disabled:opacity-35 sm:size-16";
 const resumeSponsorDisclosure =
   "Uploaded resumes will be shared with sponsors for potential internships and outreach.";
 
@@ -239,17 +239,19 @@ const applicationAnimationStyles = `
 
 .kh-nav-button {
   transition:
+    transform 180ms ease,
     box-shadow 180ms ease,
     background-color 180ms ease,
     border-color 180ms ease;
 }
 
 .kh-nav-button:hover:not(:disabled) {
-  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.44);
+  transform: translateY(-2px) scale(1.04);
+  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.5);
 }
 
 .kh-nav-button:active:not(:disabled) {
-  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.36);
+  transform: translateY(0) scale(0.96);
 }
 
 .kh-application-form {
@@ -258,20 +260,14 @@ const applicationAnimationStyles = `
   overflow: hidden;
 }
 
-.kh-application-panel {
-  min-height: clamp(27rem, 62vh, 38rem);
-  border-left: 4px solid rgba(168, 212, 113, 0.82);
-  border-radius: 0 0.75rem 0.75rem 0;
-  background: rgba(4, 24, 16, 0.78);
-  box-shadow: 0 22px 72px rgba(0, 0, 0, 0.3);
-  padding: clamp(1.25rem, 3vw, 2.5rem);
-  backdrop-filter: blur(14px);
+.kh-application-shell {
+  font-family: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }
 
 .kh-application-nav {
   inset-inline: 1.25rem;
   bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
-  z-index: 80;
+  z-index: 40;
 }
 
 @media (min-width: 768px) {
@@ -328,7 +324,6 @@ const applicationAnimationStyles = `
 
   .kh-application-panel {
     max-width: min(44rem, 70vw);
-    min-height: min(27rem, 76vh);
   }
 
   .kh-step-title {
@@ -373,7 +368,6 @@ const applicationAnimationStyles = `
 
   .kh-application-panel {
     max-width: min(40rem, 68vw);
-    min-height: min(22rem, 78vh);
   }
 
   .kh-step-title {
@@ -682,7 +676,7 @@ export function HackerFormPage({
   const isFinalStep = activeStep === APPLICATION_STEPS.length - 1;
   const progressStep = transitionStep ?? activeStep;
   const progressRatio = progressStep / (APPLICATION_STEPS.length - 1);
-  const navigationLocked = !hasHydrated || loading || isStepTransitioning;
+  const navigationLocked = loading || isStepTransitioning;
   const backButtonDisabled = activeStep === 0 || navigationLocked;
   const forwardButtonDisabled = navigationLocked;
 
@@ -919,7 +913,7 @@ export function HackerFormPage({
               aria-live="polite"
               className="kh-readable-text kh-submitted-screen relative z-10 flex h-svh min-h-svh w-full flex-col overflow-y-auto overscroll-contain px-5 py-8 sm:px-6 md:px-20 md:py-14"
             >
-              <div className="flex items-center justify-between text-xs font-semibold uppercase tracking-widest text-white/60">
+              <div className="flex items-center justify-between text-xs font-medium uppercase tracking-widest text-white/60">
                 <span>{hackathonName}</span>
                 <span>Submitted</span>
               </div>
@@ -931,10 +925,10 @@ export function HackerFormPage({
                   </div>
 
                   <div className="kh-submitted-copy">
-                    <p className="mb-4 text-sm font-black uppercase tracking-[0.24em] text-white/65">
+                    <p className="mb-4 text-sm font-semibold uppercase tracking-[0.24em] text-white/65">
                       Application confirmed
                     </p>
-                    <h1 className="kh-step-title max-w-4xl text-5xl font-black leading-none tracking-normal text-white sm:text-6xl md:text-8xl">
+                    <h1 className="kh-step-title max-w-4xl text-5xl font-bold leading-none tracking-normal text-white sm:text-6xl md:text-8xl">
                       Application submitted.
                     </h1>
                     <p className="text-white/76 mt-7 max-w-2xl text-lg font-medium leading-8 sm:text-xl sm:leading-9">
@@ -947,14 +941,14 @@ export function HackerFormPage({
                   <div className="kh-submitted-action mt-10 flex flex-col gap-3 sm:flex-row sm:items-center">
                     <Button
                       asChild
-                      className="h-12 rounded-lg bg-white px-6 text-base font-black text-[#173b28] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-[#f8f5ea]"
+                      className="h-12 rounded-lg bg-white px-6 text-base font-semibold text-[#173b28] shadow-[0_18px_46px_rgba(0,0,0,0.42)] hover:bg-[#f8f5ea]"
                     >
                       <Link href="/dashboard">
                         View {hackathonName} dashboard
                         <ArrowRight className="ml-2 size-4" />
                       </Link>
                     </Button>
-                    <p className="text-sm font-semibold text-white/55">
+                    <p className="text-sm font-medium text-white/55">
                       Your hackathon dashboard will show your current
                       application status.
                     </p>
@@ -965,27 +959,12 @@ export function HackerFormPage({
           ) : (
             <>
               <div className="kh-readable-text relative z-10 flex h-svh min-h-svh w-full flex-col overflow-y-auto overscroll-contain px-5 pb-[calc(8rem+env(safe-area-inset-bottom))] pt-5 sm:px-6 md:px-20 md:pb-[calc(7.5rem+env(safe-area-inset-bottom))] md:pt-14">
-                <div className="flex items-center justify-between text-xs font-semibold uppercase tracking-widest text-white/60">
+                <div className="flex items-center justify-between text-xs font-medium uppercase tracking-widest text-white/60">
                   <span>{currentStep.eyebrow}</span>
                   <span>
                     {activeStep + 1}/{APPLICATION_STEPS.length}
                   </span>
                 </div>
-                <div
-                  aria-label={`Application step ${activeStep + 1} of ${APPLICATION_STEPS.length}`}
-                  aria-valuemax={APPLICATION_STEPS.length}
-                  aria-valuemin={1}
-                  aria-valuenow={activeStep + 1}
-                  className="mt-3 h-1 overflow-hidden rounded-sm bg-white/25"
-                  role="progressbar"
-                >
-                  <div
-                    className="h-full bg-[#a8d471] transition-[width] duration-300 motion-reduce:transition-none"
-                    style={{
-                      width: `${((activeStep + 1) / APPLICATION_STEPS.length) * 100}%`,
-                    }}
-                  />
-                </div>
 
                 {previousHacker && activeStep === 0 && (
                   <div className="mt-6 max-w-xl border-l-2 border-white/35 pl-4 text-sm font-medium text-white/65">
@@ -994,10 +973,10 @@ export function HackerFormPage({
                 )}
 
                 <div className="kh-application-stage flex flex-1 items-start py-8 md:items-center md:py-10">
-                  <div className="kh-application-panel w-full max-w-4xl">
+                  <div className="kh-application-panel w-full max-w-3xl">
                     <h1
                       key={currentStep.id}
-                      className="kh-step-title text-3xl font-black leading-[1.02] tracking-[-0.025em] text-white sm:text-4xl md:text-6xl"
+                      className="kh-step-title text-4xl font-bold leading-none tracking-normal text-white sm:text-5xl md:text-7xl"
                     >
                       {currentStep.title}
                     </h1>
@@ -1005,13 +984,13 @@ export function HackerFormPage({
                     <div
                       className={cn(
                         "kh-step-content",
-                        "animate-in fade-in mt-8 duration-200 sm:mt-10 md:mt-12",
+                        "animate-in fade-in mt-10 duration-200 sm:mt-14 md:mt-16",
                         stepDirection === "forward"
                           ? "slide-in-from-right-4"
                           : "slide-in-from-left-4",
-                        "[&_input]:h-12 [&_input]:rounded-none [&_input]:border-x-0 [&_input]:border-b-2 [&_input]:border-t-0 [&_input]:border-white/85 [&_input]:bg-transparent [&_input]:px-0 [&_input]:text-lg [&_input]:font-semibold [&_input]:text-white [&_input]:shadow-none [&_input]:transition-colors [&_input]:placeholder:text-white/65 [&_input]:focus-visible:border-[#a8d471] [&_input]:focus-visible:ring-0 sm:[&_input]:h-14 sm:[&_input]:text-xl md:[&_input]:text-2xl",
-                        "[&_textarea]:min-h-32 [&_textarea]:rounded-none [&_textarea]:border-x-0 [&_textarea]:border-b-2 [&_textarea]:border-t-0 [&_textarea]:border-white/85 [&_textarea]:bg-transparent [&_textarea]:px-0 [&_textarea]:text-lg [&_textarea]:font-semibold [&_textarea]:text-white [&_textarea]:shadow-none [&_textarea]:transition-colors [&_textarea]:placeholder:text-white/65 [&_textarea]:focus-visible:border-[#a8d471] [&_textarea]:focus-visible:ring-0 sm:[&_textarea]:min-h-36 sm:[&_textarea]:text-xl",
-                        "[&_p]:text-sm [&_p]:font-bold [&_p]:text-[#ffd4e9]",
+                        "[&_input]:h-12 [&_input]:rounded-none [&_input]:border-x-0 [&_input]:border-b-2 [&_input]:border-t-0 [&_input]:border-white/75 [&_input]:bg-transparent [&_input]:px-0 [&_input]:text-lg [&_input]:font-normal [&_input]:text-white [&_input]:shadow-none [&_input]:transition-colors [&_input]:placeholder:text-white/35 [&_input]:focus-visible:border-white [&_input]:focus-visible:ring-0 sm:[&_input]:h-14 sm:[&_input]:text-xl md:[&_input]:text-2xl",
+                        "[&_textarea]:min-h-32 [&_textarea]:rounded-none [&_textarea]:border-x-0 [&_textarea]:border-b-2 [&_textarea]:border-t-0 [&_textarea]:border-white/75 [&_textarea]:bg-transparent [&_textarea]:px-0 [&_textarea]:text-lg [&_textarea]:font-normal [&_textarea]:text-white [&_textarea]:shadow-none [&_textarea]:transition-colors [&_textarea]:placeholder:text-white/35 [&_textarea]:focus-visible:border-white [&_textarea]:focus-visible:ring-0 sm:[&_textarea]:min-h-36 sm:[&_textarea]:text-xl",
+                        "[&_p]:text-sm [&_p]:font-medium [&_p]:text-rose-200",
                       )}
                     >
                       <section className="space-y-5">
@@ -1915,12 +1894,17 @@ export function HackerFormPage({
                 <Button
                   type="button"
                   variant="outline"
-                  onClick={() => void goToStep(activeStep - 1)}
-                  disabled={backButtonDisabled}
+                  onClick={() => {
+                    if (backButtonDisabled) return;
+                    void goToStep(activeStep - 1);
+                  }}
+                  aria-disabled={backButtonDisabled}
+                  tabIndex={backButtonDisabled ? -1 : undefined}
                   size="icon"
                   className={cn(
                     secondaryActionButtonClassName,
                     "pointer-events-auto",
+                    backButtonDisabled && "pointer-events-none opacity-35",
                   )}
                   aria-label="Back"
                   title="Back"
@@ -1934,7 +1918,7 @@ export function HackerFormPage({
                       {loading && (
                         <div
                           aria-live="polite"
-                          className="kh-submit-loading bg-[#071d14]/88 flex items-center gap-2 rounded-md border border-white/35 px-3 py-2 text-xs font-black uppercase tracking-[0.12em] text-white shadow-[0_16px_42px_rgba(0,0,0,0.32)] backdrop-blur-md sm:text-sm"
+                          className="kh-submit-loading bg-[#071d14]/88 flex items-center gap-2 rounded-md border border-white/35 px-3 py-2 text-xs font-semibold uppercase tracking-[0.12em] text-white shadow-[0_16px_42px_rgba(0,0,0,0.32)] backdrop-blur-md sm:text-sm"
                           role="status"
                         >
                           <Loader2
@@ -1975,10 +1959,18 @@ export function HackerFormPage({
                 ) : (
                   <Button
                     type="button"
-                    onClick={() => void goToStep(activeStep + 1)}
-                    disabled={forwardButtonDisabled}
+                    onClick={() => {
+                      if (forwardButtonDisabled) return;
+                      void goToStep(activeStep + 1);
+                    }}
+                    aria-disabled={forwardButtonDisabled}
+                    tabIndex={forwardButtonDisabled ? -1 : undefined}
                     size="icon"
-                    className={cn(actionButtonClassName, "pointer-events-auto")}
+                    className={cn(
+                      actionButtonClassName,
+                      "pointer-events-auto",
+                      forwardButtonDisabled && "pointer-events-none opacity-35",
+                    )}
                     aria-label="Next"
                     title="Next"
                   >
diff --git a/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx b/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx
index 123b96bd6..d5fe68a28 100644
--- a/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/auth-retry.tsx
@@ -5,27 +5,37 @@ import { Button } from "@forge/ui/button";
 
 import { BloomKnightsDashboardShell } from "./bloomknights-dashboard-shell";
 
-export function AuthRetry({ callbackPath }: { callbackPath: string }) {
+export function AuthRetry({
+  callbackPath,
+  withShell = true,
+}: {
+  callbackPath: string;
+  withShell?: boolean;
+}) {
   const signInUrl = `/api/auth/signin?provider=discord&callbackURL=${encodeURIComponent(callbackPath)}`;
 
-  return (
-    <BloomKnightsDashboardShell>
-      <section className="mx-auto max-w-xl rounded-[2rem] border border-white/70 bg-[#FFFDF1]/95 p-8 text-center text-[#42602A] shadow-xl">
-        <AlertCircle className="mx-auto size-10 text-[#f384d4]" />
-        <h1 className="mt-4 text-3xl font-black">Discord sign-in stopped</h1>
-        <p className="mt-3 text-[#53634A]">
-          Sign-in was canceled or could not be completed. Your application data
-          has not been changed.
-        </p>
-        <div className="mt-6 flex flex-wrap justify-center gap-3">
-          <Button asChild className="rounded-full bg-[#f384d4] text-white">
-            <a href={signInUrl}>Try Discord again</a>
-          </Button>
-          <Button asChild variant="outline" className="rounded-full">
-            <Link href="/">Return home</Link>
-          </Button>
-        </div>
-      </section>
-    </BloomKnightsDashboardShell>
+  const retryCard = (
+    <section className="mx-auto max-w-xl rounded-[2rem] border border-white/70 bg-[#FFFDF1]/95 p-8 text-center text-[#42602A] shadow-xl">
+      <AlertCircle className="mx-auto size-10 text-[#f384d4]" />
+      <h1 className="mt-4 text-3xl font-black">Discord sign-in stopped</h1>
+      <p className="mt-3 text-[#53634A]">
+        Sign-in was canceled or could not be completed. Your application data
+        has not been changed.
+      </p>
+      <div className="mt-6 flex flex-wrap justify-center gap-3">
+        <Button asChild className="rounded-full bg-[#f384d4] text-white">
+          <a href={signInUrl}>Try Discord again</a>
+        </Button>
+        <Button asChild variant="outline" className="rounded-full">
+          <Link href="/">Return home</Link>
+        </Button>
+      </div>
+    </section>
   );
+
+  if (!withShell) {
+    return retryCard;
+  }
+
+  return <BloomKnightsDashboardShell>{retryCard}</BloomKnightsDashboardShell>;
 }
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
index de03d191e..099e37909 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
@@ -38,7 +38,7 @@ import { Textarea } from "@forge/ui/textarea";
 import { toast } from "@forge/ui/toast";
 
 const statusLabels: Record<HackerStatus, string> = {
-  accepted: "Accepted — action needed",
+  accepted: "Accepted: action needed",
   checkedin: "Checked in",
   confirmed: "Attendance confirmed",
   denied: "Not selected",
@@ -189,20 +189,20 @@ export function BloomDashboard() {
   };
 
   return (
-    <div className="space-y-5 text-[#3d2e1e] sm:space-y-6">
-      <section className="bk-portal-panel">
+    <div className="bk-dashboard-stack space-y-5 text-[#3d2e1e] sm:space-y-6">
+      <section className="bk-portal-panel bk-dashboard-panel bk-dashboard-hero-panel">
         <div className="grid lg:grid-cols-[minmax(0,1fr)_20rem]">
-          <div className="p-5 sm:p-8 lg:p-10">
-            <p className="bk-portal-kicker">BloomKnights dashboard</p>
-            <h1 className="bk-portal-heading mt-3 max-w-3xl text-3xl leading-tight sm:text-5xl">
+          <div className="bk-dashboard-hero-copy p-4 sm:p-8 lg:col-start-1 lg:row-start-1 lg:p-10">
+            <p className="bk-portal-kicker">Dashboard</p>
+            <h1 className="bk-portal-heading mt-2 max-w-3xl text-2xl leading-tight sm:mt-3 sm:text-5xl">
               Welcome back, {participant.firstName}!
             </h1>
-            <p className="mt-3 max-w-2xl text-sm font-semibold leading-6 text-[#5a4535] sm:text-base">
-              Check your application status and get ready for hack day.
+            <p className="mt-2 max-w-2xl text-sm font-semibold leading-6 text-[#5a4535] sm:mt-3 sm:text-base">
+              Check your application status and get ready for BloomKnights.
             </p>
-            <div className="mt-6 flex flex-col items-start gap-3 sm:flex-row sm:items-center">
+            <div className="mt-4 flex flex-col items-start gap-2 sm:mt-6 sm:flex-row sm:items-center sm:gap-3">
               <span
-                className={`font-righteous inline-flex min-h-8 items-center rounded-lg border px-3 py-1 text-xs tracking-[0.02em] ${statusTone[participant.status]}`}
+                className={`bk-dashboard-status font-righteous inline-flex min-h-8 items-center rounded-lg border px-3 py-1 text-xs tracking-[0.02em] ${statusTone[participant.status]}`}
               >
                 {statusLabels[participant.status]}
               </span>
@@ -212,10 +212,74 @@ export function BloomDashboard() {
             </div>
           </div>
 
-          <aside className="border-t border-[#c4a882]/30 bg-[#daeaf5]/45 p-5 sm:p-7 lg:border-l lg:border-t-0">
+          {participant.status === "accepted" && (
+            <div className="bk-dashboard-action-strip grid gap-4 border-t border-[#c4a882]/30 bg-[#c9b8d8]/20 p-4 sm:grid-cols-[1fr_auto] sm:items-center sm:gap-5 sm:p-8 lg:col-span-2 lg:row-start-2">
+              <div>
+                <p className="bk-portal-kicker">Next step</p>
+                <h2 className="font-righteous mt-1 text-xl text-[#245f35]">
+                  Confirm your place
+                </h2>
+                <p className="mt-1 max-w-2xl text-sm leading-6 text-[#5a4535]">
+                  Read the event terms and confirm by{" "}
+                  {dateFormatter.format(hackathon.confirmationDeadline)}.
+                </p>
+                <a
+                  href={config.termsUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="mt-2 inline-flex items-center gap-1 text-sm font-bold text-[#245f35] underline decoration-2 underline-offset-4 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7aab5a]"
+                >
+                  Read the event terms <ArrowUpRight className="size-4" />
+                </a>
+              </div>
+              <Button
+                className="bk-bloom-cta-action bk-portal-button min-w-48 px-5 max-sm:w-full"
+                disabled={actionPending || confirmationClosed || atCapacity}
+                onClick={() => void handleConfirm()}
+              >
+                <span className="inline-flex size-4 items-center justify-center">
+                  {actionPending ? (
+                    <Loader2 className="size-4 animate-spin" />
+                  ) : (
+                    <CheckCircle2 className="size-4" />
+                  )}
+                </span>
+                {confirmationClosed || atCapacity
+                  ? "Confirmation closed"
+                  : "Agree and confirm"}
+              </Button>
+            </div>
+          )}
+
+          {participant.status === "confirmed" && (
+            <div className="bk-dashboard-action-strip grid gap-4 border-t border-[#c4a882]/30 bg-[#a8c490]/20 p-4 sm:grid-cols-[1fr_auto] sm:items-center sm:gap-5 sm:p-8 lg:col-span-2 lg:row-start-2">
+              <div>
+                <p className="bk-portal-kicker text-[#245f35]">
+                  You&apos;re on the list
+                </p>
+                <h2 className="font-righteous mt-1 text-xl text-[#245f35]">
+                  Your place is confirmed.
+                </h2>
+                <p className="mt-1 text-sm leading-6 text-[#5a4535]">
+                  Plans changed? Withdraw here so another hacker can attend.
+                </p>
+              </div>
+              <Button
+                variant="outline"
+                className="min-h-11 min-w-48 rounded-lg border-[#245f35]/35 bg-[#fff8de]/55 text-[#245f35] hover:border-[#b64a4a]/70 hover:bg-[#fff1ed] hover:text-[#a83232] focus-visible:text-[#245f35] max-sm:w-full"
+                disabled={actionPending}
+                onClick={() => void handleWithdraw()}
+              >
+                {actionPending && <Loader2 className="size-4 animate-spin" />}
+                Withdraw attendance
+              </Button>
+            </div>
+          )}
+
+          <aside className="bk-dashboard-event-card border-t border-[#c4a882]/30 bg-[#daeaf5]/45 p-4 sm:p-7 lg:col-start-2 lg:row-start-1 lg:border-l lg:border-t-0">
             <p className="bk-portal-kicker text-[#245f35]">Event details</p>
-            <dl className="mt-5 space-y-5 text-sm">
-              <div className="grid grid-cols-[1.25rem_1fr] gap-3">
+            <dl className="mt-4 space-y-4 text-sm sm:mt-5 sm:space-y-5">
+              <div className="bk-dashboard-detail-row grid grid-cols-[1.25rem_1fr] gap-3">
                 <CalendarDays aria-hidden="true" className="mt-0.5 size-5" />
                 <div>
                   <dt className="font-righteous text-[#245f35]">Date</dt>
@@ -224,17 +288,17 @@ export function BloomDashboard() {
                   </dd>
                 </div>
               </div>
-              <div className="grid grid-cols-[1.25rem_1fr] gap-3">
+              <div className="bk-dashboard-detail-row grid grid-cols-[1.25rem_1fr] gap-3">
                 <Clock3 aria-hidden="true" className="mt-0.5 size-5" />
                 <div>
                   <dt className="font-righteous text-[#245f35]">Hours</dt>
                   <dd className="mt-0.5 text-[#5a4535]">
-                    {timeFormatter.format(hackathon.startDate)}–
+                    {timeFormatter.format(hackathon.startDate)} -{" "}
                     {timeFormatter.format(hackathon.endDate)} ET
                   </dd>
                 </div>
               </div>
-              <div className="grid grid-cols-[1.25rem_1fr] gap-3">
+              <div className="bk-dashboard-detail-row grid grid-cols-[1.25rem_1fr] gap-3">
                 <MapPin aria-hidden="true" className="mt-0.5 size-5" />
                 <div>
                   <dt className="font-righteous text-[#245f35]">Location</dt>
@@ -244,78 +308,13 @@ export function BloomDashboard() {
             </dl>
           </aside>
         </div>
-
-        {participant.status === "accepted" && (
-          <div className="grid gap-5 border-t border-[#c4a882]/30 bg-[#c9b8d8]/20 p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
-            <div>
-              <p className="bk-portal-kicker">Next step</p>
-              <h2 className="font-righteous mt-1 text-xl text-[#245f35]">
-                Confirm your place
-              </h2>
-              <p className="mt-1 max-w-2xl text-sm leading-6 text-[#5a4535]">
-                Read the event terms and confirm by{" "}
-                {dateFormatter.format(hackathon.confirmationDeadline)}.
-              </p>
-              <a
-                href={config.termsUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="mt-2 inline-flex items-center gap-1 text-sm font-bold text-[#245f35] underline decoration-2 underline-offset-4 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#7aab5a]"
-              >
-                Read the event terms <ArrowUpRight className="size-4" />
-              </a>
-            </div>
-            <Button
-              className="bk-bloom-cta-action bk-portal-button min-w-48 px-5"
-              disabled={actionPending || confirmationClosed || atCapacity}
-              onClick={() => void handleConfirm()}
-            >
-              <span className="inline-flex size-4 items-center justify-center">
-                {actionPending ? (
-                  <Loader2 className="size-4 animate-spin" />
-                ) : (
-                  <CheckCircle2 className="size-4" />
-                )}
-              </span>
-              {confirmationClosed || atCapacity
-                ? "Confirmation closed"
-                : "Agree and confirm"}
-            </Button>
-          </div>
-        )}
-
-        {participant.status === "confirmed" && (
-          <div className="grid gap-5 border-t border-[#c4a882]/30 bg-[#a8c490]/20 p-5 sm:grid-cols-[1fr_auto] sm:items-center sm:p-8">
-            <div>
-              <p className="bk-portal-kicker text-[#245f35]">
-                You&apos;re on the list
-              </p>
-              <h2 className="font-righteous mt-1 text-xl text-[#245f35]">
-                Your place is confirmed.
-              </h2>
-              <p className="mt-1 text-sm leading-6 text-[#5a4535]">
-                Plans changed? Withdraw here so another hacker can attend.
-              </p>
-            </div>
-            <Button
-              variant="outline"
-              className="min-h-11 min-w-48 rounded-lg border-[#245f35]/35 bg-[#fff8de]/55 text-[#245f35] hover:bg-[#fff8de]"
-              disabled={actionPending}
-              onClick={() => void handleWithdraw()}
-            >
-              {actionPending && <Loader2 className="size-4 animate-spin" />}
-              Withdraw attendance
-            </Button>
-          </div>
-        )}
       </section>
 
       <section
         aria-labelledby="portal-tools-heading"
-        className="bk-portal-panel"
+        className="bk-portal-panel bk-dashboard-panel bk-dashboard-resources-panel"
       >
         <div className="border-b border-[#c4a882]/30 px-5 py-4 sm:px-6">
-          <p className="bk-portal-kicker">Quick links</p>
           <h2
             id="portal-tools-heading"
             className="bk-portal-heading mt-1 text-2xl"
@@ -324,7 +323,7 @@ export function BloomDashboard() {
           </h2>
         </div>
 
-        <div className="bk-portal-tools-grid">
+        <div className="bk-portal-tools-grid bk-dashboard-tools-grid">
           <ActionCard
             description="Update your contact and application details."
             href="/dashboard/profile"
@@ -359,7 +358,7 @@ export function BloomDashboard() {
       </section>
 
       {participant.status === "checkedin" && (
-        <section className="bk-portal-panel p-5 sm:p-8">
+        <section className="bk-portal-panel bk-dashboard-panel p-5 sm:p-8">
           <div className="flex flex-col gap-4 border-b border-[#c4a882]/30 pb-5 sm:flex-row sm:items-end sm:justify-between">
             <div>
               <p className="bk-portal-kicker">Live at BloomKnights</p>
@@ -376,12 +375,15 @@ export function BloomDashboard() {
                   <LifeBuoy className="size-4" /> Report an issue
                 </Button>
               </DialogTrigger>
-              <DialogContent className="rounded-xl border-[#c4a882]/45 bg-[#f8f3e8] text-[#3d2e1e]">
+              <DialogContent
+                className="rounded-xl border-[#c4a882]/45 bg-[#f8f3e8] text-[#3d2e1e]"
+                style={{ fontFamily: "var(--font-dm-sans), sans-serif" }}
+              >
                 <DialogHeader>
                   <DialogTitle className="font-righteous text-[#245f35]">
                     Report an issue
                   </DialogTitle>
-                  <DialogDescription className="text-[#5a4535]">
+                  <DialogDescription className="text-sm font-semibold leading-6 text-[#5a4535] sm:text-base">
                     Tell the organizer team what is happening and where you are.
                   </DialogDescription>
                 </DialogHeader>
@@ -430,7 +432,7 @@ export function BloomDashboard() {
               schedule.map((event) => (
                 <article
                   key={event.id}
-                  className="grid gap-3 py-5 md:grid-cols-[10rem_1fr_auto] md:items-start"
+                  className="bk-dashboard-schedule-item grid gap-3 py-5 md:grid-cols-[10rem_1fr_auto] md:items-start"
                 >
                   <p className="font-righteous text-sm text-[#245f35]">
                     {timeFormatter.format(event.startDateTime)}
@@ -501,7 +503,7 @@ function ActionCard({
       href={href}
       target={external ? "_blank" : undefined}
       rel={external ? "noopener noreferrer" : undefined}
-      className="bk-portal-tool group"
+      className="bk-portal-tool bk-dashboard-tool group"
     >
       <span className="bk-portal-tool-icon [&_svg]:size-5">{icon}</span>
       <span className="font-righteous mt-3 text-base text-[#245f35] sm:text-lg">
@@ -531,7 +533,10 @@ function QrActionCard({
 }) {
   if (!available) {
     return (
-      <div aria-disabled="true" className="bk-portal-tool bg-[#edf0e8]/95">
+      <div
+        aria-disabled="true"
+        className="bk-portal-tool bk-dashboard-tool bg-[#edf0e8]/95"
+      >
         <span className="bk-portal-tool-icon opacity-70">
           <LockKeyhole className="size-5" />
         </span>
@@ -553,7 +558,7 @@ function QrActionCard({
       <DialogTrigger asChild>
         <button
           type="button"
-          className="bk-portal-tool group w-full"
+          className="bk-portal-tool bk-dashboard-tool group w-full"
           onClick={() => void loadQRCode()}
         >
           <span className="bk-portal-tool-icon">
diff --git a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
index 84dcc43b2..a1ef62de9 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloomknights-dashboard-shell.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import Image from "next/image";
 
 import { BloomKnightsActionBlooms } from "./bloomknights-action-blooms";
 import { BloomKnightsAmbientBackground } from "./bloomknights-ambient-background";
@@ -10,15 +11,25 @@ const BLOOMKNIGHTS_DASHBOARD_BACKGROUND =
 const BLOOMKNIGHTS_DASHBOARD_BACKGROUND_AVIF =
   "https://assets.knighthacks.org/bloom-background-desktop.avif";
 
+const BLOOMKNIGHTS_DASHBOARD_FOOTER_LINKS = [
+  { href: "https://blade.knighthacks.org", label: "Blade" },
+  { href: "https://discord.gg/2W2HCvkKAy", label: "Discord" },
+  { href: "https://club.knighthacks.org", label: "Club" },
+  { href: "https://www.instagram.com/knighthacks/", label: "Instagram" },
+] as const;
+
 export function BloomKnightsDashboardShell({
   children,
+  fixedBackground = false,
 }: {
   children: ReactNode;
+  fixedBackground?: boolean;
 }) {
   return (
     <main
       className="font-dm-sans relative isolate min-h-screen overflow-hidden bg-[#f5ebd5] bg-cover bg-center bg-no-repeat px-3 py-5 text-[#3d2e1e] sm:px-5 sm:py-8 lg:py-10"
       style={{
+        backgroundAttachment: fixedBackground ? "fixed" : undefined,
         backgroundImage: `image-set(url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND_AVIF}") type("image/avif"), url("${BLOOMKNIGHTS_DASHBOARD_BACKGROUND}") type("image/webp"))`,
       }}
     >
@@ -42,6 +53,32 @@ export function BloomKnightsDashboardShell({
       >
         <BloomKnightsDashboardLogo />
         {children}
+        <footer className="mx-auto mt-6 flex w-full max-w-6xl flex-col items-center justify-between gap-2 rounded-xl border border-white/15 bg-[#245f35]/80 px-4 py-3 text-xs font-semibold text-[#fff8de] shadow-sm backdrop-blur sm:flex-row">
+          <Image
+            src="/knighthacks.svg"
+            alt="Knight Hacks"
+            width={118}
+            height={32}
+            className="h-8 w-[118px] object-contain opacity-95"
+            unoptimized
+          />
+          <nav
+            aria-label="BloomKnights dashboard footer links"
+            className="flex flex-wrap items-center justify-center gap-x-4 gap-y-1"
+          >
+            {BLOOMKNIGHTS_DASHBOARD_FOOTER_LINKS.map(({ href, label }) => (
+              <a
+                key={href}
+                href={href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="transition-colors hover:text-white focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80"
+              >
+                {label}
+              </a>
+            ))}
+          </nav>
+        </footer>
       </div>
       <style>{`
         .bk-dashboard-logo-shell {
diff --git a/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
index 12590c9f2..89a73858c 100644
--- a/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/hacker-profile-form.tsx
@@ -175,7 +175,7 @@ export function HackerProfileForm() {
     <>
       <Form {...form}>
         <form
-          className="bk-profile-form grid gap-x-6 gap-y-5 md:grid-cols-2"
+          className="bk-profile-form grid grid-cols-1 gap-4 sm:gap-x-6 sm:gap-y-5 md:grid-cols-2"
           noValidate
           onSubmit={form.handleSubmit(async (values) => {
             setLoading(true);
@@ -466,6 +466,7 @@ export function HackerProfileForm() {
                     onItemSelect={(school) => field.onChange(school)}
                     buttonPlaceholder={hacker.school}
                     inputPlaceholder="Search for your school"
+                    triggerClassName="bk-profile-combobox-trigger !border-[#d7bd94] !bg-[#fffaf0] !text-[#3d2e1e] hover:!border-[#7aab5a] hover:!bg-[#fffaf0] hover:!text-[#3d2e1e]"
                   />
                 </FormControl>
                 <FormMessage />
@@ -489,6 +490,7 @@ export function HackerProfileForm() {
                     onItemSelect={(major) => field.onChange(major)}
                     buttonPlaceholder={hacker.major}
                     inputPlaceholder="Search for your major"
+                    triggerClassName="bk-profile-combobox-trigger !border-[#d7bd94] !bg-[#fffaf0] !text-[#3d2e1e] hover:!border-[#7aab5a] hover:!bg-[#fffaf0] hover:!text-[#3d2e1e]"
                   />
                 </FormControl>
                 <FormMessage />
@@ -668,12 +670,12 @@ export function HackerProfileForm() {
                       <PopoverTrigger asChild>
                         <Button
                           variant="outline"
-                          className="flex h-auto min-h-12 w-full items-center justify-start space-x-2 px-3"
+                          className="bk-profile-allergy-trigger flex h-auto min-h-12 w-full flex-col items-start justify-center gap-2 whitespace-normal !border-[#d7bd94] !bg-[#fffaf0] px-3 py-2 text-left !text-[#3d2e1e] hover:!border-[#7aab5a] hover:!bg-[#fffaf0] hover:!text-[#3d2e1e] sm:flex-row sm:items-center sm:justify-start"
                         >
-                          <span className="text-sm text-gray-400">
+                          <span className="shrink-0 text-sm text-[#6a5a4d]">
                             Select Allergies:
                           </span>
-                          <div className="flex flex-wrap gap-1">
+                          <div className="flex min-w-0 flex-wrap gap-1">
                             {selectedAllergies.length > 0 ? (
                               selectedAllergies.map((allergy) => (
                                 <Badge
@@ -685,7 +687,7 @@ export function HackerProfileForm() {
                                 </Badge>
                               ))
                             ) : (
-                              <span className="text-sm text-gray-400">
+                              <span className="text-sm text-[#6a5a4d]">
                                 None selected
                               </span>
                             )}
@@ -694,7 +696,7 @@ export function HackerProfileForm() {
                       </PopoverTrigger>
                       <PopoverContent
                         align="start"
-                        className="min-w-(--radix-popover-trigger-width) w-full max-w-none p-1"
+                        className="w-[var(--radix-popover-trigger-width)] max-w-[calc(100vw-2rem)] p-1"
                       >
                         <div className="flex w-full flex-col">
                           {FORMS.ALLERGIES.map((allergy) => (
@@ -726,15 +728,15 @@ export function HackerProfileForm() {
             control={form.control}
             name="isFirstTime"
             render={({ field }) => (
-              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
+              <FormItem className="bk-profile-consent flex flex-row items-start gap-3 space-x-0 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
                     onCheckedChange={field.onChange}
-                    className="flex h-5 w-5 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
+                    className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
                   />
                 </FormControl>
-                <div className="flex items-center space-y-1 leading-none">
+                <div className="flex min-w-0 flex-1 items-start space-y-1 leading-snug">
                   <FormLabel>
                     This is my first time participating in a hackathon
                   </FormLabel>
@@ -747,15 +749,15 @@ export function HackerProfileForm() {
             control={form.control}
             name="agreesToMLHCodeOfConduct"
             render={({ field }) => (
-              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
+              <FormItem className="bk-profile-consent flex flex-row items-start gap-3 space-x-0 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
                     onCheckedChange={field.onChange}
-                    className="flex h-5 w-5 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
+                    className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
                   />
                 </FormControl>
-                <div className="flex items-center space-y-1 leading-none">
+                <div className="flex min-w-0 flex-1 items-start space-y-1 leading-snug">
                   <FormLabel>
                     I have read and agree to the{" "}
                     <Link
@@ -778,15 +780,15 @@ export function HackerProfileForm() {
             control={form.control}
             name="agreesToMLHDataSharing"
             render={({ field }) => (
-              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
+              <FormItem className="bk-profile-consent flex flex-row items-start gap-3 space-x-0 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
                     onCheckedChange={field.onChange}
-                    className="flex h-5 w-5 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
+                    className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
                   />
                 </FormControl>
-                <div className="flex items-center space-y-1 leading-none">
+                <div className="flex min-w-0 flex-1 items-start space-y-1 leading-snug">
                   <FormLabel>
                     I authorize you to share my application/registration
                     information with Major League Hacking for event
@@ -830,15 +832,15 @@ export function HackerProfileForm() {
             control={form.control}
             name="agreesToReceiveEmailsFromMLH"
             render={({ field }) => (
-              <FormItem className="bk-profile-consent flex flex-row space-x-3 space-y-0 md:col-span-2">
+              <FormItem className="bk-profile-consent flex flex-row items-start gap-3 space-x-0 space-y-0 md:col-span-2">
                 <FormControl>
                   <Checkbox
                     checked={!!field.value}
                     onCheckedChange={field.onChange}
-                    className="flex h-5 w-5 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
+                    className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center [&>span>svg]:h-6 [&>span>svg]:w-6"
                   />
                 </FormControl>
-                <div className="flex items-center space-y-1 leading-none">
+                <div className="flex min-w-0 flex-1 items-start space-y-1 leading-snug">
                   <FormLabel>
                     I authorize MLH to send me occasional emails about relevant
                     events, career opportunities, and community announcements
@@ -851,7 +853,7 @@ export function HackerProfileForm() {
           <Button
             type="submit"
             disabled={loading}
-            className="bk-portal-button min-h-12 md:col-span-2"
+            className="bk-portal-button min-h-12 w-full justify-center md:col-span-2"
           >
             <span className="inline-flex size-4 items-center justify-center">
               {loading && <Loader2 className="size-4 animate-spin" />}
diff --git a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
index 617c67b7e..7bb13345d 100644
--- a/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/portal-header.tsx
@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { LogOut } from "lucide-react";
+import { ArrowLeft, LogOut } from "lucide-react";
 
 import { signOut } from "~/auth/client";
 
@@ -10,16 +10,17 @@ export function PortalHeader() {
   const pathname = usePathname();
 
   return (
-    <header className="bk-portal-nav mb-5 overflow-hidden rounded-2xl sm:mb-6">
+    <header className="bk-portal-nav bk-dashboard-nav mb-5 overflow-hidden rounded-2xl sm:mb-6">
       <div className="flex min-h-16 items-stretch justify-between">
         <Link
           href="/"
-          className="font-righteous hidden items-center border-r border-[#245f35]/15 px-5 text-sm uppercase tracking-[0.04em] text-[#245f35] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#7aab5a] sm:flex"
+          aria-label="Go back to the BK site"
+          title="Go back to the BK site"
+          className="font-righteous flex min-h-16 shrink-0 items-center gap-2 whitespace-nowrap border-r border-[#245f35]/15 px-3 text-xs uppercase tracking-[0.04em] text-[#245f35] transition-colors hover:bg-[#daeaf5]/45 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#7aab5a] sm:px-5 sm:text-sm"
         >
-          BloomKnights
-          <span className="font-dm-sans ml-2 text-xs font-bold normal-case tracking-normal text-[#5a4535]/75">
-            Portal
-          </span>
+          <ArrowLeft aria-hidden="true" className="size-4" />
+          <span className="hidden sm:inline">Back to BloomKnights site</span>
+          <span className="sm:hidden">Site</span>
         </Link>
         <nav
           aria-label="Participant navigation"
diff --git a/apps/bloomknights/src/app/(portal)/apply/page.tsx b/apps/bloomknights/src/app/(portal)/apply/page.tsx
index 010c71502..0f4c9c4fb 100644
--- a/apps/bloomknights/src/app/(portal)/apply/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/apply/page.tsx
@@ -1,8 +1,10 @@
 import type { Metadata } from "next";
+import { headers } from "next/headers";
 import Link from "next/link";
-import { notFound } from "next/navigation";
+import { notFound, redirect } from "next/navigation";
 
 import { db } from "@forge/db/client";
+import { createHackathonPortalServerCaller } from "@forge/hackathon/server";
 
 import { auth, signIn } from "~/auth/server";
 import { HackerFormPage } from "../_components/application/hacker-application-form";
@@ -30,6 +32,16 @@ export default async function ApplyPage({
   });
   if (!hackathon) notFound();
 
+  const caller = createHackathonPortalServerCaller({
+    headers: await headers(),
+    session,
+  });
+  const dashboard = await caller.portal.getDashboard({
+    hackathonName: "bloomknights",
+  });
+
+  if (dashboard.participant) redirect("/dashboard");
+
   const now = new Date();
   if (now < hackathon.applicationOpen || now > hackathon.applicationDeadline) {
     const beforeOpen = now < hackathon.applicationOpen;
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/layout.tsx b/apps/bloomknights/src/app/(portal)/dashboard/layout.tsx
new file mode 100644
index 000000000..eaad427c1
--- /dev/null
+++ b/apps/bloomknights/src/app/(portal)/dashboard/layout.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+
+import { BloomKnightsDashboardShell } from "../_components/bloomknights-dashboard-shell";
+import { PortalHeader } from "../_components/portal-header";
+
+export const dynamic = "force-dynamic";
+
+export default function DashboardLayout({ children }: { children: ReactNode }) {
+  return (
+    <BloomKnightsDashboardShell fixedBackground>
+      <PortalHeader />
+      {children}
+    </BloomKnightsDashboardShell>
+  );
+}
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
index 2aa06756c..0766cb532 100644
--- a/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/dashboard/page.tsx
@@ -7,8 +7,6 @@ import { createHackathonPortalServerCaller } from "@forge/hackathon/server";
 import { auth, signIn } from "~/auth/server";
 import { AuthRetry } from "../_components/auth-retry";
 import { BloomDashboard } from "../_components/bloom-dashboard";
-import { BloomKnightsDashboardShell } from "../_components/bloomknights-dashboard-shell";
-import { PortalHeader } from "../_components/portal-header";
 
 export const metadata: Metadata = {
   title: "BloomKnights | Hacker Dashboard",
@@ -23,7 +21,9 @@ export default async function DashboardPage({
   const session = await auth();
   const { authError } = await searchParams;
   if (!session) {
-    if (authError) return <AuthRetry callbackPath="/dashboard" />;
+    if (authError) {
+      return <AuthRetry callbackPath="/dashboard" withShell={false} />;
+    }
     signIn("discord", { redirectTo: "/dashboard" });
   }
 
@@ -37,10 +37,5 @@ export default async function DashboardPage({
 
   if (!dashboard.participant) redirect("/apply");
 
-  return (
-    <BloomKnightsDashboardShell>
-      <PortalHeader />
-      <BloomDashboard />
-    </BloomKnightsDashboardShell>
-  );
+  return <BloomDashboard />;
 }
diff --git a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
index 06c6fe154..73f3ab65f 100644
--- a/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
+++ b/apps/bloomknights/src/app/(portal)/dashboard/profile/page.tsx
@@ -2,9 +2,7 @@ import type { Metadata } from "next";
 
 import { auth, signIn } from "~/auth/server";
 import { AuthRetry } from "../../_components/auth-retry";
-import { BloomKnightsDashboardShell } from "../../_components/bloomknights-dashboard-shell";
 import { HackerProfileForm } from "../../_components/hacker-profile-form";
-import { PortalHeader } from "../../_components/portal-header";
 
 export const metadata: Metadata = {
   title: "BloomKnights | Hacker Profile",
@@ -18,28 +16,27 @@ export default async function HackerProfilePage({
   const session = await auth();
   const { authError } = await searchParams;
   if (!session) {
-    if (authError) return <AuthRetry callbackPath="/dashboard/profile" />;
+    if (authError) {
+      return <AuthRetry callbackPath="/dashboard/profile" withShell={false} />;
+    }
     signIn("discord", { redirectTo: "/dashboard/profile" });
   }
 
   return (
-    <BloomKnightsDashboardShell>
-      <PortalHeader />
-      <section className="bk-portal-panel mx-auto max-w-5xl text-[#3d2e1e]">
-        <div className="border-b border-[#c4a882]/30 bg-[#daeaf5]/35 p-5 sm:p-8">
-          <p className="bk-portal-kicker">BloomKnights profile</p>
-          <h1 className="bk-portal-heading mt-2 text-3xl sm:text-4xl">
-            Your information
-          </h1>
-          <p className="mt-2 max-w-2xl text-sm font-medium leading-6 text-[#5a4535]">
-            Keep the details attached to your BloomKnights application current.
-            Required fields are marked with an asterisk.
-          </p>
-        </div>
-        <div className="p-5 sm:p-8">
-          <HackerProfileForm />
-        </div>
-      </section>
-    </BloomKnightsDashboardShell>
+    <section className="bk-portal-panel bk-dashboard-panel bk-profile-panel w-full text-[#3d2e1e]">
+      <div className="border-b border-[#c4a882]/30 bg-[#daeaf5]/35 p-4 sm:p-8">
+        <p className="bk-portal-kicker">Profile</p>
+        <h1 className="bk-portal-heading mt-2 text-2xl leading-tight sm:text-4xl">
+          Your information
+        </h1>
+        <p className="mt-2 max-w-2xl text-sm font-medium leading-6 text-[#5a4535]">
+          Keep the details attached to your BloomKnights application current.
+          Required fields are marked with an asterisk.
+        </p>
+      </div>
+      <div className="p-4 sm:p-8">
+        <HackerProfileForm />
+      </div>
+    </section>
   );
 }
diff --git a/apps/bloomknights/src/app/_components/register/registerButton.tsx b/apps/bloomknights/src/app/_components/register/registerButton.tsx
index 47e0e016c..f646c8b40 100644
--- a/apps/bloomknights/src/app/_components/register/registerButton.tsx
+++ b/apps/bloomknights/src/app/_components/register/registerButton.tsx
@@ -2,7 +2,13 @@ import Link from "next/link";
 
 import BloomButtonEdge from "../ui/BloomButtonEdge";
 
-const Register = () => {
+const Register = ({
+  href = "/apply",
+  label = "Register Now!",
+}: {
+  href?: string;
+  label?: string;
+}) => {
   return (
     <div className="font-dm-sans mt-20 flex flex-col items-center justify-center font-bold">
       <div className="bloom-cta-shell">
@@ -15,9 +21,9 @@ const Register = () => {
             }}
           />
           <div className="relative z-10 flex w-full items-center">
-            <Link href="/apply" className="wc-btn bloom-cta-button group">
+            <Link href={href} className="wc-btn bloom-cta-button group">
               <span className="bloom-cta-label transition-all duration-500 group-hover:text-white">
-                Register Now!
+                {label}
               </span>
               <span className="bloom-cta-mark" aria-hidden="true" />
             </Link>
diff --git a/apps/bloomknights/src/app/globals.css b/apps/bloomknights/src/app/globals.css
index 5629ce3d9..0544a7f43 100644
--- a/apps/bloomknights/src/app/globals.css
+++ b/apps/bloomknights/src/app/globals.css
@@ -71,6 +71,34 @@
   --sidebar-ring: oklch(0.708 0 0);
 }
 
+.dark {
+  --background: hsl(224 71.4% 4.1%);
+  --foreground: hsl(210 20% 98%);
+  --card: hsl(224 71.4% 4.1%);
+  --card-foreground: hsl(210 20% 98%);
+  --popover: hsl(224 71.4% 4.1%);
+  --popover-foreground: hsl(210 20% 98%);
+  --primary: hsl(263.4 70% 50.4%);
+  --primary-lighter: hsl(262.1 83.3% 60%);
+  --primary-foreground: hsl(210 20% 98%);
+  --secondary: hsl(215 27.9% 16.9%);
+  --secondary-foreground: hsl(210 20% 98%);
+  --muted: hsl(215 27.9% 16.9%);
+  --muted-foreground: hsl(217.9 10.6% 64.9%);
+  --accent: hsl(215 27.9% 16.9%);
+  --accent-foreground: hsl(210 20% 98%);
+  --destructive: hsl(0 62.8% 30.6%);
+  --destructive-foreground: hsl(210 20% 98%);
+  --border: hsl(215 27.9% 16.9%);
+  --input: hsl(215 27.9% 16.9%);
+  --ring: hsl(263.4 70% 50.4%);
+  --chart-1: hsl(220 70% 50%);
+  --chart-2: hsl(160 60% 45%);
+  --chart-3: hsl(30 80% 55%);
+  --chart-4: hsl(280 65% 60%);
+  --chart-5: hsl(340 75% 55%);
+}
+
 html,
 body {
   overflow-anchor: none;
@@ -175,18 +203,24 @@ html {
   transition:
     border-color 180ms ease,
     box-shadow 180ms ease,
-    filter 180ms ease;
+    filter 180ms ease,
+    transform 180ms ease;
 }
 
 .bk-portal-button:hover:not(:disabled) {
   border-color: rgba(122, 171, 90, 0.78);
   background: linear-gradient(135deg, #f8df88, #b2da7f);
   filter: saturate(1.08);
+  transform: translateY(-1px);
   box-shadow:
     0 10px 28px rgba(36, 95, 53, 0.22),
     inset 0 1px 0 rgba(255, 255, 255, 0.82);
 }
 
+.bk-portal-button:active:not(:disabled) {
+  transform: translateY(1px) scale(0.99);
+}
+
 .bk-portal-button:focus-visible {
   outline: 3px solid rgba(122, 171, 90, 0.38);
   outline-offset: 2px;
@@ -208,14 +242,22 @@ html {
   text-align: left;
   transition:
     background-color 180ms ease,
-    box-shadow 180ms ease;
+    box-shadow 180ms ease,
+    filter 180ms ease,
+    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
 }
 
 .bk-portal-tool:hover:not([aria-disabled="true"]) {
   background: rgba(218, 234, 245, 0.78);
+  filter: saturate(1.05);
+  transform: translateY(-0.2rem);
   box-shadow: inset 0 0 0 2px rgba(122, 171, 90, 0.22);
 }
 
+.bk-portal-tool:active:not([aria-disabled="true"]) {
+  transform: translateY(0) scale(0.99);
+}
+
 .bk-portal-tool:focus-visible {
   z-index: 2;
   outline: 3px solid rgba(122, 171, 90, 0.58);
@@ -238,6 +280,221 @@ html {
   color: #245f35;
 }
 
+.bk-dashboard-nav a,
+.bk-dashboard-nav button {
+  transition:
+    background-color 180ms ease,
+    color 180ms ease,
+    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.bk-dashboard-nav a:hover,
+.bk-dashboard-nav button:hover {
+  transform: translateY(-1px);
+}
+
+.bk-dashboard-stack {
+  --bk-dashboard-ease: cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.bk-dashboard-panel {
+  transform-origin: center top;
+  animation: bk-dashboard-panel-in 220ms
+    var(--bk-dashboard-ease, cubic-bezier(0.22, 1, 0.36, 1)) both;
+}
+
+.bk-dashboard-hero-panel::after {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  content: "";
+  pointer-events: none;
+  background: linear-gradient(
+    115deg,
+    transparent 14%,
+    rgba(255, 255, 255, 0.22) 30%,
+    transparent 48%
+  );
+  transform: translateX(-70%);
+  animation: bk-dashboard-panel-wash 9s ease-in-out infinite;
+}
+
+.bk-dashboard-status {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  animation: bk-dashboard-status-breathe 4.8s ease-in-out infinite;
+}
+
+.bk-dashboard-status::after {
+  position: absolute;
+  inset: -35% auto -35% -45%;
+  z-index: -1;
+  width: 42%;
+  content: "";
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.55),
+    transparent
+  );
+  transform: skewX(-18deg);
+  animation: bk-dashboard-status-sweep 3.8s ease-in-out infinite;
+}
+
+.bk-dashboard-event-card {
+  position: relative;
+  overflow: hidden;
+}
+
+.bk-dashboard-event-card::after {
+  position: absolute;
+  right: -3rem;
+  bottom: -3rem;
+  width: 9rem;
+  aspect-ratio: 1;
+  content: "";
+  border-radius: 999px;
+  background: radial-gradient(
+    circle,
+    rgba(168, 212, 113, 0.24),
+    transparent 62%
+  );
+  animation: bk-dashboard-orbit-glow 7s ease-in-out infinite;
+  pointer-events: none;
+}
+
+.bk-dashboard-action-strip {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+}
+
+.bk-dashboard-action-strip::after {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  content: "";
+  background: linear-gradient(
+    100deg,
+    transparent,
+    rgba(255, 255, 255, 0.26),
+    transparent
+  );
+  transform: translateX(-105%);
+  animation: bk-dashboard-panel-wash 7.5s ease-in-out 1.4s infinite;
+}
+
+.bk-dashboard-tool .bk-portal-tool-icon,
+.bk-dashboard-tool > svg:last-child {
+  transition:
+    box-shadow 180ms ease,
+    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.bk-dashboard-tool:hover:not([aria-disabled="true"]) .bk-portal-tool-icon {
+  transform: translateY(-0.1rem) rotate(-3deg) scale(1.04);
+  box-shadow: 0 0.65rem 1.2rem rgba(36, 95, 53, 0.16);
+}
+
+.bk-dashboard-tool:hover:not([aria-disabled="true"]) > svg:last-child {
+  transform: translate(0.16rem, -0.16rem);
+}
+
+@keyframes bk-dashboard-panel-in {
+  from {
+    opacity: 0;
+    transform: translateY(0.35rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes bk-dashboard-panel-wash {
+  0%,
+  55% {
+    transform: translateX(-75%);
+  }
+
+  100% {
+    transform: translateX(115%);
+  }
+}
+
+@keyframes bk-dashboard-status-breathe {
+  0%,
+  100% {
+    box-shadow: 0 0 0 rgba(122, 171, 90, 0);
+  }
+
+  50% {
+    box-shadow: 0 0.35rem 1.1rem rgba(122, 171, 90, 0.17);
+  }
+}
+
+@keyframes bk-dashboard-status-sweep {
+  0%,
+  48% {
+    transform: translateX(0) skewX(-18deg);
+  }
+
+  100% {
+    transform: translateX(360%) skewX(-18deg);
+  }
+}
+
+@keyframes bk-dashboard-orbit-glow {
+  0%,
+  100% {
+    transform: translate(0, 0) scale(1);
+    opacity: 0.55;
+  }
+
+  50% {
+    transform: translate(-0.8rem, -0.35rem) scale(1.08);
+    opacity: 0.9;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bk-dashboard-nav,
+  .bk-dashboard-panel,
+  .bk-dashboard-hero-panel::after,
+  .bk-dashboard-status,
+  .bk-dashboard-status::after,
+  .bk-dashboard-event-card::after,
+  .bk-dashboard-action-strip,
+  .bk-dashboard-action-strip::after,
+  .bk-dashboard-tool {
+    animation: none !important;
+  }
+
+  .bk-dashboard-nav a,
+  .bk-dashboard-nav button,
+  .bk-dashboard-tool,
+  .bk-dashboard-tool .bk-portal-tool-icon,
+  .bk-dashboard-tool > svg:last-child,
+  .bk-portal-button,
+  .bk-portal-tool {
+    transition-duration: 0.01ms;
+  }
+
+  .bk-dashboard-nav a:hover,
+  .bk-dashboard-nav button:hover,
+  .bk-dashboard-tool:hover,
+  .bk-dashboard-tool:hover .bk-portal-tool-icon,
+  .bk-dashboard-tool:hover > svg:last-child,
+  .bk-portal-button:hover,
+  .bk-portal-button:active,
+  .bk-portal-tool:hover,
+  .bk-portal-tool:active {
+    transform: none !important;
+  }
+}
+
 @media (min-width: 640px) {
   .bk-portal-tools-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -253,6 +510,7 @@ html {
 .bk-profile-form
   > div:not(.bk-profile-section-heading):not(.bk-profile-consent) {
   min-height: 6.25rem;
+  min-width: 0;
 }
 
 .bk-profile-form > div:has(textarea) {
@@ -293,13 +551,47 @@ html {
 .bk-profile-form input,
 .bk-profile-form textarea,
 .bk-profile-form button[role="combobox"] {
+  width: 100%;
   border-color: rgba(196, 168, 130, 0.5);
   border-radius: 0.5rem;
   background: rgba(255, 250, 238, 0.86);
   color: #3d2e1e;
+  font-size: 1rem;
   box-shadow: none;
 }
 
+.bk-profile-form .bk-profile-combobox-trigger {
+  border-color: rgba(196, 168, 130, 0.5) !important;
+  background: rgba(255, 250, 238, 0.86) !important;
+  color: #3d2e1e !important;
+  box-shadow: none;
+}
+
+.bk-profile-form .bk-profile-combobox-trigger:hover,
+.bk-profile-form .bk-profile-combobox-trigger[data-state="open"] {
+  border-color: rgba(122, 171, 90, 0.58) !important;
+  background: rgba(255, 250, 238, 0.96) !important;
+  color: #3d2e1e !important;
+}
+
+.bk-profile-form .bk-profile-allergy-trigger {
+  border-color: rgba(196, 168, 130, 0.5) !important;
+  background: rgba(255, 250, 238, 0.86) !important;
+  color: #3d2e1e !important;
+  box-shadow: none;
+}
+
+.bk-profile-form .bk-profile-allergy-trigger:hover,
+.bk-profile-form .bk-profile-allergy-trigger[data-state="open"] {
+  border-color: rgba(122, 171, 90, 0.58) !important;
+  background: rgba(255, 250, 238, 0.96) !important;
+  color: #3d2e1e !important;
+}
+
+.bk-profile-form .bk-profile-allergy-trigger .text-gray-400 {
+  color: #6a5a4d !important;
+}
+
 .bk-profile-form input,
 .bk-profile-form button[role="combobox"] {
   min-height: 2.75rem;
@@ -310,9 +602,23 @@ html {
   resize: vertical;
 }
 
+.bk-profile-form input[type="file"] {
+  height: auto;
+  min-height: 3rem;
+  padding: 0.5rem;
+  line-height: 1.4;
+}
+
+.bk-profile-form input[type="file"]::file-selector-button {
+  max-width: 100%;
+  white-space: normal;
+}
+
 .bk-profile-form input:focus-visible,
 .bk-profile-form textarea:focus-visible,
-.bk-profile-form button[role="combobox"]:focus-visible {
+.bk-profile-form button[role="combobox"]:focus-visible,
+.bk-profile-form .bk-profile-combobox-trigger:focus-visible,
+.bk-profile-form .bk-profile-allergy-trigger:focus-visible {
   border-color: #7aab5a;
   outline: 3px solid rgba(122, 171, 90, 0.24);
   outline-offset: 1px;
@@ -320,10 +626,45 @@ html {
 
 .bk-profile-form .bk-profile-consent {
   min-height: 3rem;
+  min-width: 0;
   border-left: 3px solid #c9b8d8;
   padding: 0.6rem 0 0.6rem 0.8rem;
 }
 
+.bk-profile-form .bk-profile-consent label {
+  overflow-wrap: anywhere;
+  line-height: 1.45;
+}
+
+@media (max-width: 639px) {
+  .bk-profile-panel {
+    border-radius: 0.9rem;
+  }
+
+  .bk-profile-form
+    > div:not(.bk-profile-section-heading):not(.bk-profile-consent) {
+    min-height: auto;
+  }
+
+  .bk-profile-form > div:has(textarea) {
+    min-height: auto;
+  }
+
+  .bk-profile-form .bk-profile-section-heading {
+    margin-top: 0.75rem;
+    padding-top: 1rem;
+  }
+
+  .bk-profile-form .bk-profile-section-heading h2 {
+    font-size: 1rem;
+  }
+
+  .bk-profile-form .bk-profile-consent {
+    border-left-width: 2px;
+    padding: 0.75rem 0 0.75rem 0.75rem;
+  }
+}
+
 .bloom-site-background {
   position: relative;
   isolation: isolate;
diff --git a/apps/bloomknights/src/app/layout.tsx b/apps/bloomknights/src/app/layout.tsx
index 71f9cf63c..a9dd9982c 100644
--- a/apps/bloomknights/src/app/layout.tsx
+++ b/apps/bloomknights/src/app/layout.tsx
@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
+import { GeistMono } from "geist/font/mono";
+import { GeistSans } from "geist/font/sans";
 
 import {
   OG_IMAGE_ALT,
@@ -99,7 +101,8 @@ export default function RootLayout({
   return (
     <html
       lang="en"
-      className={`${fredokaOne.variable} ${righteous.variable} ${dmSans.variable} h-full`}
+      className={`dark ${GeistSans.variable} ${GeistMono.variable} ${fredokaOne.variable} ${righteous.variable} ${dmSans.variable} h-full`}
+      suppressHydrationWarning
     >
       <body className="min-h-screen antialiased">{children}</body>
     </html>

From d12dfb6a2d4b2b69777124526f9e943a8c5eac44 Mon Sep 17 00:00:00 2001
From: Adrian Osorio Blanchard <osorioadrian04@gmail.com>
Date: Fri, 3 Jul 2026 18:18:03 -0600
Subject: [PATCH 08/10] fixing url redirects

---
 apps/blade/src/app/auth/bloom-return/route.ts | 22 +++++++++++++------
 apps/blade/src/env.client.ts                  |  7 +++++-
 apps/blade/src/env.ts                         |  7 +++++-
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/apps/blade/src/app/auth/bloom-return/route.ts b/apps/blade/src/app/auth/bloom-return/route.ts
index d4a8688aa..d059158f6 100644
--- a/apps/blade/src/app/auth/bloom-return/route.ts
+++ b/apps/blade/src/app/auth/bloom-return/route.ts
@@ -3,17 +3,25 @@ import { NextResponse } from "next/server";
 import { env } from "~/env";
 
 const DEFAULT_BLOOM_RETURN_PATH = "/dashboard";
-const ALLOWED_BLOOM_RETURN_ORIGINS = [
-  "https://bloom.knighthacks.org",
-  "http://localhost:3006",
-] as const;
+const PRODUCTION_BLOOM_RETURN_ORIGIN = "https://bloom.knighthacks.org";
+const LOCAL_BLOOM_RETURN_ORIGIN = "http://localhost:3006";
 
-function getBloomReturnURL(returnTo: string | null) {
-  const configuredBloomOrigin = new URL(env.BLOOMKNIGHTS_URL).origin;
+function getAllowedBloomReturnOrigins(configuredBloomOrigin: string) {
   const allowedOrigins = new Set([
     configuredBloomOrigin,
-    ...ALLOWED_BLOOM_RETURN_ORIGINS,
+    PRODUCTION_BLOOM_RETURN_ORIGIN,
   ]);
+
+  if (env.NODE_ENV !== "production") {
+    allowedOrigins.add(LOCAL_BLOOM_RETURN_ORIGIN);
+  }
+
+  return allowedOrigins;
+}
+
+function getBloomReturnURL(returnTo: string | null) {
+  const configuredBloomOrigin = new URL(env.BLOOMKNIGHTS_URL).origin;
+  const allowedOrigins = getAllowedBloomReturnOrigins(configuredBloomOrigin);
   const defaultReturnURL = new URL(
     DEFAULT_BLOOM_RETURN_PATH,
     configuredBloomOrigin,
diff --git a/apps/blade/src/env.client.ts b/apps/blade/src/env.client.ts
index 7c3667a6d..cba0a97f0 100644
--- a/apps/blade/src/env.client.ts
+++ b/apps/blade/src/env.client.ts
@@ -2,9 +2,14 @@
 import { createEnv } from "@t3-oss/env-nextjs";
 import { z } from "zod";
 
+const bladeUrlSchema =
+  process.env.NODE_ENV === "production"
+    ? z.string().url()
+    : z.string().url().default("http://localhost:3000");
+
 export const clientEnv = createEnv({
   client: {
-    NEXT_PUBLIC_BLADE_URL: z.string().url().default("http://localhost:3000"),
+    NEXT_PUBLIC_BLADE_URL: bladeUrlSchema,
     NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: z.string(),
   },
   experimental__runtimeEnv: {
diff --git a/apps/blade/src/env.ts b/apps/blade/src/env.ts
index f2679d8b7..640e5a5fb 100644
--- a/apps/blade/src/env.ts
+++ b/apps/blade/src/env.ts
@@ -5,6 +5,11 @@ import { env as apiEnv } from "@forge/api/env";
 import { env as authEnv } from "@forge/auth/env";
 import { env as dbEnv } from "@forge/db/env";
 
+const bloomKnightsUrlSchema =
+  process.env.NODE_ENV === "production"
+    ? z.string().url()
+    : z.string().url().default("http://localhost:3006");
+
 export const env = createEnv({
   extends: [authEnv, apiEnv, dbEnv],
   shared: {
@@ -18,7 +23,7 @@ export const env = createEnv({
    * This way you can ensure the app isn't built with invalid env vars.
    */
   server: {
-    BLOOMKNIGHTS_URL: z.string().url().default("http://localhost:3006"),
+    BLOOMKNIGHTS_URL: bloomKnightsUrlSchema,
   },
 
   /**

From 9509eca07e032f47b06f52183d40bab6d15e100d Mon Sep 17 00:00:00 2001
From: Adrian Osorio Blanchard <osorioadrian04@gmail.com>
Date: Fri, 3 Jul 2026 18:45:10 -0600
Subject: [PATCH 09/10] fix portal safety issues

---
 .../(portal)/_components/bloom-dashboard.tsx  | 27 +++++++-
 .../src/app/api/trpc/[trpc]/route.ts          | 61 +++++++++++++++++--
 apps/bloomknights/src/env.ts                  | 16 +++--
 .../api/src/routers/participant-portal.ts     | 14 ++++-
 packages/api/src/trpc.ts                      |  7 ++-
 packages/validators/src/hacker.ts             |  7 ++-
 6 files changed, 116 insertions(+), 16 deletions(-)

diff --git a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
index 099e37909..38765ec1c 100644
--- a/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
+++ b/apps/bloomknights/src/app/(portal)/_components/bloom-dashboard.tsx
@@ -343,6 +343,13 @@ export function BloomDashboard() {
           />
           <QrActionCard
             available={qrAvailable}
+            errorMessage={
+              qrMutation.error instanceof Error
+                ? qrMutation.error.message
+                : qrMutation.isError
+                  ? "Could not load your QR code."
+                  : null
+            }
             isLoading={qrMutation.isPending}
             loadQRCode={loadQRCode}
             qrCode={qrCode}
@@ -522,11 +529,13 @@ function ActionCard({
 
 function QrActionCard({
   available,
+  errorMessage,
   isLoading,
   loadQRCode,
   qrCode,
 }: {
   available: boolean;
+  errorMessage: string | null;
   isLoading: boolean;
   loadQRCode: () => Promise<unknown>;
   qrCode: string | undefined;
@@ -559,7 +568,7 @@ function QrActionCard({
         <button
           type="button"
           className="bk-portal-tool bk-dashboard-tool group w-full"
-          onClick={() => void loadQRCode()}
+          onClick={() => void loadQRCode().catch(() => undefined)}
         >
           <span className="bk-portal-tool-icon">
             {isLoading ? (
@@ -602,6 +611,22 @@ function QrActionCard({
               className="size-72"
               unoptimized
             />
+          ) : isLoading ? (
+            <Loader2 className="size-8 animate-spin" />
+          ) : errorMessage ? (
+            <div className="flex max-w-72 flex-col items-center gap-3 text-center">
+              <AlertCircle className="size-8 text-[#7c3f2d]" />
+              <p className="text-sm font-semibold leading-6 text-[#5a4535]">
+                {errorMessage}
+              </p>
+              <Button
+                className="bk-bloom-cta-action bk-portal-button px-5"
+                onClick={() => void loadQRCode().catch(() => undefined)}
+                type="button"
+              >
+                Try again
+              </Button>
+            </div>
           ) : (
             <Loader2 className="size-8 animate-spin" />
           )}
diff --git a/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts b/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts
index 0a411e3d3..8cd13115f 100644
--- a/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts
+++ b/apps/bloomknights/src/app/api/trpc/[trpc]/route.ts
@@ -6,21 +6,70 @@ import { validateToken } from "~/auth/server";
 
 const MAX_REQUEST_SIZE = 8 * 1024 * 1024;
 
+function requestTooLargeResponse() {
+  return Response.json(
+    { error: { message: "Request exceeds the 8MB upload limit." } },
+    { status: 413 },
+  );
+}
+
+function concatChunks(chunks: Uint8Array[], totalLength: number) {
+  if (chunks.length === 0) return undefined;
+
+  const body = new ArrayBuffer(totalLength);
+  const bytes = new Uint8Array(body);
+  let offset = 0;
+  for (const chunk of chunks) {
+    bytes.set(chunk, offset);
+    offset += chunk.byteLength;
+  }
+  return body;
+}
+
+async function readRequestWithLimit(req: Request) {
+  if (req.method === "GET" || req.method === "HEAD" || !req.body) return req;
+
+  const reader = req.body.getReader();
+  const chunks: Uint8Array[] = [];
+  let totalLength = 0;
+
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+
+    totalLength += value.byteLength;
+    if (totalLength > MAX_REQUEST_SIZE) {
+      await reader.cancel();
+      return null;
+    }
+
+    chunks.push(value);
+  }
+
+  return new Request(req.url, {
+    body: concatChunks(chunks, totalLength),
+    headers: req.headers,
+    method: req.method,
+    signal: req.signal,
+  });
+}
+
 const handler = async (req: Request) => {
   const contentLength = Number(req.headers.get("content-length") ?? 0);
   if (contentLength > MAX_REQUEST_SIZE) {
-    return Response.json(
-      { error: { message: "Request exceeds the 8MB upload limit." } },
-      { status: 413 },
-    );
+    return requestTooLargeResponse();
   }
 
+  const limitedRequest = await readRequestWithLimit(req);
+  if (!limitedRequest) return requestTooLargeResponse();
+
   const session = await validateToken();
   return fetchRequestHandler({
     endpoint: "/api/trpc",
     router: participantRouter,
-    req,
-    createContext: () => createTRPCContext({ headers: req.headers, session }),
+    req: limitedRequest,
+    createContext: () =>
+      createTRPCContext({ headers: limitedRequest.headers, session }),
     onError({ error, path }) {
       // eslint-disable-next-line no-console
       console.error(`Bloom tRPC error on ${path ?? "unknown"}:`, error.message);
diff --git a/apps/bloomknights/src/env.ts b/apps/bloomknights/src/env.ts
index 0cb08ee45..f44e4d962 100644
--- a/apps/bloomknights/src/env.ts
+++ b/apps/bloomknights/src/env.ts
@@ -3,12 +3,20 @@ import { z } from "zod";
 
 import { hackathonPortalOriginSchema } from "@forge/validators";
 
+const bladeUrlSchema =
+  process.env.NODE_ENV === "production"
+    ? hackathonPortalOriginSchema
+    : hackathonPortalOriginSchema.default("http://localhost:3000");
+
+const bloomKnightsUrlSchema =
+  process.env.NODE_ENV === "production"
+    ? hackathonPortalOriginSchema
+    : hackathonPortalOriginSchema.default("http://localhost:3006");
+
 export const env = createEnv({
   server: {
-    BLADE_URL: hackathonPortalOriginSchema.default("http://localhost:3000"),
-    BLOOMKNIGHTS_URL: hackathonPortalOriginSchema.default(
-      "http://localhost:3006",
-    ),
+    BLADE_URL: bladeUrlSchema,
+    BLOOMKNIGHTS_URL: bloomKnightsUrlSchema,
   },
   shared: {
     NODE_ENV: z
diff --git a/packages/api/src/routers/participant-portal.ts b/packages/api/src/routers/participant-portal.ts
index a78056e87..7a12a8ae3 100644
--- a/packages/api/src/routers/participant-portal.ts
+++ b/packages/api/src/routers/participant-portal.ts
@@ -426,15 +426,25 @@ const participantPortalRouterImplementation = {
         });
       }
 
-      await db
+      const [withdrawnParticipant] = await db
         .update(HackerAttendee)
         .set({ status: "withdrawn", timeConfirmed: null })
         .where(
           and(
             eq(HackerAttendee.hackerId, participant.id),
             eq(HackerAttendee.hackathonId, hackathon.id),
+            eq(HackerAttendee.status, "confirmed"),
           ),
-        );
+        )
+        .returning({ id: HackerAttendee.id });
+
+      if (!withdrawnParticipant) {
+        throw new TRPCError({
+          code: "CONFLICT",
+          message: "Only confirmed hackers can withdraw attendance.",
+        });
+      }
+
       return { status: "withdrawn" as const };
     }),
 
diff --git a/packages/api/src/trpc.ts b/packages/api/src/trpc.ts
index 9f88d7aec..1ef9dc6a2 100644
--- a/packages/api/src/trpc.ts
+++ b/packages/api/src/trpc.ts
@@ -39,7 +39,12 @@ export const createTRPCContext = (opts: {
   const authToken = opts.headers.get("Authorization") ?? null;
   const session = opts.session;
   const source = opts.headers.get("x-trpc-source") ?? "unknown";
-  console.log(">>> tRPC Request from", source, "by", session?.user);
+  console.log(
+    ">>> tRPC Request from",
+    source,
+    "by",
+    session?.user ? "authenticated user" : "anonymous",
+  );
 
   return {
     session,
diff --git a/packages/validators/src/hacker.ts b/packages/validators/src/hacker.ts
index 839587900..f467d7656 100644
--- a/packages/validators/src/hacker.ts
+++ b/packages/validators/src/hacker.ts
@@ -3,6 +3,9 @@ import { z } from "zod";
 import { FORMS } from "@forge/consts";
 
 const optionalUrl = z.union([z.literal(""), z.string().url()]).optional();
+const requiredAgreement = z
+  .boolean()
+  .refine((value) => value, "This agreement is required.");
 
 export const hackerApplicationWireSchema = z.object({
   firstName: z.string().trim().min(1).max(255),
@@ -29,8 +32,8 @@ export const hackerApplicationWireSchema = z.object({
   isFirstTime: z.boolean().default(false),
   foodAllergies: z.string().nullable().optional(),
   agreesToReceiveEmailsFromMLH: z.boolean().default(false),
-  agreesToMLHCodeOfConduct: z.boolean(),
-  agreesToMLHDataSharing: z.boolean(),
+  agreesToMLHCodeOfConduct: requiredAgreement,
+  agreesToMLHDataSharing: requiredAgreement,
 });
 
 export type HackerApplicationWireInput = z.input<

From be55d03490f4f24fe0d28d01288bbe5e8d4a7f7b Mon Sep 17 00:00:00 2001
From: Adrian Osorio Blanchard <osorioadrian04@gmail.com>
Date: Fri, 3 Jul 2026 19:24:45 -0600
Subject: [PATCH 10/10] Limit public hackathon data

---
 packages/api/src/participant-contract.ts      | 15 ++++++++++-
 .../api/src/routers/participant-portal.ts     | 26 ++++++++++++++++++-
 packages/auth/package.json                    |  1 +
 packages/auth/src/factory.ts                  |  2 +-
 packages/hackathon/src/application-schema.ts  |  8 ++++--
 packages/utils/package.json                   |  1 -
 packages/utils/src/discord.ts                 | 10 +++----
 pnpm-lock.yaml                                |  6 ++---
 8 files changed, 55 insertions(+), 14 deletions(-)

diff --git a/packages/api/src/participant-contract.ts b/packages/api/src/participant-contract.ts
index e9f667c0c..07cc0e4b4 100644
--- a/packages/api/src/participant-contract.ts
+++ b/packages/api/src/participant-contract.ts
@@ -34,6 +34,19 @@ export type Participant = SelectHacker & {
   timeConfirmed: Date | null;
 };
 
+export type PublicHackathon = Pick<
+  SelectHackathon,
+  | "name"
+  | "displayName"
+  | "theme"
+  | "applicationBackgroundEnabled"
+  | "applicationBackgroundKey"
+  | "applicationOpen"
+  | "applicationDeadline"
+  | "startDate"
+  | "endDate"
+>;
+
 export interface ParticipantDashboard {
   confirmedCount: number;
   hackathon: SelectHackathon;
@@ -64,7 +77,7 @@ export type ParticipantScheduleEvent = Pick<
 };
 
 export interface ParticipantPortalContract {
-  getHackathon: Query<HackathonInput, SelectHackathon>;
+  getHackathon: Query<HackathonInput, PublicHackathon>;
   getDashboard: Query<HackathonInput, ParticipantDashboard>;
   getApplicationContext: Query<HackathonInput, ParticipantApplicationContext>;
   submitApplication: Mutation<
diff --git a/packages/api/src/routers/participant-portal.ts b/packages/api/src/routers/participant-portal.ts
index 7a12a8ae3..c3c574429 100644
--- a/packages/api/src/routers/participant-portal.ts
+++ b/packages/api/src/routers/participant-portal.ts
@@ -62,6 +62,30 @@ async function requireHackathon(hackathonName: string) {
   return hackathon;
 }
 
+async function getPublicHackathon(hackathonName: string) {
+  const [hackathon] = await db
+    .select({
+      name: Hackathon.name,
+      displayName: Hackathon.displayName,
+      theme: Hackathon.theme,
+      applicationBackgroundEnabled: Hackathon.applicationBackgroundEnabled,
+      applicationBackgroundKey: Hackathon.applicationBackgroundKey,
+      applicationOpen: Hackathon.applicationOpen,
+      applicationDeadline: Hackathon.applicationDeadline,
+      startDate: Hackathon.startDate,
+      endDate: Hackathon.endDate,
+    })
+    .from(Hackathon)
+    .where(eq(Hackathon.name, hackathonName))
+    .limit(1);
+
+  if (!hackathon) {
+    throw new TRPCError({ code: "NOT_FOUND", message: "Hackathon not found." });
+  }
+
+  return hackathon;
+}
+
 async function getParticipant(hackathonId: string, userId: string) {
   const [participant] = await db
     .select({
@@ -87,7 +111,7 @@ async function getParticipant(hackathonId: string, userId: string) {
 const participantPortalRouterImplementation = {
   getHackathon: publicProcedure
     .input(hackathonInput)
-    .query(async ({ input }) => requireHackathon(input.hackathonName)),
+    .query(async ({ input }) => getPublicHackathon(input.hackathonName)),
 
   getDashboard: protectedProcedure
     .input(hackathonInput)
diff --git a/packages/auth/package.json b/packages/auth/package.json
index 58702a6ca..164f7f42c 100644
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -27,6 +27,7 @@
     "@auth/drizzle-adapter": "^1.11.1",
     "@better-auth/client": "0.0.2-alpha.3",
     "@forge/db": "workspace:*",
+    "@forge/utils": "workspace:*",
     "@t3-oss/env-nextjs": "^0.13.10",
     "better-auth": "^1.4.19",
     "next": "^16.2.7",
diff --git a/packages/auth/src/factory.ts b/packages/auth/src/factory.ts
index 0dc7c381f..3bba1b6c9 100644
--- a/packages/auth/src/factory.ts
+++ b/packages/auth/src/factory.ts
@@ -5,8 +5,8 @@ import { eq } from "drizzle-orm";
 
 import { db } from "@forge/db/client";
 import { Account, Session, User, Verifications } from "@forge/db/schemas/auth";
+import * as discord from "@forge/utils/discord";
 
-import * as discord from "../../utils/src/discord";
 import { authSharedEnv } from "./shared-env";
 
 export interface ForgeAuthOptions {
diff --git a/packages/hackathon/src/application-schema.ts b/packages/hackathon/src/application-schema.ts
index c633f0f70..31c5503ff 100644
--- a/packages/hackathon/src/application-schema.ts
+++ b/packages/hackathon/src/application-schema.ts
@@ -213,8 +213,12 @@ export function createHackerProfileClientSchema() {
       .optional()
       .or(z.literal("")),
     resumeUpload: createResumeUploadSchema(),
-    agreesToMLHCodeOfConduct: z.boolean().refine((value) => value),
-    agreesToMLHDataSharing: z.boolean().refine((value) => value),
+    agreesToMLHCodeOfConduct: z.boolean().refine((value) => value, {
+      message: "You must agree to the MLH Code of Conduct",
+    }),
+    agreesToMLHDataSharing: z.boolean().refine((value) => value, {
+      message: "You must agree to the MLH data sharing terms",
+    }),
     agreesToReceiveEmailsFromMLH: z.boolean(),
   });
 }
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 1806eb329..3473762e3 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -22,7 +22,6 @@
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "devDependencies": {
-    "@forge/auth": "workspace:*",
     "@forge/consts": "workspace:*",
     "@forge/db": "workspace:*",
     "@forge/eslint-config": "workspace:*",
diff --git a/packages/utils/src/discord.ts b/packages/utils/src/discord.ts
index 027d09db0..abe0d4b64 100644
--- a/packages/utils/src/discord.ts
+++ b/packages/utils/src/discord.ts
@@ -8,7 +8,6 @@ import { REST } from "@discordjs/rest";
 import { Routes } from "discord-api-types/v10";
 import { and, desc, eq } from "drizzle-orm";
 
-import type { Session } from "@forge/auth/server";
 import { DISCORD } from "@forge/consts";
 import { db } from "@forge/db/client";
 import { Account } from "@forge/db/schemas/auth";
@@ -171,10 +170,11 @@ export async function resolveDiscordUserId(
   return members[0]?.user.id ?? null;
 }
 
-// TODO: look into not using Session here so we can remove the auth import
-//       which will let us clean up our imports.
+interface DiscordSessionUser {
+  discordUserId: string;
+}
 
-export const isDiscordAdmin = async (user: Session["user"]) => {
+export const isDiscordAdmin = async (user: DiscordSessionUser) => {
   try {
     const guildMember = (await api.get(
       Routes.guildMember(DISCORD.KNIGHTHACKS_GUILD, user.discordUserId),
@@ -186,7 +186,7 @@ export const isDiscordAdmin = async (user: Session["user"]) => {
   }
 };
 
-export const isDiscordMember = async (user: Session["user"]) => {
+export const isDiscordMember = async (user: DiscordSessionUser) => {
   try {
     await api.get(
       Routes.guildMember(DISCORD.KNIGHTHACKS_GUILD, user.discordUserId),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 96f2c1e9a..e154d2b0b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1066,6 +1066,9 @@ importers:
       '@forge/db':
         specifier: workspace:*
         version: link:../db
+      '@forge/utils':
+        specifier: workspace:*
+        version: link:../utils
       '@t3-oss/env-nextjs':
         specifier: ^0.13.10
         version: 0.13.10(typescript@5.9.3)(zod@4.3.6)
@@ -1427,9 +1430,6 @@ importers:
         specifier: ^0.0.1
         version: 0.0.1
     devDependencies:
-      '@forge/auth':
-        specifier: workspace:*
-        version: link:../auth
       '@forge/consts':
         specifier: workspace:*
         version: link:../consts