Index: frontend/src/index.css
===================================================================
--- frontend/src/index.css	(revision dc161479c763185986bcc2afdae011784218d05f)
+++ frontend/src/index.css	(revision b192b52ea3a0a90e7ec0905e423bd1a8ad79cb52)
@@ -18,16 +18,19 @@
 
 @keyframes fadeInUp {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+	from {
+		opacity: 0;
+		transform: translateY(20px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
 }
 
 .custom-toast-container {
-  /* This overrides the default 'top' value from the library */
-  top: 8em !important; 
+	/* This overrides the default 'top' value from the library */
+	top: 8em !important;
 }
+:root {
+	background: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
Index: frontend/src/pages/Account.tsx
===================================================================
--- frontend/src/pages/Account.tsx	(revision dc161479c763185986bcc2afdae011784218d05f)
+++ frontend/src/pages/Account.tsx	(revision b192b52ea3a0a90e7ec0905e423bd1a8ad79cb52)
@@ -33,5 +33,5 @@
 
 	return (
-		<div className="p-4">
+		<div className="p-4 bg-white">
 			<StudentForm
 				formData={formData}
Index: frontend/src/pages/Home.tsx
===================================================================
--- frontend/src/pages/Home.tsx	(revision dc161479c763185986bcc2afdae011784218d05f)
+++ frontend/src/pages/Home.tsx	(revision b192b52ea3a0a90e7ec0905e423bd1a8ad79cb52)
@@ -6,8 +6,6 @@
 	const { isAuthenticated } = useAuth();
 	return (
-		<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
-			{/* Main Content */}
+		<div className="min-h-screen bg-white">
 			<main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
-				{/* Hero Section */}
 				<div className="text-center mb-16">
 					<h2 className="text-4xl font-bold text-gray-900 mb-4">
Index: frontend/src/pages/Login.tsx
===================================================================
--- frontend/src/pages/Login.tsx	(revision dc161479c763185986bcc2afdae011784218d05f)
+++ frontend/src/pages/Login.tsx	(revision b192b52ea3a0a90e7ec0905e423bd1a8ad79cb52)
@@ -66,10 +66,10 @@
 	};
 	return (
-		<div className="flex flex-col items-center justify-center h-screen bg-gray-50">
+		<div className="flex flex-col items-center justify-center h-[85vh] bg-white">
 			<form
 				onSubmit={handleLogin}
 				className="bg-white p-6 rounded-lg shadow-md w-80"
 			>
-				<h2 className="text-xl font-semibold mb-4 text-center">Login</h2>
+				<h2 className="text-xl font-semibold mb-4 text-center">Најава</h2>
 				{errors.detail && (
 					<div className="text-red-500 mb-3 text-sm">{errors.detail[0]}.</div>
@@ -104,5 +104,5 @@
 					className="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-600"
 				>
-					Login
+					Најави се
 				</button>
 			</form>
Index: frontend/src/pages/Register.tsx
===================================================================
--- frontend/src/pages/Register.tsx	(revision dc161479c763185986bcc2afdae011784218d05f)
+++ frontend/src/pages/Register.tsx	(revision b192b52ea3a0a90e7ec0905e423bd1a8ad79cb52)
@@ -78,10 +78,10 @@
 	};
 	return (
-		<div className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
+		<div className="flex flex-col items-center justify-center h-[85vh] bg-white">
 			<form
 				onSubmit={handleRegister}
 				className="bg-white p-6 rounded-lg h-auto shadow-md w-80"
 			>
-				<h2 className="text-xl font-semibold mb-4 text-center">Register</h2>
+				<h2 className="text-xl font-semibold mb-4 text-center">Регистрација</h2>
 				{errors.non_field_errors && (
 					<div className="text-red-500 mb-3 text-sm">
@@ -141,5 +141,5 @@
 					}`}
 				>
-					{loading ? "Registering..." : "Register"}
+					{loading ? "Се регистрира..." : "Регистрирај се"}
 				</button>
 			</form>