diff --git a/app/routes/login.tsx b/app/routes/login.tsx
index d1199d6..65c5289 100644
--- a/app/routes/login.tsx
+++ b/app/routes/login.tsx
@@ -24,7 +24,10 @@ export default function LoginRoute() {
 
   return (
     <div
-      className="relative isolate flex min-h-svh items-center justify-center p-4"
+      // Force dark mode on the login page regardless of the operator's
+      // saved theme preference. Scoped to this wrapper (not documentElement)
+      // so navigating away after sign-in restores their preferred mode.
+      className="dark relative isolate flex min-h-svh items-center justify-center p-4"
       style={{ background: "var(--background)" }}
     >
       <LoginForm