diff --git a/ka-note/VERSION b/ka-note/VERSION
index 5fabac2..91eac0c 100644
--- a/ka-note/VERSION
+++ b/ka-note/VERSION
@@ -1 +1 @@
-﻿1.2.2
\ No newline at end of file
+﻿1.2.4
\ No newline at end of file
diff --git a/ka-note/client/src/app.html b/ka-note/client/src/app.html
index ebdc6af..0846d9a 100644
--- a/ka-note/client/src/app.html
+++ b/ka-note/client/src/app.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
+		<link rel="icon" type="image/png" href="%sveltekit.assets%/icon-192.png" />
 		<link rel="manifest" href="/manifest.webmanifest" />
 		<link rel="apple-touch-icon" href="%sveltekit.assets%/icon-192.png" />
 		<meta name="theme-color" content="#1a1a22" />
diff --git a/ka-note/client/src/routes/+layout.svelte b/ka-note/client/src/routes/+layout.svelte
index bc6f91b..96cf42d 100644
--- a/ka-note/client/src/routes/+layout.svelte
+++ b/ka-note/client/src/routes/+layout.svelte
@@ -127,12 +127,23 @@
 		<span class="text-muted">Loading...</span>
 	</div>
 {:else if !authenticated}
-	<div class="flex h-screen items-center justify-center bg-bg">
-		<div class="text-center">
-			<h1 class="mb-4 text-2xl font-bold text-accent">KaNote</h1>
-			<p class="mb-6 text-muted">Sign in to access your notes</p>
+	<div
+		class="flex h-screen items-center justify-center"
+		style="background: url('/login-bg.png') center/cover no-repeat, #0a0a0a;"
+	>
+		<div class="flex flex-col items-center text-center px-6">
+			<img
+				src="/ka-logo-large.png"
+				alt="KA-Note"
+				class="w-32 h-32 mb-6 drop-shadow-2xl rounded-2xl"
+			/>
+			<h1 class="mb-2 text-3xl font-extrabold text-white tracking-wide drop-shadow-lg">
+				KA-Note
+			</h1>
+			<p class="mb-8 text-sm text-gray-400">Sign in to access your notes</p>
 			<button
-				class="rounded bg-accent px-6 py-3 font-semibold text-white transition-colors hover:bg-accent/80"
+				class="rounded-lg px-8 py-3 font-semibold text-white transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105"
+				style="background: linear-gradient(135deg, #e65100, #bf360c);"
 				onclick={() => login()}
 			>
 				Sign in with Microsoft
diff --git a/ka-note/client/static/icon-192.png b/ka-note/client/static/icon-192.png
index e4f1d5e..1bf4598 100644
Binary files a/ka-note/client/static/icon-192.png and b/ka-note/client/static/icon-192.png differ
diff --git a/ka-note/client/static/icon-512.png b/ka-note/client/static/icon-512.png
index 28d0dd2..67ed41d 100644
Binary files a/ka-note/client/static/icon-512.png and b/ka-note/client/static/icon-512.png differ
diff --git a/ka-note/client/static/ka-logo-large.png b/ka-note/client/static/ka-logo-large.png
new file mode 100644
index 0000000..9cad291
Binary files /dev/null and b/ka-note/client/static/ka-logo-large.png differ
diff --git a/ka-note/client/static/login-bg.png b/ka-note/client/static/login-bg.png
new file mode 100644
index 0000000..3645d02
Binary files /dev/null and b/ka-note/client/static/login-bg.png differ
diff --git a/ka-note/server/ka-note.db-shm b/ka-note/server/ka-note.db-shm
index 68f2dfe..ac9ac8f 100644
Binary files a/ka-note/server/ka-note.db-shm and b/ka-note/server/ka-note.db-shm differ
diff --git a/ka-note/server/ka-note.db-wal b/ka-note/server/ka-note.db-wal
index 6a628c2..8cfddd3 100644
Binary files a/ka-note/server/ka-note.db-wal and b/ka-note/server/ka-note.db-wal differ
