improvments are done

src/app/app.scss

@@ -7,81 +7,58 @@
 
 .server-check-overlay,
 .server-error-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: #f8f9fa;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  z-index: 9999;
-}
-
-.server-check-content,
-.server-error-content {
+  min-height: 100vh;
   text-align: center;
-  padding: 40px;
-  max-width: 500px;
+  padding: 2rem;
+  background: var(--surface-ground, #f8f9fa);
+  color: var(--text-color, #333);
 }
 
 .spinner-large {
-  width: 60px;
-  height: 60px;
-  border: 6px solid #f3f3f3;
-  border-top: 6px solid var(--primary-color);
+  width: 48px;
+  height: 48px;
+  border: 4px solid var(--surface-border, #dee2e6);
+  border-top-color: var(--primary-color, #007bff);
   border-radius: 50%;
-  animation: spin 1s linear infinite;
-  margin: 0 auto 24px;
+  animation: spin 0.8s linear infinite;
+  margin-bottom: 1rem;
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.server-check-content h2 {
-  color: #333;
-  font-size: 1.5rem;
-  margin: 0;
+  to { transform: rotate(360deg); }
 }
 
 .error-icon {
-  font-size: 5rem;
-  margin-bottom: 20px;
+  font-size: 3rem;
+  margin-bottom: 1rem;
 }
 
-.server-error-content h1 {
-  font-size: 2rem;
-  color: #333;
-  margin: 0 0 16px 0;
+.server-error-overlay h2 {
+  margin: 0 0 0.5rem;
+  font-size: 1.25rem;
 }
 
-.server-error-content p {
-  font-size: 1.1rem;
-  color: #333;
-  line-height: 1.6;
-  margin: 0 0 32px 0;
+.server-error-overlay p {
+  margin: 0 0 1.5rem;
+  opacity: 0.7;
+  max-width: 300px;
 }
 
 .retry-btn {
-  padding: 14px 32px;
-  background: var(--primary-color);
-  color: white;
+  padding: 0.75rem 2rem;
   border: none;
   border-radius: 8px;
-  font-size: 1.1rem;
-  font-weight: 600;
+  background: var(--primary-color, #007bff);
+  color: #fff;
+  font-size: 1rem;
   cursor: pointer;
-  transition: background 0.2s;
+  transition: opacity 0.2s;
 
   &:hover {
-    background: var(--primary-hover);
-  }
-  
-
-  &:active {
-    transform: scale(0.98);
+    opacity: 0.85;
   }
 }