diff --git a/src/routes/login/+server.ts b/src/routes/login/+server.ts
index da37db3..3bd99ba 100644
--- a/src/routes/login/+server.ts
+++ b/src/routes/login/+server.ts
@@ -3,12 +3,27 @@ import type { RequestHandler } from './$types';
 export const GET: RequestHandler = async ({ url }) => {
 	const callbackUrl = url.searchParams.get('callbackUrl') || '/';
 	
-	// Create a minimal page that immediately triggers auth in the same window
+	// Create a minimal page with site styling that immediately triggers auth
 	const html = `
 <!DOCTYPE html>
 <html>
 <head>
 	<title>Login</title>
+	<style>
+		:root{
+			--nord0: #2E3440;
+			--nord1: #3B4252;
+			--nord4: #D8DEE9;
+		}
+		body {
+			background-color: var(--nord1);
+			color: var(--nord4);
+			font-family: sans-serif;
+			margin: 0;
+			padding: 0;
+			min-height: 100vh;
+		}
+	</style>
 </head>
 <body>
 	<form id="signin-form" method="POST" action="/auth/signin/authentik">
diff --git a/src/routes/logout/+server.ts b/src/routes/logout/+server.ts
index 301b302..7ff65da 100644
--- a/src/routes/logout/+server.ts
+++ b/src/routes/logout/+server.ts
@@ -3,12 +3,27 @@ import type { RequestHandler } from './$types';
 export const GET: RequestHandler = async ({ url }) => {
 	const callbackUrl = url.searchParams.get('callbackUrl') || '/';
 	
-	// Create a minimal page that immediately triggers logout in the same window
+	// Create a minimal page with site styling that immediately triggers logout
 	const html = `
 <!DOCTYPE html>
 <html>
 <head>
 	<title>Logout</title>
+	<style>
+		:root{
+			--nord0: #2E3440;
+			--nord1: #3B4252;
+			--nord4: #D8DEE9;
+		}
+		body {
+			background-color: var(--nord1);
+			color: var(--nord4);
+			font-family: sans-serif;
+			margin: 0;
+			padding: 0;
+			min-height: 100vh;
+		}
+	</style>
 </head>
 <body>
 	<form id="signout-form" method="POST" action="/auth/signout">
