diff --git a/templates/index.html b/templates/index.html
index e1deb4c..4ab40d8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -603,6 +603,7 @@
             align-items: center;
             justify-content: center;
             z-index: 2000;
+            -webkit-backdrop-filter: blur(20px);
             backdrop-filter: blur(20px);
             transition: opacity 0.5s ease, visibility 0.5s;
         }
@@ -619,14 +620,35 @@
             text-align: center;
             border: 1px solid var(--accent);
             box-shadow: 0 0 30px var(--accent-glow);
+            background: var(--bg-card);
         }
 
-        .login-card h2 {
+        .login-icon {
+            font-size: 3rem;
+            margin-bottom: 1rem;
+        }
+
+        .login-title {
             margin-bottom: 1rem;
             font-size: 1.5rem;
+            font-weight: 700;
             background: linear-gradient(135deg, var(--accent), #8b5cf6);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .login-desc {
+            color: var(--text-muted);
+            margin-bottom: 1.5rem;
+            font-size: 0.85rem;
+        }
+
+        .login-input {
+            margin-bottom: 1rem;
+            text-align: center;
+            font-size: 1.1rem;
+            letter-spacing: 0.2rem;
         }
     </style>
 </head>
@@ -634,13 +656,11 @@
 <body>
     <div id="login-overlay">
         <div class="card login-card">
-            <div style="font-size: 3rem; margin-bottom: 1rem;" role="img" aria-label="Cadeado de Segurança">🔒</div>
-            <h2>Acesso Restrito</h2>
-            <p style="color:var(--text-muted); margin-bottom:1.5rem; font-size:0.85rem;">Esta VPS está protegida. Insira
-                a senha mestra para gerenciar o Agente.</p>
+            <div class="login-icon" role="img" aria-label="Cadeado de Segurança">🔒</div>
+            <h2 class="login-title">Acesso Restrito</h2>
+            <p class="login-desc">Esta VPS está protegida. Insira a senha mestra para gerenciar o Agente.</p>
             <input type="password" id="web-pass-input" aria-label="Senha da VPS" autocomplete="current-password"
-                class="form-input" placeholder="Senha da VPS"
-                style="margin-bottom:1rem; text-align:center; font-size: 1.1rem; letter-spacing: 0.2rem;"
+                class="form-input login-input" placeholder="Senha da VPS"
                 onkeypress="if(event.key==='Enter') attemptLogin()">
             <button type="button" class="btn btn-primary" style="width:100%; padding: 0.8rem;"
                 onclick="attemptLogin()">Entrar no Dashboard</button>
@@ -808,17 +828,14 @@
                     </div>
                     <div class="insights-content" id="insights-panel">
                         <div class="insights-placeholder">
-                            <div style="font-size: 2.5rem; margin-bottom: 1rem;" role="img"
-                                aria-label="Gráfico de Insights">📊</div>
+                            <div class="login-icon" role="img" aria-label="Gráfico de Insights">📊</div>
                             <p>Aguardando dados estruturados...</p>
-                            <small style="display:block; margin-top:0.5rem; opacity:0.6;">Peça algo como "status dos
-                                containers" para ver o refinamento aqui.</small>
+                            <small style="display:block; margin-top:0.5rem; opacity:0.6;">Peça algo como "status dos containers" para ver o refinamento aqui.</small>
                         </div>
                     </div>
                 </div>
         </main>
     </div>
-    </div>
 
     <div id="toast">Ação executada!</div>
 
