diff --git a/RobotApp/Components/Account/Pages/Login.razor b/RobotApp/Components/Account/Pages/Login.razor
index e616aab..6e0c915 100644
--- a/RobotApp/Components/Account/Pages/Login.razor
+++ b/RobotApp/Components/Account/Pages/Login.razor
@@ -14,7 +14,13 @@
Log in
-
Log in
+
@if (!string.IsNullOrEmpty(errorMessage))
{
var statusMessageClass = errorMessage.StartsWith("Error") ? "danger" : "success";
diff --git a/RobotApp/Components/Account/Pages/Login.razor.css b/RobotApp/Components/Account/Pages/Login.razor.css
new file mode 100644
index 0000000..567073b
--- /dev/null
+++ b/RobotApp/Components/Account/Pages/Login.razor.css
@@ -0,0 +1,38 @@
+.brand {
+ display: flex;
+ align-items: center;
+ gap: 14px;
+ margin-bottom: 18px;
+ position: relative;
+}
+
+.brand-logo {
+ width: 56px;
+ height: 56px;
+ display: block;
+ filter: drop-shadow(0 10px 22px rgba(255,122,26,.25));
+}
+
+.brand::before {
+ content: "";
+ position: absolute;
+ inset: -8px -10px auto auto;
+ height: 3px;
+ width: 120px;
+ background: linear-gradient(90deg, var(--brand-pink), var(--brand-blue));
+ border-radius: 8px;
+ opacity: .9;
+}
+
+.brand-text h1 {
+ margin: 0;
+ font-size: 20px;
+ font-weight: 800;
+ letter-spacing: .2px;
+}
+
+.brand-text p {
+ margin: 2px 0 0 0;
+ color: var(--muted);
+ font-size: 13px;
+}
diff --git a/RobotApp/wwwroot/images/logoD.svg b/RobotApp/wwwroot/images/logoD.svg
new file mode 100644
index 0000000..b0b66b4
--- /dev/null
+++ b/RobotApp/wwwroot/images/logoD.svg
@@ -0,0 +1,10 @@
+
diff --git a/RobotApp/wwwroot/images/logoL.svg b/RobotApp/wwwroot/images/logoL.svg
new file mode 100644
index 0000000..cacd11d
--- /dev/null
+++ b/RobotApp/wwwroot/images/logoL.svg
@@ -0,0 +1,48 @@
+
diff --git a/RobotApp/wwwroot/images/logo_PNKX.png b/RobotApp/wwwroot/images/logo_PNKX.png
new file mode 100644
index 0000000..bf6681c
Binary files /dev/null and b/RobotApp/wwwroot/images/logo_PNKX.png differ