diff --git a/static/css/style.css b/static/css/style.css
index 5a275b8..0e4cf1b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -28,6 +28,7 @@ body {
 .navbar-brand {
     display: flex;
     align-items: center;
+    gap: 10px;
     font-size: 1.4rem;
     font-weight: 600;
     color: var(--text-light) !important;
@@ -38,18 +39,18 @@ body {
     margin-right: 10px;
 }
 
-.navbar-logo {
+.navbar-logo, .login-logo {
     height: 35px;
     width: auto;
-    margin-right: 10px;
-    display: block;
+    object-fit: contain;
+    max-width: 100%;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: crisp-edges;
 }
 
 .login-logo {
     height: 100px;
-    width: auto;
-    display: block;
-    margin: 0 auto;
+    margin: 0 auto 1rem;
 }
 
 .nav-link {
@@ -123,6 +124,7 @@ body {
     box-shadow: 0 0 0 0.2rem rgba(232, 0, 12, 0.25);
 }
 
+/* Alert styles */
 .alert {
     position: fixed;
     top: 1rem;
@@ -132,23 +134,36 @@ body {
     min-width: 300px;
     max-width: 90%;
     text-align: center;
-    backdrop-filter: blur(5px);
     border: none;
     box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    padding: 1rem;
 }
 
-.alert-info {
-    background-color: rgba(255,255,255,0.9);
-    color: var(--secondary-color);
-}
-
-.alert-danger {
-    background-color: var(--primary-color);
-    color: white;
+.alert i {
+    font-size: 1.2rem;
 }
 
 .alert-success {
-    background-color: rgba(40, 167, 69, 0.9);
+    background-color: #28a745;
+    color: white;
+}
+
+.alert-danger {
+    background-color: #dc3545;
+    color: white;
+}
+
+.alert-warning {
+    background-color: #ffc107;
+    color: #333;
+}
+
+.alert-info {
+    background-color: #17a2b8;
     color: white;
 }
 
diff --git a/templates/base.html b/templates/base.html
index 2e5fd3d..2c57184 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -97,6 +97,15 @@
             {% if messages %}
                 {% for category, message in messages %}
                     <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                        {% if category == 'success' %}
+                            <i class="fas fa-check-circle"></i>
+                        {% elif category == 'danger' %}
+                            <i class="fas fa-exclamation-circle"></i>
+                        {% elif category == 'warning' %}
+                            <i class="fas fa-exclamation-triangle"></i>
+                        {% elif category == 'info' %}
+                            <i class="fas fa-info-circle"></i>
+                        {% endif %}
                         {{ message }}
                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                     </div>
diff --git a/templates/login.html b/templates/login.html
index 9f88ff0..6b4e454 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -97,7 +97,7 @@ document.addEventListener('DOMContentLoaded', function() {
 
 <style>
 body {
-    background: linear-gradient(135deg, var(--primary-color), white);
+    background: linear-gradient(135deg, var(--primary-color) 40%, white 100%);
     min-height: 100vh;
 }