feat: Implement dark mode support by adjusting background and text colors across various pages and components.

web/experience/src/app/auth/callback/page.tsx

@@ -45,7 +45,7 @@ function CallbackHandler() {
 
 export default function AuthCallbackPage() {
     return (
-        <div className="min-h-screen bg-slate-950 flex items-center justify-center p-4">
+        <div className="min-h-screen bg-transparent flex items-center justify-center p-4 transition-colors duration-300">
             <Suspense fallback={
                 <div className="flex flex-col items-center gap-4">
                     <Loader2 className="w-12 h-12 text-indigo-500 animate-spin" />

web/experience/src/app/auth/register/page.tsx

@@ -11,7 +11,7 @@ export default function RegisterPage() {
     }, [router]);
 
     return (
-        <div className="min-h-screen bg-[#050505] flex items-center justify-center">
+        <div className="min-h-screen bg-transparent flex items-center justify-center">
             <div className="animate-pulse text-gray-500 font-mono text-sm">Redirecting to login...</div>
         </div>
     );