diff --git a/docs/alteracoes_db_connection.md b/docs/alteracoes_db_connection.md
new file mode 100644
index 0000000..11cd350
--- /dev/null
+++ b/docs/alteracoes_db_connection.md
@@ -0,0 +1,54 @@
+# Alterações no Gerenciamento de Conexões com o Banco de Dados
+
+## Commit
+- ID: [ID do commit será adicionado após o commit]
+- Data: [Data do commit]
+- Autor: [Nome do autor]
+
+## Contexto
+O sistema estava utilizando uma única sessão global do SQLAlchemy (`db_session`) que era criada no início da aplicação. Isso poderia causar problemas de concorrência e vazamento de recursos.
+
+## Alterações Realizadas
+
+### 1. Remoção da Sessão Global
+- Removida a linha `db_session = get_db_connection()` do início do arquivo
+- Todas as rotas agora criam sua própria sessão
+
+### 2. Novo Padrão de Gerenciamento de Sessão
+Em cada rota, implementamos o seguinte padrão:
+```python
+db = get_db_connection()
+try:
+    # Operações com o banco
+    db.commit()
+except Exception as e:
+    db.rollback()
+    # Tratamento de erro
+finally:
+    db.close()
+```
+
+### 3. Melhorias no Tratamento de Erros
+- Adicionado `db.rollback()` em caso de exceção
+- Melhoradas as mensagens de erro
+- Garantido que a sessão seja fechada mesmo em caso de erro
+
+### 4. Padronização de Código
+- Uso de `request.form.get()` ao invés de acessar diretamente o dicionário
+- Conversão explícita de tipos (float, int, date)
+- Validação de dados antes de criar objetos
+- Mensagens de feedback mais claras para o usuário
+
+## Impacto no Frontend
+Não houve alterações necessárias nos templates, pois as mudanças foram apenas na forma como o backend gerencia as conexões com o banco de dados.
+
+## Benefícios
+1. Maior segurança (evita vazamentos de recursos)
+2. Maior robustez (melhor tratamento de erros)
+3. Código mais fácil de manter (padronização)
+4. Maior eficiência (sessões são fechadas adequadamente)
+
+## Observações
+- Esta alteração foi feita para melhorar a arquitetura do sistema
+- Não afeta a funcionalidade existente
+- Recomenda-se seguir este padrão em novas implementações 
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index b57cc5c..36fed98 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -25,8 +25,10 @@ body {
 }
 
 .navbar-brand {
-    font-weight: 600;
+    display: flex;
+    align-items: center;
     font-size: 1.4rem;
+    font-weight: 600;
     color: var(--text-light) !important;
 }
 
@@ -39,7 +41,6 @@ body {
     height: 35px;
     width: auto;
     margin-right: 10px;
-    filter: brightness(0) invert(1);
 }
 
 .nav-link {
diff --git a/templates/login.html b/templates/login.html
index afba518..652174c 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -3,58 +3,56 @@
 {% block title %}Login{% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row justify-content-center align-items-center min-vh-100">
-        <div class="col-md-6 col-lg-4">
-            <div class="card shadow-lg">
-                <div class="card-body p-5">
-                    <div class="text-center mb-4">
-                        <h1 class="h3">Login</h1>
-                        <p class="text-muted">Entre com suas credenciais</p>
+<div class="row justify-content-center align-items-center min-vh-100">
+    <div class="col-md-6 col-lg-4">
+        <div class="card shadow-lg animate__animated animate__fadeIn">
+            <div class="card-body p-5">
+                <div class="text-center mb-4">
+                    <img src="{{ url_for('static', filename='img/logo002-alpha.png') }}" alt="Logo OCI" class="mb-3 login-logo">
+                    <h2 class="card-title mb-4">Controles OCI</h2>
+                </div>
+
+                {% with messages = get_flashed_messages(with_categories=true) %}
+                    {% if messages %}
+                        {% for category, message in messages %}
+                            <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                                {{ message }}
+                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                            </div>
+                        {% endfor %}
+                    {% endif %}
+                {% endwith %}
+
+                <form method="POST" action="{{ url_for('login') }}">
+                    <div class="mb-3">
+                        <label for="email" class="form-label">Email</label>
+                        <div class="input-group">
+                            <span class="input-group-text">
+                                <i class="fas fa-envelope"></i>
+                            </span>
+                            <input type="email" class="form-control" id="email" name="email" required autofocus>
+                        </div>
                     </div>
 
-                    {% with messages = get_flashed_messages(with_categories=true) %}
-                        {% if messages %}
-                            {% for category, message in messages %}
-                                <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
-                                    {{ message }}
-                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-                                </div>
-                            {% endfor %}
-                        {% endif %}
-                    {% endwith %}
-
-                    <form method="POST" action="{{ url_for('login') }}">
-                        <div class="mb-3">
-                            <label for="email" class="form-label">Email</label>
-                            <div class="input-group">
-                                <span class="input-group-text">
-                                    <i class="fas fa-envelope"></i>
-                                </span>
-                                <input type="email" class="form-control" id="email" name="email" required autofocus>
-                            </div>
-                        </div>
-
-                        <div class="mb-4">
-                            <label for="senha" class="form-label">Senha</label>
-                            <div class="input-group">
-                                <span class="input-group-text">
-                                    <i class="fas fa-lock"></i>
-                                </span>
-                                <input type="password" class="form-control" id="senha" name="senha" required>
-                                <button class="btn btn-outline-secondary" type="button" id="togglePassword">
-                                    <i class="fas fa-eye"></i>
-                                </button>
-                            </div>
-                        </div>
-
-                        <div class="d-grid">
-                            <button type="submit" class="btn btn-primary">
-                                <i class="fas fa-sign-in-alt me-2"></i>Entrar
+                    <div class="mb-4">
+                        <label for="senha" class="form-label">Senha</label>
+                        <div class="input-group">
+                            <span class="input-group-text">
+                                <i class="fas fa-lock"></i>
+                            </span>
+                            <input type="password" class="form-control" id="senha" name="senha" required>
+                            <button class="btn btn-outline-secondary" type="button" id="togglePassword">
+                                <i class="fas fa-eye"></i>
                             </button>
                         </div>
-                    </form>
-                </div>
+                    </div>
+
+                    <div class="d-grid">
+                        <button type="submit" class="btn btn-primary">
+                            <i class="fas fa-sign-in-alt me-2"></i>Entrar
+                        </button>
+                    </div>
+                </form>
             </div>
         </div>
     </div>
@@ -84,5 +82,37 @@ document.addEventListener('DOMContentLoaded', function() {
     });
 });
 </script>
+
+<style>
+.login-logo {
+    height: 80px;
+    width: auto;
+    margin-bottom: 1rem;
+}
+
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label {
+    color: var(--primary-color);
+}
+
+.form-control:focus {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 0.25rem rgba(232, 0, 12, 0.25);
+}
+
+.btn-primary {
+    background: var(--primary-color);
+    border: none;
+    padding: 12px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+}
+
+.btn-primary:hover {
+    background: var(--primary-light);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(232, 0, 12, 0.25);
+}
+</style>
 {% endblock %}
 {% endblock %} 
\ No newline at end of file