diff --git a/core/css/guest.css b/core/css/guest.css
index 0184377f04878e3c486750a205e1e550f12a16fc..ee48746b011e0360147c8ee9e1f447f564941926 100644
--- a/core/css/guest.css
+++ b/core/css/guest.css
@@ -1774,4 +1774,39 @@ a.legal {
     #body-login .login-form .notecard.notecard--error {
         color:#222222 !important;
     }  
-}   
\ No newline at end of file
+}   
+
+/* Error container */
+.login-pf-page #kc-error-message {
+    background: #fff4f4;
+    border-left: 4px solid #d92d20;
+    border-radius: 6px;
+    padding: 16px 18px;
+    margin-top: 20px;
+    position: relative;
+}
+
+/* Error icon (CSS-only) */
+.login-pf-page #kc-error-message::before {
+    content: "⚠️";
+    position: absolute;
+    left: 14px;
+    top: 16px;
+    font-size: 22px;
+    line-height: 1;
+}
+
+/* Push text right to make space for icon */
+.login-pf-page #kc-error-message .instruction {
+    margin: 0;
+    padding-left: 32px;
+    font-size: 14px;
+    line-height: 1.5;
+    color: #4b5563;
+}
+
+/* Make message feel like a title + description */
+.login-pf-page #kc-error-message .instruction::first-line {
+    font-weight: 600;
+    color: #1f2937;
+}