diff --git a/sites/mainweb/app/(portal)/admin/page.tsx b/sites/mainweb/app/(portal)/admin/page.tsx
index b4f212d..886935d 100644
--- a/sites/mainweb/app/(portal)/admin/page.tsx
+++ b/sites/mainweb/app/(portal)/admin/page.tsx
@@ -8,6 +8,8 @@ import QRCode from 'qrcode';
 import Link from 'next/link';
 import { QRCodeModal } from '@/components/portal/QRCodeModal';
 import { EventFormModal } from '@/components/portal/EventFormModal';
+import Background from '@/components/portal/Background';
+import { LiquidGlass } from '@/components/portal/LiquidGlass';
 
 type Event = {
   id: string;
@@ -109,10 +111,11 @@ export default function AdminPage() {
 
   if (status === 'loading' || adminLoading) {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center">
-        <div className="text-center">
-          <div className="w-12 h-12 border-4 border-teal-500/30 border-t-teal-500 rounded-full animate-spin mx-auto mb-4" />
-          <p className="text-gray-500 text-sm">Verifying access...</p>
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex items-center justify-center">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+        <div className="text-center relative z-10">
+          <div className="w-12 h-12 border-4 border-[#00A8A8]/30 border-t-[#00A8A8] rounded-full animate-spin mx-auto mb-4" />
+          <p className="text-gray-500 text-sm font-mono uppercase tracking-widest">Verifying access...</p>
         </div>
       </div>
     );
@@ -121,11 +124,8 @@ export default function AdminPage() {
   if (!session || !adminStatus?.isAdmin) return null;
 
   return (
-    <div className="relative min-h-screen min-h-[100dvh] bg-black text-gray-400 font-sans overflow-x-hidden">
-      {/* Background */}
-      <div className="fixed inset-0 z-0 pointer-events-none">
-        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-teal-500/5 rounded-full blur-[120px]" />
-      </div>
+    <div className="relative min-h-screen min-h-[100dvh] bg-[#050505] text-gray-400 font-sans overflow-x-hidden">
+      <Background className="fixed inset-0 z-0 opacity-[0.03]" />
 
       {showCreateEvent && (
         <EventFormModal
@@ -148,23 +148,23 @@ export default function AdminPage() {
 
       <main className="relative z-10 max-w-6xl mx-auto py-8 px-4 md:px-6">
         {/* Header */}
-        <header className="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-8 p-6 bg-white/[0.02] border border-white/5 rounded-2xl">
+        <LiquidGlass className="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-8 p-6">
           <div>
             <div className="flex items-center gap-2 mb-1">
-              <span className="w-2 h-2 rounded-full bg-teal-500 animate-pulse" />
+              <span className="w-2 h-2 rounded-full bg-[#00A8A8] animate-pulse shadow-[0_0_8px_rgba(0,168,168,0.5)]" />
               <p className="text-xs uppercase tracking-widest text-gray-500 font-medium">Admin Console</p>
             </div>
             <h1 className="text-2xl font-bold text-white">
-              Admin <span className="bg-gradient-to-r from-teal-400 to-emerald-400 bg-clip-text text-transparent">Terminal</span>
+              Admin <span className="bg-gradient-to-r from-[#00A8A8] to-emerald-400 bg-clip-text text-transparent italic">Terminal</span>
             </h1>
-            <p className="text-gray-500 text-sm">{adminStatus.role?.replace('_', ' ').toUpperCase()}</p>
+            <p className="text-gray-500 text-sm font-mono uppercase tracking-widest">{adminStatus.role?.replace('_', ' ').toUpperCase()}</p>
           </div>
           <div className="flex gap-3">
             <Link
               href="/admin-judging"
               className="px-5 py-3 bg-white/5 border border-white/10 text-white text-sm font-medium rounded-xl hover:bg-white/10 transition-colors flex items-center gap-2"
             >
-              <span className="w-2 h-2 rounded-full bg-teal-500" />
+              <span className="w-2 h-2 rounded-full bg-[#00A8A8]" />
               Judging Portal
             </Link>
             <button
@@ -174,39 +174,39 @@ export default function AdminPage() {
               ← Back
             </button>
           </div>
-        </header>
+        </LiquidGlass>
 
         {/* Events Section */}
         <div className="space-y-6">
           <div className="flex items-center justify-between">
             <div>
               <h2 className="text-xl font-bold text-white">Events</h2>
-              <p className="text-gray-500 text-sm">{events?.length || 0} total events</p>
+              <p className="text-gray-500 text-sm font-mono">{events?.length || 0} total events</p>
             </div>
             <button
               onClick={() => setShowCreateEvent(true)}
-              className="px-6 py-3 bg-gradient-to-r from-teal-500 to-emerald-500 text-white font-semibold text-sm rounded-xl active:scale-[0.98] transition-transform shadow-lg shadow-teal-500/20"
+              className="px-6 py-3 bg-gradient-to-r from-[#00A8A8] to-emerald-500 text-white font-semibold text-sm rounded-xl active:scale-[0.98] transition-transform shadow-lg shadow-[#00A8A8]/20"
             >
               + New Event
             </button>
           </div>
 
           {!events || events.length === 0 ? (
-            <div className="p-16 bg-white/[0.02] border border-white/5 rounded-2xl text-center">
-              <div className="w-16 h-16 rounded-full bg-white/5 flex items-center justify-center mx-auto mb-4">
+            <LiquidGlass className="p-16 text-center">
+              <div className="w-16 h-16 rounded-full bg-white/5 flex items-center justify-center mx-auto mb-4 border border-white/10">
                 <svg className="w-8 h-8 text-gray-600" fill="currentColor" viewBox="0 0 24 24">
                   <path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z" />
                 </svg>
               </div>
               <h3 className="text-white font-semibold mb-1">No events yet</h3>
-              <p className="text-gray-500 text-sm">Create your first event to get started.</p>
-            </div>
+              <p className="text-gray-500 text-sm font-mono">Create your first event to get started.</p>
+            </LiquidGlass>
           ) : (
             <div className="space-y-4">
               {events.map((event) => (
-                <div
+                <LiquidGlass
                   key={event.id}
-                  className="p-6 bg-white/[0.02] border border-white/5 hover:border-white/10 rounded-2xl transition-all"
+                  className="p-6 hover:border-white/20 transition-all"
                 >
                   <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-6">
                     <div className="flex-1">
@@ -214,8 +214,8 @@ export default function AdminPage() {
                         <h3 className="text-lg font-bold text-white">{event.title}</h3>
                         <span
                           className={`px-2 py-1 rounded-full text-[10px] uppercase tracking-wider font-semibold ${event.checkInEnabled
-                              ? 'bg-emerald-500/10 text-emerald-400 border border-emerald-500/20'
-                              : 'bg-red-500/10 text-red-400 border border-red-500/20'
+                            ? 'bg-emerald-500/10 text-emerald-400 border border-emerald-500/20'
+                            : 'bg-red-500/10 text-red-400 border border-red-500/20'
                             }`}
                         >
                           {event.checkInEnabled ? 'Active' : 'Disabled'}
@@ -224,12 +224,12 @@ export default function AdminPage() {
                       {event.description && (
                         <p className="text-gray-400 text-sm mb-3">{event.description}</p>
                       )}
-                      <div className="flex flex-wrap gap-4 text-xs text-gray-500">
+                      <div className="flex flex-wrap gap-4 text-xs text-gray-500 font-mono">
                         <span>{event.location || 'No location'}</span>
                         <span>•</span>
                         <span>{new Date(event.eventDate).toLocaleDateString()}</span>
                         <span>•</span>
-                        <span className="text-teal-400">{event.currentCheckIns} check-ins</span>
+                        <span className="text-[#00A8A8]">{event.currentCheckIns} check-ins</span>
                       </div>
                     </div>
 
@@ -239,7 +239,7 @@ export default function AdminPage() {
                           generateQRCode(event.qrCode);
                           setSelectedEvent(event);
                         }}
-                        className="px-4 py-2 bg-teal-500/10 border border-teal-500/20 text-teal-400 text-sm font-medium rounded-xl hover:bg-teal-500/20 transition-colors"
+                        className="px-4 py-2 bg-[#00A8A8]/10 border border-[#00A8A8]/20 text-[#00A8A8] text-sm font-medium rounded-xl hover:bg-[#00A8A8]/20 transition-colors"
                       >
                         QR Code
                       </button>
@@ -251,8 +251,8 @@ export default function AdminPage() {
                           })
                         }
                         className={`px-4 py-2 border text-sm font-medium rounded-xl transition-colors ${event.checkInEnabled
-                            ? 'border-red-500/20 text-red-400 hover:bg-red-500/10'
-                            : 'border-emerald-500/20 text-emerald-400 hover:bg-emerald-500/10'
+                          ? 'border-red-500/20 text-red-400 hover:bg-red-500/10'
+                          : 'border-emerald-500/20 text-emerald-400 hover:bg-emerald-500/10'
                           }`}
                       >
                         {event.checkInEnabled ? 'Disable' : 'Enable'}
@@ -269,7 +269,7 @@ export default function AdminPage() {
                       </button>
                     </div>
                   </div>
-                </div>
+                </LiquidGlass>
               ))}
             </div>
           )}
diff --git a/sites/mainweb/app/(portal)/dashboard/page.tsx b/sites/mainweb/app/(portal)/dashboard/page.tsx
index b990764..5bfaf46 100644
--- a/sites/mainweb/app/(portal)/dashboard/page.tsx
+++ b/sites/mainweb/app/(portal)/dashboard/page.tsx
@@ -5,9 +5,12 @@ import { trpc } from '@/lib/trpc';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import Image from 'next/image';
+import Background from '@/components/portal/Background';
 import Link from 'next/link';
 import LinkStripeAccount from '@/components/portal/LinkStripeAccount';
 import ProfileForm from '@/components/portal/profile/ProfileForm';
+import { LiquidGlass } from '@/components/portal/LiquidGlass';
+import { LoadingScreen } from '@/components/portal/LoadingScreen';
 
 export default function Dashboard() {
   const { data: session, status } = useSession();
@@ -22,174 +25,218 @@ export default function Dashboard() {
     if (status === 'unauthenticated') router.push('/login');
   }, [status, router]);
 
-  if (status === 'loading') {
-    return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center">
-        <div className="text-center">
-          <div className="w-12 h-12 border-4 border-teal-500/30 border-t-teal-500 rounded-full animate-spin mx-auto mb-4" />
-          <p className="text-gray-500 text-sm">Loading...</p>
-        </div>
-      </div>
-    );
-  }
+  if (status === 'loading') return <LoadingScreen message="Syncing Identity..." />;
 
   if (!session) return null;
 
   return (
-    <div className="relative min-h-screen min-h-[100dvh] bg-black text-gray-400 font-sans overflow-x-hidden">
-      {/* Background */}
-      <div className="fixed inset-0 z-0 pointer-events-none">
-        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-teal-500/5 rounded-full blur-[120px]" />
-      </div>
-
-      <main className="relative z-10 max-w-6xl mx-auto py-8 px-4 md:px-6">
-        {/* Header */}
-        <header className="flex items-center justify-between mb-8 p-4 bg-white/[0.02] border border-white/5 rounded-2xl">
-          <div className="flex items-center gap-4">
-            <div className="relative">
-              <div className="absolute -inset-0.5 bg-gradient-to-r from-teal-500 to-emerald-500 rounded-full opacity-50 blur" />
-              <Image
-                src={userData?.image || '/avatar-placeholder.png'}
-                alt="Avatar"
-                width={48}
-                height={48}
-                className="relative rounded-full border-2 border-black bg-black object-cover w-12 h-12"
-              />
-            </div>
-            <div>
-              <p className="text-white font-bold text-base">{userData?.name || 'User'}</p>
-              <div className="flex items-center gap-2">
-                <div className={`w-2 h-2 rounded-full ${adminStatus?.isAdmin ? 'bg-red-500' : memberStatus?.isMember ? 'bg-emerald-500' : 'bg-yellow-500'}`} />
-                <p className="text-gray-500 text-xs uppercase tracking-wider font-medium">
-                  {adminStatus?.isAdmin ? 'Admin' : memberStatus?.isMember ? 'Member' : 'Guest'}
-                </p>
+    <div className="relative min-h-screen bg-[#050505] text-gray-400 font-sans selection:bg-[#00A8A8]/30 overflow-x-hidden">
+      <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+
+      <main className="relative z-10 max-w-7xl mx-auto grid lg:grid-cols-12 gap-8 py-20 px-6">
+
+        {/* SIDEBAR */}
+        <div className="lg:col-span-4 space-y-4">
+          <LiquidGlass className="p-6 relative overflow-visible">
+
+            {/* User Profile Header */}
+            <div className="flex items-center gap-5 border-b border-white/5 pb-8 mb-8">
+              <div className="relative group">
+                <div className="absolute -inset-0.5 bg-gradient-to-r from-[#00A8A8] to-blue-600 rounded-full opacity-50 blur group-hover:opacity-75 transition duration-1000 group-hover:duration-200"></div>
+                <Image
+                  src={userData?.image || '/avatar-placeholder.png'}
+                  alt="Avatar"
+                  width={56}
+                  height={56}
+                  className="relative rounded-full border border-black bg-black object-cover h-14 w-14 transition-all duration-300"
+                />
+              </div>
+              <div className="space-y-1">
+                <p className="text-white font-bold uppercase tracking-tight text-base font-mono">{userData?.name || 'GUEST'}</p>
+                <div className="flex items-center gap-2">
+                  <div className={`h-2 w-2 rounded-full ${adminStatus?.isAdmin ? 'bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.5)]' : 'bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.5)]'}`}></div>
+                  <p className="text-gray-500 text-xs uppercase tracking-widest font-bold">
+                    {adminStatus?.isAdmin ? 'ADMIN' : memberStatus?.isMember ? 'MEMBER' : 'GUEST'}
+                  </p>
+                </div>
               </div>
             </div>
-          </div>
-          <button
-            onClick={() => signOut({ callbackUrl: '/login' })}
-            className="px-4 py-2 text-gray-500 hover:text-red-400 text-xs uppercase tracking-wider font-medium transition-colors"
-          >
-            Sign Out
-          </button>
-        </header>
-
-        {/* Navigation */}
-        <div className="flex gap-2 mb-8">
-          <button
-            onClick={() => setMode('DASHBOARD')}
-            className={`px-6 py-3 rounded-xl text-sm font-semibold transition-all ${mode === 'DASHBOARD'
-                ? 'bg-gradient-to-r from-teal-500 to-emerald-500 text-white shadow-lg shadow-teal-500/20'
-                : 'bg-white/5 text-gray-400 hover:text-white'
-              }`}
-          >
-            Dashboard
-          </button>
-          <button
-            onClick={() => setMode('PROFILE')}
-            className={`px-6 py-3 rounded-xl text-sm font-semibold transition-all ${mode === 'PROFILE'
-                ? 'bg-gradient-to-r from-teal-500 to-emerald-500 text-white shadow-lg shadow-teal-500/20'
-                : 'bg-white/5 text-gray-400 hover:text-white'
-              }`}
-          >
-            Profile
-          </button>
+
+            {/* Navigation */}
+            <nav className="space-y-2">
+              <button
+                onClick={() => setMode('DASHBOARD')}
+                className={`w-full group flex items-center justify-between px-6 py-4 rounded-xl text-sm font-bold tracking-widest transition-all duration-200 border border-transparent
+                  ${mode === 'DASHBOARD'
+                    ? 'bg-white/[0.03] text-white border-white/5 shadow-[inset_0_0_20px_rgba(255,255,255,0.02)]'
+                    : 'text-gray-500 hover:text-white hover:bg-white/[0.02]'
+                  }`}
+              >
+                <span>OVERVIEW</span>
+                <span className={`h-2 w-2 rounded-full transition-all ${mode === 'DASHBOARD' ? 'bg-[#00A8A8]' : 'bg-transparent group-hover:bg-white/20'}`}></span>
+              </button>
+
+              <button
+                onClick={() => setMode('PROFILE')}
+                className={`w-full group flex items-center justify-between px-6 py-4 rounded-xl text-sm font-bold tracking-widest transition-all duration-200 border border-transparent
+                  ${mode === 'PROFILE'
+                    ? 'bg-white/[0.03] text-white border-white/5 shadow-[inset_0_0_20px_rgba(255,255,255,0.02)]'
+                    : 'text-gray-500 hover:text-white hover:bg-white/[0.02]'
+                  }`}
+              >
+                <span>VIEW DOSSIER</span>
+                <span className={`h-2 w-2 rounded-full transition-all ${mode === 'PROFILE' ? 'bg-[#00A8A8]' : 'bg-transparent group-hover:bg-white/20'}`}></span>
+              </button>
+            </nav>
+
+            <div className="mt-8 pt-8 border-t border-white/5">
+              <button
+                onClick={() => signOut({ callbackUrl: '/login' })}
+                className="w-full py-4 px-6 rounded-xl bg-red-500/[0.05] border border-red-500/10 text-red-500/60 hover:bg-red-500/10 hover:text-red-400 hover:border-red-500/30 transition-all font-mono text-xs uppercase tracking-[0.2em] flex items-center justify-center gap-3 group"
+              >
+                <span className="w-2 h-2 bg-red-500/40 rounded-full group-hover:bg-red-500 transition-colors"></span>
+                Terminate Session
+              </button>
+            </div>
+          </LiquidGlass>
         </div>
 
-        {mode === 'PROFILE' ? (
-          /* Profile View */
-          <div className="bg-white/[0.02] border border-white/5 rounded-2xl p-6">
-            <h2 className="text-xl font-bold text-white mb-6">Edit Profile</h2>
-            <ProfileForm user={{
-              id: userData?.id || '',
-              name: userData?.name,
-              email: userData?.email || '',
-              image: userData?.image,
-              bio: userData?.bio
-            }} />
-          </div>
-        ) : (
-          /* Dashboard View */
-          <div className="space-y-6">
-            {adminStatus?.isAdmin ? (
-              /* Admin Card */
-              <Link href="/admin" className="block group">
-                <div className="relative p-8 bg-white/[0.02] border border-white/5 hover:border-teal-500/30 rounded-2xl transition-all overflow-hidden">
-                  <div className="absolute inset-0 bg-gradient-to-br from-teal-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
-                  <div className="absolute top-4 right-4 w-16 h-16 bg-gradient-to-br from-teal-500 to-emerald-600 rounded-2xl flex items-center justify-center opacity-20 group-hover:opacity-40 transition-opacity">
-                    <svg className="w-8 h-8 text-white" viewBox="0 0 24 24" fill="currentColor">
-                      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z" />
-                    </svg>
-                  </div>
-                  <div className="relative z-10">
-                    <div className="flex items-center gap-2 mb-2">
-                      <span className="w-2 h-2 rounded-full bg-teal-500" />
-                      <p className="text-xs uppercase tracking-widest text-teal-400 font-semibold">Admin Access</p>
-                    </div>
-                    <h3 className="text-2xl font-bold text-white mb-2 group-hover:text-teal-400 transition-colors">
-                      Admin Control Panel
-                    </h3>
-                    <p className="text-gray-500 text-sm mb-6">
-                      Manage events, view check-ins, and configure system settings.
-                    </p>
-                    <span className="inline-flex items-center gap-2 text-sm text-teal-400 font-medium">
-                      Open Panel
-                      <svg className="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" />
-                      </svg>
-                    </span>
-                  </div>
+        {/* MAIN CONTENT */}
+        <div className="lg:col-span-8 flex flex-col">
+          <LiquidGlass className="p-8 min-h-[600px] flex flex-col relative overflow-hidden">
+
+            {/* Decorative Top Line */}
+            <div className="absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-[#00A8A8]/20 to-transparent"></div>
+
+            <div className="flex justify-between items-end mb-12 relative z-10">
+              <div>
+                <p className="text-xs text-gray-600 uppercase tracking-[0.4em] mb-2 font-mono">System View</p>
+                <h2 className="text-3xl md:text-4xl font-black text-white italic uppercase tracking-tighter">
+                  {mode === 'PROFILE' ? 'Identity Dossier' : 'Central Operations'}
+                </h2>
+              </div>
+              <div className="flex items-center gap-2 px-3 py-1 rounded-full bg-white/[0.03] border border-white/5">
+                <div className={`h-1.5 w-1.5 rounded-full animate-pulse ${memberStatus?.isMember || adminStatus?.isAdmin ? 'bg-[#00A8A8]' : 'bg-yellow-500'}`} />
+                <span className="text-[9px] font-mono text-gray-400 uppercase tracking-wider">
+                  {mode === 'PROFILE' ? 'EDITING' : 'ACTIVE'}
+                </span>
+              </div>
+            </div>
+
+            <div className={`flex-1 flex flex-col relative z-10 ${mode === 'DASHBOARD' ? 'justify-center' : ''}`}>
+
+              {mode === 'PROFILE' ? (
+                /* PROFILE EDITOR VIEW */
+                <div className="animate-in fade-in zoom-in-95 duration-300">
+                  <ProfileForm user={{
+                    id: userData?.id || '',
+                    name: userData?.name,
+                    email: userData?.email || '',
+                    image: userData?.image,
+                    bio: userData?.bio
+                  }} />
                 </div>
-              </Link>
-            ) : (
-              /* Member Cards */
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {memberStatus?.isMember ? (
-                  <Link href="/club" className="block group">
-                    <div className="relative h-full p-6 bg-white/[0.02] border border-white/5 hover:border-emerald-500/30 rounded-2xl transition-all overflow-hidden">
-                      <div className="absolute inset-0 bg-gradient-to-br from-emerald-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
-                      <div className="relative z-10">
-                        <div className="flex items-center gap-2 mb-2">
-                          <span className="w-2 h-2 rounded-full bg-emerald-500" />
-                          <p className="text-xs uppercase tracking-widest text-emerald-400 font-semibold">Active Member</p>
+              ) : (
+                /* DASHBOARD TILES VIEW */
+                <div className="grid grid-cols-1 gap-6 animate-in fade-in slide-in-from-bottom-8 duration-500">
+
+                  {adminStatus?.isAdmin ? (
+                    /* ADMIN VIEW */
+                    <Link href="/admin" className="block group">
+                      <div className="relative p-8 bg-black/40 border border-white/5 hover:border-[#00A8A8]/30 transition-all duration-300 overflow-hidden group-hover:translate-y-[-2px] rounded-lg">
+                        <div className="absolute top-0 right-0 p-4 opacity-10 group-hover:opacity-20 transition-opacity">
+                          <svg className="w-24 h-24 text-white" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z" /></svg>
+                        </div>
+
+                        <p className="text-xs uppercase tracking-[0.2em] font-bold mb-3 text-[#00A8A8]">
+                          Node Access Level 5
+                        </p>
+                        <h3 className="text-3xl font-bold text-white uppercase tracking-tight mb-2 group-hover:text-[#00A8A8] transition-colors">
+                          Admin Control Panel
+                        </h3>
+                        <p className="text-base text-gray-500 font-mono">
+                          Manage hackathons, view judge queues, and configure system parameters.
+                        </p>
+
+                        <div className="mt-8 flex items-center gap-2 text-[10px] font-mono text-[#00A8A8] opacity-60 group-hover:opacity-100 transition-opacity">
+                          <span>INITIATE SESSION</span>
+                          <svg className="w-3 h-3 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>
+                        </div>
+                      </div>
+                    </Link>
+                  ) : (
+                    /* MEMBER VIEW */
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                      {memberStatus?.isMember ? (
+                        <Link href="/club" className="block group h-full">
+                          <div className="relative h-full p-8 bg-black/40 border border-white/5 hover:border-green-500/50 transition-all duration-300 overflow-hidden group-hover:translate-y-[-2px] flex flex-col group-hover:shadow-[0_0_30px_rgba(34,197,94,0.15)] rounded-lg">
+
+                            {/* Background Gradients */}
+                            <div className="absolute inset-0 bg-gradient-to-br from-green-900/10 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
+                            <div className="absolute -right-10 -top-10 w-40 h-40 bg-green-500/10 rounded-full blur-3xl group-hover:bg-green-500/20 transition-all duration-500" />
+
+                            <div className="absolute top-0 right-0 p-5 opacity-20 group-hover:opacity-40 transition-opacity duration-300 transform group-hover:scale-105 group-hover:rotate-3">
+                              <svg className="w-24 h-24 text-green-500" viewBox="0 0 24 24" fill="currentColor"><path d="M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z" /></svg>
+                            </div>
+
+                            <div className="relative z-10">
+                              <div className="flex items-center gap-2 mb-3">
+                                <span className="w-2 h-2 rounded-full bg-green-500 animate-pulse" />
+                                <p className="text-xs uppercase tracking-[0.2em] font-bold text-green-500">
+                                  Access Granted
+                                </p>
+                              </div>
+
+                              <h3 className="text-2xl font-bold text-white uppercase tracking-tight mb-2 group-hover:text-green-400 transition-colors">
+                                Member Terminal
+                              </h3>
+                              <p className="text-sm text-gray-500 font-mono mb-8 group-hover:text-gray-400 transition-colors">
+                                &gt; Initialize connection to club resources, voting protocols, and event registries.
+                              </p>
+
+                              <div className="inline-flex items-center gap-3 text-sm font-mono text-white bg-green-500/10 border border-green-500/20 px-6 py-3 rounded-lg group-hover:bg-green-500/20 group-hover:border-green-500/40 transition-all">
+                                <span className="group-hover:text-green-300 transition-colors font-bold tracking-wider">ENTER SYSTEM</span>
+                                <svg className="w-4 h-4 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" /></svg>
+                              </div>
+                            </div>
+                          </div>
+                        </Link>
+                      ) : (
+                        <div className="h-full">
+                          <LinkStripeAccount />
                         </div>
-                        <h3 className="text-xl font-bold text-white mb-2 group-hover:text-emerald-400 transition-colors">
-                          Member Portal
+                      )}
+
+                      <div className="relative h-full p-8 bg-black/40 border border-yellow-500/10 hover:border-yellow-500/20 transition-all duration-300 flex flex-col rounded-lg">
+                        <div className="absolute top-0 right-0 p-4 opacity-5">
+                          <svg className="w-20 h-20 text-yellow-500" viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" /></svg>
+                        </div>
+
+                        <p className="text-xs uppercase tracking-[0.2em] font-bold mb-3 text-yellow-600">
+                          Hacklytics Node
+                        </p>
+                        <h3 className="text-2xl font-bold text-white uppercase tracking-tight mb-2">
+                          Hacklytics
                         </h3>
-                        <p className="text-gray-500 text-sm mb-4">
-                          Access club resources, events, and member benefits.
+                        <p className="text-sm text-yellow-500/60 font-mono mb-6 flex-1">
+                          System under construction. Integration pending.
                         </p>
-                        <span className="inline-flex items-center gap-2 text-sm text-emerald-400 font-medium">
-                          Enter
-                          <svg className="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" />
-                          </svg>
-                        </span>
+
+                        <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded bg-yellow-500/10 border border-yellow-500/20 self-start">
+                          <div className="h-2 w-2 rounded-full bg-yellow-500 animate-pulse"></div>
+                          <span className="text-[10px] font-mono text-yellow-500 font-bold uppercase tracking-wider">Work in Progress</span>
+                        </div>
                       </div>
                     </div>
-                  </Link>
-                ) : (
-                  <div>
-                    <LinkStripeAccount />
-                  </div>
-                )}
-
-                {/* Hacklytics Coming Soon */}
-                <div className="relative h-full p-6 bg-white/[0.02] border border-yellow-500/10 rounded-2xl">
-                  <div className="flex items-center gap-2 mb-2">
-                    <span className="w-2 h-2 rounded-full bg-yellow-500 animate-pulse" />
-                    <p className="text-xs uppercase tracking-widest text-yellow-500 font-semibold">Coming Soon</p>
-                  </div>
-                  <h3 className="text-xl font-bold text-white mb-2">Hacklytics</h3>
-                  <p className="text-gray-500 text-sm">
-                    Hackathon portal under construction.
-                  </p>
+                  )}
+
                 </div>
-              </div>
-            )}
-          </div>
-        )}
-      </main>
-    </div>
+              )}
+
+            </div>
+          </LiquidGlass>
+        </div>
+      </main >
+    </div >
   );
 }
\ No newline at end of file
diff --git a/sites/mainweb/app/(portal)/judge/page.tsx b/sites/mainweb/app/(portal)/judge/page.tsx
index 531438f..d57af57 100644
--- a/sites/mainweb/app/(portal)/judge/page.tsx
+++ b/sites/mainweb/app/(portal)/judge/page.tsx
@@ -5,6 +5,8 @@ import { useSession } from 'next-auth/react';
 import { trpc } from '@/lib/trpc';
 import { useRouter } from 'next/navigation';
 import { RubricSlider, RubricSliderStyles } from '@/components/portal/judge/RubricSlider';
+import Background from '@/components/portal/Background';
+import { LiquidGlass } from '@/components/portal/LiquidGlass';
 
 const RUBRIC_CRITERIA = [
   { key: 'creativity', label: 'Creativity', description: 'Unique approach & originality' },
@@ -153,10 +155,11 @@ export default function JudgePage() {
   // Loading state
   if (!mounted || status === 'loading' || checkingJudge) {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center">
-        <div className="text-center">
-          <div className="w-12 h-12 border-4 border-teal-500/30 border-t-teal-500 rounded-full animate-spin mx-auto mb-4" />
-          <p className="text-gray-500 text-sm">Loading...</p>
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex items-center justify-center">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+        <div className="text-center relative z-10">
+          <div className="w-12 h-12 border-4 border-[#00A8A8]/30 border-t-[#00A8A8] rounded-full animate-spin mx-auto mb-4" />
+          <p className="text-gray-500 text-sm font-mono uppercase tracking-widest">Syncing Identity...</p>
         </div>
       </div>
     );
@@ -167,16 +170,17 @@ export default function JudgePage() {
   // Not a judge
   if (!judgeStatus?.isJudge) {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center p-6">
-        <div className="text-center max-w-sm">
-          <div className="w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center mx-auto mb-4">
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex items-center justify-center p-6">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+        <LiquidGlass className="text-center max-w-sm p-8 relative z-10">
+          <div className="w-16 h-16 rounded-full bg-red-500/10 border border-red-500/30 flex items-center justify-center mx-auto mb-4">
             <svg className="w-8 h-8 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
             </svg>
           </div>
-          <h1 className="text-xl font-bold text-white mb-2">Access Denied</h1>
-          <p className="text-gray-500">You're not registered as a judge for this event.</p>
-        </div>
+          <h1 className="text-xl font-bold text-white mb-2 uppercase tracking-tight">Access Denied</h1>
+          <p className="text-gray-500 font-mono text-sm">You're not registered as a judge for this event.</p>
+        </LiquidGlass>
       </div>
     );
   }
@@ -184,16 +188,17 @@ export default function JudgePage() {
   // No assignment
   if (!hackathonId) {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center p-6">
-        <div className="text-center max-w-sm">
-          <div className="w-16 h-16 rounded-full bg-yellow-500/10 flex items-center justify-center mx-auto mb-4">
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex items-center justify-center p-6">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+        <LiquidGlass className="text-center max-w-sm p-8 relative z-10">
+          <div className="w-16 h-16 rounded-full bg-yellow-500/10 border border-yellow-500/30 flex items-center justify-center mx-auto mb-4">
             <svg className="w-8 h-8 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
             </svg>
           </div>
-          <h1 className="text-xl font-bold text-white mb-2">Awaiting Assignment</h1>
-          <p className="text-gray-500">Please wait for event assignment.</p>
-        </div>
+          <h1 className="text-xl font-bold text-white mb-2 uppercase tracking-tight">Awaiting Assignment</h1>
+          <p className="text-gray-500 font-mono text-sm">Please wait for event assignment.</p>
+        </LiquidGlass>
       </div>
     );
   }
@@ -204,16 +209,17 @@ export default function JudgePage() {
   // All done
   if (isDone) {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center p-6">
-        <div className="text-center max-w-sm">
-          <div className="w-20 h-20 rounded-full bg-gradient-to-br from-teal-500 to-emerald-600 flex items-center justify-center mx-auto mb-6">
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex items-center justify-center p-6">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+        <LiquidGlass className="text-center max-w-sm p-8 relative z-10">
+          <div className="w-20 h-20 rounded-full bg-gradient-to-br from-[#00A8A8] to-emerald-600 flex items-center justify-center mx-auto mb-6 shadow-[0_0_30px_rgba(0,168,168,0.3)]">
             <svg className="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
             </svg>
           </div>
-          <h1 className="text-2xl font-bold text-white mb-2">All Done!</h1>
-          <p className="text-gray-500">You've judged all assigned projects. Thank you!</p>
-        </div>
+          <h1 className="text-2xl font-bold text-white mb-2 uppercase tracking-tight">All <span className="text-[#00A8A8] italic">Done!</span></h1>
+          <p className="text-gray-500 font-mono text-sm">You've judged all assigned projects. Thank you!</p>
+        </LiquidGlass>
       </div>
     );
   }
@@ -221,10 +227,11 @@ export default function JudgePage() {
   // Loading project
   if (loadingNext || !project) {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex items-center justify-center">
-        <div className="text-center">
-          <div className="w-12 h-12 border-4 border-teal-500/30 border-t-teal-500 rounded-full animate-spin mx-auto mb-4" />
-          <p className="text-gray-500 text-sm">Loading project...</p>
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex items-center justify-center">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
+        <div className="text-center relative z-10">
+          <div className="w-12 h-12 border-4 border-[#00A8A8]/30 border-t-[#00A8A8] rounded-full animate-spin mx-auto mb-4" />
+          <p className="text-gray-500 text-sm font-mono uppercase tracking-widest">Loading project...</p>
         </div>
       </div>
     );
@@ -286,35 +293,33 @@ export default function JudgePage() {
   // Step 1: Viewing
   if (step === 'viewing') {
     return (
-      <div className="min-h-screen min-h-[100dvh] bg-black flex flex-col overflow-hidden">
-        <div className="fixed inset-0 z-0 pointer-events-none">
-          <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-teal-500/10 rounded-full blur-[150px]" />
-        </div>
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex flex-col overflow-hidden">
+        <Background className="fixed inset-0 z-0 opacity-[0.03]" />
 
         <div className="h-1.5 bg-white/5 relative z-10">
-          <div className="h-full bg-gradient-to-r from-teal-500 to-emerald-500 transition-all duration-500" style={{ width: `${progress?.percentage || 0}%` }} />
+          <div className="h-full bg-gradient-to-r from-[#00A8A8] to-emerald-500 transition-all duration-500" style={{ width: `${progress?.percentage || 0}%` }} />
         </div>
 
         <main className="flex-1 flex flex-col items-center justify-center px-6 py-8 relative z-10">
-          <div className="bg-white/5 backdrop-blur-sm px-4 py-2 rounded-full mb-8">
+          <LiquidGlass className="px-4 py-2 rounded-full mb-8">
             <span className="text-sm font-medium text-gray-400">
               <span className="text-white font-bold">{(progress?.completed || 0) + 1}</span> of {progress?.total} projects
             </span>
-          </div>
+          </LiquidGlass>
 
           <div className="text-center mb-8">
             <p className="text-xs text-gray-500 uppercase tracking-[0.5em] font-medium mb-4">Go to Table</p>
             <div className="relative">
-              <div className="absolute inset-0 bg-gradient-to-b from-teal-500/20 to-transparent blur-[80px] scale-150" />
+              <div className="absolute inset-0 bg-gradient-to-b from-[#00A8A8]/20 to-transparent blur-[80px] scale-150" />
               <p className="relative text-[160px] font-black text-white leading-none tracking-tight">
                 {project.tableNumber}
               </p>
             </div>
           </div>
 
-          <div className="w-full max-w-sm bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-6 mb-8 shadow-xl">
+          <LiquidGlass className="w-full max-w-sm p-6 mb-8 shadow-xl">
             <div className="flex items-center gap-3 mb-3">
-              <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-teal-500 to-emerald-600 flex items-center justify-center">
+              <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[#00A8A8] to-emerald-600 flex items-center justify-center shadow-[0_0_15px_rgba(0,168,168,0.3)]">
                 <svg className="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
                 </svg>
@@ -324,11 +329,11 @@ export default function JudgePage() {
                 {project.teamMembers && <p className="text-gray-500 text-sm">{project.teamMembers}</p>}
               </div>
             </div>
-          </div>
+          </LiquidGlass>
 
           <button
             onClick={() => setStep('judging')}
-            className="w-full max-w-sm px-8 py-5 bg-gradient-to-r from-teal-500 to-emerald-500 text-white font-bold text-lg rounded-2xl active:scale-[0.98] transition-transform shadow-xl shadow-teal-500/30"
+            className="w-full max-w-sm px-8 py-5 bg-gradient-to-r from-[#00A8A8] to-emerald-500 text-white font-bold text-lg rounded-2xl active:scale-[0.98] transition-transform shadow-xl shadow-[#00A8A8]/30"
           >
             Start Judging
           </button>
@@ -339,18 +344,15 @@ export default function JudgePage() {
 
   // Step 2: Judging
   return (
-    <div className="min-h-screen min-h-[100dvh] bg-black flex flex-col">
+    <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex flex-col">
       {showHelp && <HelpModal />}
-
-      <div className="fixed inset-0 z-0 pointer-events-none">
-        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[500px] h-[300px] bg-teal-500/5 rounded-full blur-[100px]" />
-      </div>
+      <Background className="fixed inset-0 z-0 opacity-[0.03]" />
 
       <div className="h-1.5 bg-white/5 sticky top-0 z-20">
-        <div className="h-full bg-gradient-to-r from-teal-500 to-emerald-500 transition-all duration-500" style={{ width: `${progress?.percentage || 0}%` }} />
+        <div className="h-full bg-gradient-to-r from-[#00A8A8] to-emerald-500 transition-all duration-500" style={{ width: `${progress?.percentage || 0}%` }} />
       </div>
 
-      <header className="sticky top-1.5 z-10 bg-black/80 backdrop-blur-2xl border-b border-white/5 px-4 py-3">
+      <header className="sticky top-1.5 z-10 bg-[#050505]/80 backdrop-blur-2xl border-b border-white/5 px-4 py-3">
         <div className="flex items-center justify-between max-w-lg mx-auto">
           <button onClick={() => setStep('viewing')} className="flex items-center gap-2 text-gray-400 hover:text-white py-2 pr-4 transition-colors">
             <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -361,11 +363,11 @@ export default function JudgePage() {
           <div className="flex items-center gap-3">
             <button
               onClick={() => setShowHelp(true)}
-              className="w-9 h-9 rounded-full bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white flex items-center justify-center text-sm font-bold transition-colors"
+              className="w-9 h-9 rounded-full bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white flex items-center justify-center text-sm font-bold transition-colors border border-white/10"
             >
               ?
             </button>
-            <div className="bg-white/5 rounded-xl px-3 py-1.5 flex items-center gap-3">
+            <LiquidGlass className="rounded-xl px-3 py-1.5 flex items-center gap-3">
               <div className="text-center">
                 <p className="text-[9px] text-gray-500 uppercase tracking-widest">Table</p>
                 <p className="text-lg font-black text-white leading-tight">{project.tableNumber}</p>
@@ -375,15 +377,15 @@ export default function JudgePage() {
                 <p className="text-[9px] text-gray-500 uppercase tracking-widest">Score</p>
                 <p className={`text-lg font-black leading-tight ${getScoreColor()}`}>{totalScore}</p>
               </div>
-            </div>
+            </LiquidGlass>
           </div>
         </div>
       </header>
 
       <main className="flex-1 overflow-y-auto px-4 py-5 relative z-10">
         <div className="max-w-lg mx-auto">
-          <div className="flex items-center gap-3 mb-6 p-4 bg-white/[0.02] border border-white/5 rounded-2xl">
-            <div className="w-12 h-12 rounded-xl bg-gradient-to-br from-teal-500 to-emerald-600 flex items-center justify-center shrink-0">
+          <LiquidGlass className="flex items-center gap-3 mb-6 p-4">
+            <div className="w-12 h-12 rounded-xl bg-gradient-to-br from-[#00A8A8] to-emerald-600 flex items-center justify-center shrink-0 shadow-[0_0_15px_rgba(0,168,168,0.3)]">
               <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
               </svg>
@@ -392,12 +394,12 @@ export default function JudgePage() {
               <h1 className="text-lg font-bold text-white">{project.name}</h1>
               {project.teamMembers && <p className="text-gray-500 text-sm">{project.teamMembers}</p>}
             </div>
-          </div>
+          </LiquidGlass>
 
-          <div className="bg-white/[0.02] border border-white/5 rounded-2xl p-5 mb-5">
+          <LiquidGlass className="p-5 mb-5">
             <div className="flex items-center justify-between mb-5">
               <h2 className="text-sm font-semibold text-white">Evaluation Rubric</h2>
-              <button onClick={() => setShowHelp(true)} className="text-xs text-teal-400 hover:text-teal-300 font-medium transition-colors">
+              <button onClick={() => setShowHelp(true)} className="text-xs text-[#00A8A8] hover:text-[#00A8A8]/80 font-medium transition-colors">
                 View Guide →
               </button>
             </div>
@@ -412,7 +414,7 @@ export default function JudgePage() {
                 />
               ))}
             </div>
-          </div>
+          </LiquidGlass>
 
           <div className="mb-5">
             <label className="text-sm font-medium text-gray-400 mb-2 block">Notes</label>
@@ -420,14 +422,14 @@ export default function JudgePage() {
               value={comment}
               onChange={(e) => setComment(e.target.value)}
               placeholder="Optional feedback for this project..."
-              className="w-full bg-white/[0.02] border border-white/10 rounded-xl p-4 text-white placeholder-gray-600 resize-none min-h-[100px] text-sm focus:border-teal-500/50 focus:outline-none focus:ring-1 focus:ring-teal-500/20 transition-all"
+              className="w-full bg-white/[0.05] border border-white/10 rounded-xl p-4 text-white placeholder-gray-600 resize-none min-h-[100px] text-sm focus:border-[#00A8A8]/50 focus:outline-none focus:ring-1 focus:ring-[#00A8A8]/20 transition-all backdrop-blur-sm"
             />
           </div>
 
           <button
             onClick={handleSubmit}
             disabled={submit.isPending}
-            className="w-full px-8 py-5 bg-gradient-to-r from-teal-500 to-emerald-500 text-white font-bold text-lg rounded-2xl active:scale-[0.98] transition-transform disabled:opacity-50 shadow-xl shadow-teal-500/20 mb-8"
+            className="w-full px-8 py-5 bg-gradient-to-r from-[#00A8A8] to-emerald-500 text-white font-bold text-lg rounded-2xl active:scale-[0.98] transition-transform disabled:opacity-50 shadow-xl shadow-[#00A8A8]/20 mb-8"
           >
             {submit.isPending ? (
               <span className="flex items-center justify-center gap-2">