diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 40f26b5..6cac9cd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { PUBLIC_GALLERY_NAME } from '$env/dynamic/public';
+	import { env } from '$env/dynamic/public';
 	import { onMount } from 'svelte';
 
 	// Svelte 5 Runes for Reactivity
@@ -121,7 +121,7 @@
 
 <div class="min-h-screen bg-zinc-950 text-zinc-100">
 	<header class="sticky top-0 z-10 border-b border-zinc-800 bg-zinc-950/80 backdrop-blur-md px-6 py-4 flex justify-between items-center">
-		<h1 class="text-xl font-bold tracking-wide">{PUBLIC_GALLERY_NAME}</h1>
+		<h1 class="text-xl font-bold tracking-wide">{env.PUBLIC_GALLERY_NAME}</h1>
 		<span class="text-xs text-zinc-500 uppercase tracking-widest bg-zinc-900 border border-zinc-800 px-3 py-1 rounded-full">Secure Session</span>
 	</header>
 
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 37d7a99..2633588 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -1,12 +1,12 @@
 <script>
 	import { enhance } from '$app/forms';
-	import { PUBLIC_GALLERY_NAME } from '$env/dynamic/public';
+	import { env } from '$env/dynamic/public';
 	let form = $props();
 </script>
 
 <div class="flex min-h-screen items-center justify-center bg-zinc-950 px-4 text-zinc-100">
 	<div class="w-full max-w-md rounded-2xl border border-zinc-800 bg-zinc-900 p-8 shadow-xl">
-		<h1 class="mb-2 text-2xl font-bold tracking-tight">{PUBLIC_GALLERY_NAME}</h1>
+		<h1 class="mb-2 text-2xl font-bold tracking-tight">{env.PUBLIC_GALLERY_NAME}</h1>
 		<p class="mb-6 text-sm text-zinc-400">Please enter the password to access the photos.</p>
 
 		<form method="POST" use:enhance class="space-y-4">