Index: frontend/src/assets/eye-off.svg
===================================================================
--- frontend/src/assets/eye-off.svg	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
+++ frontend/src/assets/eye-off.svg	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 2L22 22" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.71277 6.7226C3.66479 8.79527 2 12 2 12C2 12 5.63636 19 12 19C14.0503 19 15.8174 18.2734 17.2711 17.2884M11 5.05822C11.3254 5.02013 11.6588 5 12 5C18.3636 5 22 12 22 12C22 12 21.3082 13.3317 20 14.8335" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 14.2362C13.4692 14.7112 12.7684 15.0001 12 15.0001C10.3431 15.0001 9 13.657 9 12.0001C9 11.1764 9.33193 10.4303 9.86932 9.88818" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
Index: frontend/src/assets/eye.svg
===================================================================
--- frontend/src/assets/eye.svg	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/assets/eye.svg	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -1,21 +1,6 @@
-<svg
-  width="16"
-  height="16"
-  fill="none"
-  stroke="currentColor"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="2"
-    d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-  />
-  <path
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="2"
-    d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-  />
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 12C1 12 5 20 12 20C19 20 23 12 23 12" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="12" cy="12" r="3" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
Index: frontend/src/components/LogoutButton.tsx
===================================================================
--- frontend/src/components/LogoutButton.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/components/LogoutButton.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -13,5 +13,5 @@
       className="bg-red-500 text-white p-2 rounded hover:bg-red-600"
     >
-      Logout
+      Одлогирај се
     </button>
   );
Index: frontend/src/components/Navbar.tsx
===================================================================
--- frontend/src/components/Navbar.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/components/Navbar.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -1,6 +1,9 @@
+import { useState } from 'react';
 import { Link, useNavigate } from "react-router-dom";
 import { useAuth } from "../hooks/useAuth";
+import IOimage from "../assets/IOLogo.png";
 
 const Navbar: React.FC = () => {
+  const [menuOpen, setMenuOpen] = useState(false);
   const { isAuthenticated, logout } = useAuth();
   const navigate = useNavigate();
@@ -11,32 +14,91 @@
   };
 
+  return (
+    <nav className="bg-gray-800 text-white p-4">
+      <div className="flex justify-between items-center">
+        <div className="flex items-center space-x-4">
+          <Link to="/">
+            <img
+              src={IOimage}
+              alt="Дома"
+              className="w-10 h-10 object-cover rounded-lg shadow-md hover:scale-110 transition duration-300"
+            />
+          </Link>
+        </div>
 
-  return (
-    <nav className="p-4 bg-gray-800 text-white flex justify-between">
-      <div className="space-x-4">
-        <Link to="/">Дома</Link>
-        <Link to="/subjects">Предмети</Link>
-        {isAuthenticated && <Link to="/account">Профил</Link>}
+        
+        <button
+          onClick={() => setMenuOpen(!menuOpen)}
+          className="sm:hidden focus:outline-none"
+        >
+          <svg
+            className="w-6 h-6"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            {menuOpen ? (
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M6 18L18 6M6 6l12 12"
+              />
+            ) : (
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M4 6h16M4 12h16M4 18h16"
+              />
+            )}
+          </svg>
+        </button>
+
+        <div className="hidden sm:flex space-x-4 items-center text-sm sm:text-base">
+          <Link to="/subjects" className="hover:underline">Предмети</Link>
+          {isAuthenticated && <Link to="/account" className="hover:underline">Профил</Link>}
+          {isAuthenticated ? (
+            <button
+              onClick={handleLogout}
+              className="bg-red-500 hover:bg-red-600 px-3 py-1 rounded"
+            >
+              Одјави се
+            </button>
+          ) : (
+            <>
+              <Link to="/login" className="hover:underline">Најави се</Link>
+              <Link to="/register" className="hover:underline">Регистрирај се</Link>
+            </>
+          )}
+        </div>
       </div>
 
-      <div>
-        {isAuthenticated ? (
-          <button
-            onClick={handleLogout}
-            className="bg-red-500 px-3 py-1 rounded"
-          >
-            Logout
-          </button>
-        ) : (
-          <>
-            <Link to="/login" className="mr-3">
-              Login
-            </Link>
-            <Link to="/register">Register</Link>
-          </>
-        )}
-      </div>
+      {menuOpen && (
+        <div className="sm:hidden mt-3 flex flex-col space-y-2 text-sm">
+          <Link to="/subjects" className="hover:underline">Предмети</Link>
+          {isAuthenticated && <Link to="/account" className="hover:underline">Профил</Link>}
+          {isAuthenticated ? (
+            <button
+              onClick={() => {
+                handleLogout();
+                setMenuOpen(false);
+              }}
+              className="bg-red-500 hover:bg-red-600 px-3 py-1 rounded"
+            >
+              Одјави се
+            </button>
+          ) : (
+            <>
+              <Link to="/login" onClick={() => setMenuOpen(false)}>Најави се</Link>
+              <Link to="/register" onClick={() => setMenuOpen(false)}>Регистрирај се</Link>
+            </>
+          )}
+        </div>
+      )}
     </nav>
   );
 };
+
 export default Navbar;
+
Index: frontend/src/components/PasswordInput.tsx
===================================================================
--- frontend/src/components/PasswordInput.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/components/PasswordInput.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -1,8 +1,11 @@
 import { useState } from "react";
+import eyeIcon from "../assets/eye.svg";
+import eyeOffIcon from "../assets/eye-off.svg";
+
 interface PasswordInputProps {
   name: string;
   value: string;
   onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  error?: string
+  error?: string;
 }
 
@@ -33,7 +36,11 @@
         type="button"
         onClick={togglePasswordVisibility}
-        className="absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-500"
+        className="absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center justify-center pb-2"
       >
-        {showPassword ? "Hide" : "Show"}
+        <img
+          src={showPassword ? eyeOffIcon : eyeIcon}
+          alt={showPassword ? "Hide password" : "Show password"}
+          className="w-5 h-5"
+        />
       </button>
       {error && <p className="text-red-500 text-sm mb-2">{error}</p>}
Index: frontend/src/components/StudentForm.tsx
===================================================================
--- frontend/src/components/StudentForm.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/components/StudentForm.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -20,4 +20,5 @@
 const StudentForm = ({ formData, subjects, professors }: StudentFormProps) => {
   const { accessToken } = useAuth();
+  const [isSubmitted, setIsSubmitted] = useState(false);
   const [validationErrors, setValidationErrors] = useState<{
     [key: string]: string;
@@ -165,4 +166,5 @@
         throw new Error(errorData.message || "Error submitting form");
       }
+      setIsSubmitted(true);
     } catch (error) {
       console.error("Form submission error:", error);
@@ -189,13 +191,16 @@
       )
     : [];
+
   return (
     <form onSubmit={handleSubmit} className="space-y-6 max-w-4xl mx-auto">
-      <h2 className="text-2xl font-bold mb-4">
-        {formData?.current_year ? "Ажурирај ги податоците" : "Внеси податоци"}
+      <h2 className="text-2xl font-bold mb-4 text-center">
+        {isSubmitted || formData?.current_year
+          ? "Ажурирај ги податоците"
+          : "Внеси податоци"}
       </h2>
 
       {formStatus.message && (
         <div
-          className={`px-4 py-3 rounded mb-4 ${
+          className={`px-4 py-3 rounded mb-4 font-bold ${
             formStatus.isError
               ? "bg-red-100 border border-red-400 text-red-700"
@@ -220,5 +225,5 @@
           />
           {validationErrors.index && (
-            <p className="mt-1 text-sm text-red-600">
+            <p className="mt-1 text-sm text-red-600 font-bold">
               {validationErrors.index}
             </p>
@@ -243,5 +248,5 @@
           </select>
           {validationErrors.studyTrack && (
-            <p className="mt-1 text-sm text-red-600">
+            <p className="mt-1 text-sm text-red-600 font-bold">
               {validationErrors.studyTrack}
             </p>
@@ -266,5 +271,7 @@
         </select>
         {validationErrors.year && (
-          <p className="mt-1 text-sm text-red-600">{validationErrors.year}</p>
+          <p className="mt-1 text-sm text-red-600 font-bold">
+            {validationErrors.year}
+          </p>
         )}
       </div>
@@ -321,5 +328,5 @@
         )}
         {validationErrors.passedSubjects && (
-          <p className="mt-1 text-sm text-red-600">
+          <p className="mt-1 text-sm text-red-600 font-bold">
             {validationErrors.passedSubjects}
           </p>
@@ -396,5 +403,5 @@
         </select>
         {validationErrors.studyEffort && (
-          <p className="mt-1 text-sm text-red-600">
+          <p className="mt-1 text-sm text-red-600 font-bold">
             {validationErrors.studyEffort}
           </p>
@@ -407,21 +414,38 @@
         </h3>
         <div className="flex flex-wrap gap-2">
-          {DOMAINS.map((d) => (
-            <button
-              type="button"
-              key={d}
-              onClick={() => toggleSelection(d, setDomains, domains)}
-              className={`px-3 py-2 border rounded-md transition-colors ${
-                domains.includes(d)
-                  ? "bg-blue-100 border-blue-300 text-blue-800"
-                  : "bg-white hover:bg-gray-50 border-gray-300"
-              }`}
-            >
-              {d}
-            </button>
-          ))}
+          {DOMAINS.map((domain) => {
+            const isSelected = domains.includes(domain);
+            const isNemamSelected = domains.includes("Немам");
+            const shouldBeDisabled = isNemamSelected && domain !== "Немам";
+            return (
+              <button
+                type="button"
+                key={domain}
+                onClick={() => {
+                  if (domain === "Немам") {
+                    if (domains.includes("Немам")) {
+                      setDomains([]);
+                    } else {
+                      setDomains(["Немам"]);
+                    }
+                  } else {
+                    const newDomains = domains.filter((t) => t !== "Немам");
+                    toggleSelection(domain, setDomains, newDomains);
+                  }
+                }}
+                disabled={shouldBeDisabled}
+                className={`px-3 py-2 border rounded-md transition-colors ${
+                  isSelected
+                    ? "bg-green-100 border-green-300 text-green-800"
+                    : "bg-white hover:bg-gray-50 border-gray-300"
+                } ${shouldBeDisabled ? "opacity-50 cursor-not-allowed" : ""}`}
+              >
+                {domain}
+              </button>
+            );
+          })}
         </div>
         {validationErrors.domains && (
-          <p className="mt-1 text-sm text-red-600">
+          <p className="mt-1 text-sm text-red-600 font-bold">
             {validationErrors.domains}
           </p>
@@ -434,23 +458,38 @@
         </h3>
         <div className="flex flex-wrap gap-2">
-          {TECHNOLOGIES.map((tech) => (
-            <button
-              type="button"
-              key={tech}
-              onClick={() =>
-                toggleSelection(tech, setTechnologies, technologies)
-              }
-              className={`px-3 py-2 border rounded-md transition-colors ${
-                technologies.includes(tech)
-                  ? "bg-yellow-100 border-yellow-300 text-yellow-800"
-                  : "bg-white hover:bg-gray-50 border-gray-300"
-              }`}
-            >
-              {tech}
-            </button>
-          ))}
+          {TECHNOLOGIES.map((tech) => {
+            const isSelected = technologies.includes(tech);
+            const isNemamSelected = technologies.includes("Немам");
+            const shouldBeDisabled = isNemamSelected && tech !== "Немам";
+            return (
+              <button
+                type="button"
+                key={tech}
+                onClick={() => {
+                  if (tech === "Немам") {
+                    if (technologies.includes("Немам")) {
+                      setTechnologies([]);
+                    } else {
+                      setTechnologies(["Немам"]);
+                    }
+                  } else {
+                    const newTechs = technologies.filter((t) => t !== "Немам");
+                    toggleSelection(tech, setTechnologies, newTechs);
+                  }
+                }}
+                disabled={shouldBeDisabled}
+                className={`px-3 py-2 border rounded-md transition-colors ${
+                  isSelected
+                    ? "bg-yellow-100 border-yellow-300 text-yellow-800"
+                    : "bg-white hover:bg-gray-50 border-gray-300"
+                } ${shouldBeDisabled ? "opacity-50 cursor-not-allowed" : ""}`}
+              >
+                {tech}
+              </button>
+            );
+          })}
         </div>
         {validationErrors.technologies && (
-          <p className="mt-1 text-sm text-red-600">
+          <p className="mt-1 text-sm text-red-600 font-bold">
             {validationErrors.technologies}
           </p>
@@ -475,5 +514,5 @@
         </select>
         {validationErrors.evaluation && (
-          <p className="mt-1 text-sm text-red-600">
+          <p className="mt-1 text-sm text-red-600 font-bold">
             {validationErrors.evaluation}
           </p>
Index: frontend/src/pages/Account.tsx
===================================================================
--- frontend/src/pages/Account.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/pages/Account.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -39,5 +39,4 @@
   return (
     <div className="p-4">
-      <h1 className="text-2xl mb-4">Лични информации</h1>
       <StudentForm
         formData={formData}
Index: frontend/src/pages/Home.tsx
===================================================================
--- frontend/src/pages/Home.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/pages/Home.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -1,6 +1,6 @@
 const Home = () => {
   return (
-    <div className="text-center absolute top-1/2 left-1/2  text-lg">
-      <p> Вие избирате, ние Ве избравме. Welcome. </p>
+    <div className="flex justify-center items-center h-[80vh] text-lg text-center font-bold">
+      <p> Избравте ли изборен? </p>
     </div>
   );
Index: frontend/src/pages/Register.tsx
===================================================================
--- frontend/src/pages/Register.tsx	(revision dce856bf1ac04c624d8cf2bb50647711871b92bd)
+++ frontend/src/pages/Register.tsx	(revision b7c1505a84d7891a5e6963196e221bc19a37be2c)
@@ -75,8 +75,8 @@
   };
   return (
-    <div className="flex flex-col items-center justify-center h-screen bg-gray-50">
+    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
       <form
         onSubmit={handleRegister}
-        className="bg-white p-6 rounded-lg shadow-md w-80"
+        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>