update login page

src/app/styles/global-styles.scss

@@ -88,6 +88,38 @@
 	}
 }
 
+.login-page {
+	height: 100vh;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	.show-password-button {
+		cursor: pointer;
+		position: absolute;
+		top: 50%;
+		right: 0px;
+		padding: 10px;
+		transform: translateY(-50%);
+
+		svg {
+			width: 16px;
+			color: var(--secondary-hover);
+			transition: color 0.2s ease;
+
+			&:hover {
+				color: var(--primary-hover);
+			}
+		}
+
+		&.show {
+			svg {
+				color: var(--primary-hover);
+			}
+		}
+	}
+}
+
 .admin-panel {
 	.admin-sidebar {
 		width: var(--side-bar-width);

src/app/styles/module/login.module.scss

@@ -39,6 +39,12 @@
 	}
 }
 
+.form-wrapper {
+	max-width: 640px;
+	width: 100%;
+	padding: 20px;
+}
+
 .form-group {
 	margin-bottom: 18px;
 }
@@ -83,7 +89,7 @@
 	display: block;
 	margin-bottom: 8px;
 	font-weight: 500;
-	color: #374151;
+	color: #2563eb;
 	font-size: 14px;
 }
 
@@ -170,7 +176,7 @@
 .btn {
 	width: 100%;
 	padding: 14px;
-	background: linear-gradient(135deg, #6366f1, #8b5cf6);
+	background: #2563eb;
 	color: white;
 	border: none;
 	border-radius: 10px;
@@ -182,7 +188,7 @@
 	margin: 20px 0 0 0;
 
 	&:hover:not(:disabled) {
-		transform: translateY(-2px);
+		background: #1d4ed8;
 	}
 
 	&:disabled {