diff --git a/src/pages/profile_page.html b/src/pages/profile_page.html
index 07e012c..ec7b2c9 100644
--- a/src/pages/profile_page.html
+++ b/src/pages/profile_page.html
@@ -84,6 +84,11 @@
Error 2
+
+
diff --git a/static/profile_page.css b/static/profile_page.css
index 2179337..99aec8c 100644
--- a/static/profile_page.css
+++ b/static/profile_page.css
@@ -146,3 +146,13 @@
border-style: solid;
color: var(--text-main);
}
+
+#password_warnings {
+ background-color: var(--warning-yellow);
+ border-radius: 8px;
+ padding: 20px;
+ border-color: var(--warning-border-yellow);
+ border-width: 2px;
+ border-style: solid;
+ color: var(--text-main);
+}
diff --git a/static/style.css b/static/style.css
index 3ee0494..7186af3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -16,8 +16,11 @@
--error-red: #ef4444; /* Professional Red */
--error-border-red: #e22d2d;
+ --warning-yellow: #fef08a;
+ --warning-border-yellow: #fde047;
+
--password-strength-weak: var(--error-red);
- --password-strength-medium: #efe943;
+ --password-strength-medium: var(--warning-border-yellow);
--password-strength-strong: #43ef6b;
font-family: "Inter", sans-serif;