Add PBCTF logo header to auth pages

Author: Hemang360

app/login/page.tsx

@@ -10,6 +10,7 @@ import { Button } from "@/components/registration/button";
 import { StickyAlert } from "@/components/registration/sticky-alert";
 import { RecaptchaNotice } from "@/components/registration/recaptcha-notice";
 import { DotPattern } from "@/components/registration/dot-pattern";
+import { AuthHeader } from "@/components/registration/auth-header";
 import { Spinner } from "@/components/ui/spinner";
 import { ArrowRight, LogIn } from "lucide-react";
 
@@ -51,6 +52,7 @@ export default function LoginPage() {
   return (
     <div className="min-h-screen w-full bg-void relative overflow-hidden">
       <DotPattern />
+      <AuthHeader />
 
       <main className="relative z-10 min-h-screen w-full flex flex-col items-center justify-center px-4 sm:px-6 py-10 sm:py-16">
         <div className="w-full max-w-[460px] flex flex-col gap-6 anim-fade-up">

app/register/page.tsx

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 import { useAuth } from "@/hooks/use-auth";
 import { RegistrationContainer } from "@/components/registration/registration-container";
 import { DotPattern } from "@/components/registration/dot-pattern";
+import { AuthHeader } from "@/components/registration/auth-header";
 import { Spinner } from "@/components/ui/spinner";
 
 export default function RegisterPage() {
@@ -26,8 +27,9 @@ export default function RegisterPage() {
   return (
     <div className="min-h-screen w-full bg-void relative overflow-hidden">
       <DotPattern />
+      <AuthHeader />
 
-      <main className="relative z-10 w-full min-h-screen flex flex-col items-center px-4 sm:px-6 md:px-8 py-10 sm:py-14">
+      <main className="relative z-10 w-full min-h-screen flex flex-col items-center px-4 sm:px-6 md:px-8 pt-24 pb-10 sm:pt-28 sm:pb-14">
         <div className="w-full max-w-[1000px] flex flex-col gap-7 items-center anim-fade-up">
           <RegistrationContainer />
         </div>

components/registration/auth-header.tsx

@@ -0,0 +1,25 @@
+import Link from "next/link";
+
+/**
+ * Minimal brand header for the auth pages (login / register). Renders the
+ * PBCTF5.0 wordmark in the top-left, linking back to the landing page —
+ * matching the landing/dashboard header logo. The bar itself is
+ * click-through (pointer-events-none) so only the logo is interactive.
+ */
+export function AuthHeader() {
+  return (
+    <header className="pointer-events-none fixed top-0 left-0 z-30 w-full px-[clamp(1.25rem,4vw,2.5rem)] py-5">
+      <Link
+        href="/"
+        aria-label="PBCTF 5.0 home"
+        className="pointer-events-auto inline-flex items-center rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand"
+      >
+        <span className="font-body font-extrabold text-[1.5rem] leading-none tracking-[-0.02em] bg-gradient-to-br from-white to-brand bg-clip-text text-transparent">
+          PBCTF5.0
+        </span>
+      </Link>
+    </header>
+  );
+}
+
+export default AuthHeader;