diff --git a/pypro/base/static/css/style-modern.css b/pypro/base/static/css/style-modern.css
new file mode 100644
index 0000000..35cd2df
--- /dev/null
+++ b/pypro/base/static/css/style-modern.css
@@ -0,0 +1,152 @@
+/* Modernized styles for UrbPy platform */
+
+body, html {
+  height: 100%;
+  margin: 0;
+  font-family: 'Inter', sans-serif;
+  background-color: #bbbbbb;
+  color: #f8f9fa;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+main {
+  flex: 1 0 auto;
+  padding: 2rem 1rem;
+  background-color: #1a1a1a;
+  color: #f8f9fa;
+}
+
+.navbar {
+  padding: 1rem 1.5rem;
+  background-color: #fff; /* Keep navbar background white */
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* Keep shadow */
+}
+
+.navbar-brand .brand-text {
+  color: #0d6efd;
+  font-weight: 700;
+  font-size: 1.5rem;
+}
+
+.navbar-nav .nav-link {
+  font-weight: 500;
+  color: #495057;
+  transition: color 0.3s ease;
+}
+
+.navbar-nav .nav-link:hover,
+.navbar-nav .nav-link:focus {
+  color: #0d6efd;
+}
+
+.navbar-nav .dropdown-menu {
+  border-radius: 0.5rem;
+  box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.15);
+}
+
+.navbar-nav .dropdown-item {
+  font-weight: 500;
+  color: #212529;
+  transition: background-color 0.3s ease;
+}
+
+.navbar-nav .dropdown-item:hover,
+.navbar-nav .dropdown-item:focus {
+  background-color: #e7f1ff;
+  color: #0d6efd;
+}
+
+.btn-primary {
+  background-color: #0d6efd;
+  border-color: #0d6efd;
+  font-weight: 600;
+  transition: background-color 0.3s ease, border-color 0.3s ease;
+}
+
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #0b5ed7;
+  border-color: #0a58ca;
+}
+
+.footer {
+  background-color: #656d75;
+  color: #f8f9fa;
+  padding: 3rem 1rem;
+  flex-shrink: 0;
+}
+
+.footer a {
+  color: #e9ecef;
+  text-decoration: none;
+  transition: color 0.3s ease;
+}
+
+.footer a:hover,
+.footer a:focus {
+  color: #0d6efd;
+  text-decoration: underline;
+}
+
+.footer .social-links a {
+  font-size: 1.25rem;
+  margin-right: 1rem;
+  color: #e9ecef;
+  transition: color 0.3s ease;
+}
+
+.footer .social-links a:hover,
+.footer .social-links a:focus {
+  color: #0d6efd;
+}
+
+.input-group .form-control {
+  border-radius: 0.375rem 0 0 0.375rem;
+}
+
+.input-group .btn {
+  border-radius: 0 0.375rem 0.375rem 0;
+}
+
+.card-gray-light {
+  background-color: #2c2c2c;
+  border-radius: 0.5rem;
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
+  padding: 1.5rem;
+}
+
+.img-ajustada {
+  height: 150px;
+  object-fit: cover;
+  border-radius: 0.5rem;
+}
+
+.thumbnail-border-color {
+  border-color: #0d6efd !important;
+}
+
+.btn-floating {
+  position: fixed;
+  bottom: 2rem;
+  right: 2rem;
+  border-radius: 50%;
+  width: 3.5rem;
+  height: 3.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.3);
+  transition: background-color 0.3s ease;
+}
+
+.btn-floating:hover,
+.btn-floating:focus {
+  background-color: #0b5ed7;
+  color: #fff;
+  text-decoration: none;
+}
+.footer .text-muted {
+  color: #ced4da !important; /* ou outro tom claro */
+}
\ No newline at end of file
diff --git a/pypro/base/templates/base/base.html b/pypro/base/templates/base/base.html
index 2038bea..289ccd3 100644
--- a/pypro/base/templates/base/base.html
+++ b/pypro/base/templates/base/base.html
@@ -128,7 +128,7 @@
 						<i class="bi bi-mortarboard-fill text-primary fs-3 me-2"></i>
 						<span class="fs-4 fw-bold">UrbPy</span>
 					</div>
-					<p class="text-muted">
+					<p class="text-light">
 						Plataforma moderna de cursos online com foco em tecnologia e programação. 
 						Aprenda no seu ritmo com conteúdo de qualidade.
 					</p>
@@ -142,22 +142,22 @@
 				<div class="col-lg-2 col-md-6 mb-4">
 					<h6 class="fw-bold mb-3">Cursos</h6>
 					<ul class="list-unstyled">
-						<li><a href="{% url 'modulos:indice' %}" class="text-muted text-decoration-none">Python</a></li>
-						<li><a href="{% url 'modulos:indice' %}" class="text-muted text-decoration-none">Django</a></li>
-						<li><a href="{% url 'aperitivos:indice' %}" class="text-muted text-decoration-none">Motivação</a></li>
+						<li><a href="{% url 'modulos:indice' %}" class="text-light text-decoration-none">Python</a></li>
+						<li><a href="{% url 'modulos:indice' %}" class="text-light text-decoration-none">Django</a></li>
+						<li><a href="{% url 'aperitivos:indice' %}" class="text-light text-decoration-none">Motivação</a></li>
 					</ul>
 				</div>
 				<div class="col-lg-2 col-md-6 mb-4">
 					<h6 class="fw-bold mb-3">Suporte</h6>
 					<ul class="list-unstyled">
-						<li><a href="#" class="text-muted text-decoration-none">Central de Ajuda</a></li>
-						<li><a href="#" class="text-muted text-decoration-none">Contato</a></li>
-						<li><a href="#" class="text-muted text-decoration-none">FAQ</a></li>
+						<li><a href="#" class="text-light text-decoration-none">Central de Ajuda</a></li>
+						<li><a href="#" class="text-light text-decoration-none">Contato</a></li>
+						<li><a href="#" class="text-light text-decoration-none">FAQ</a></li>
 					</ul>
 				</div>
 				<div class="col-lg-4 mb-4">
 					<h6 class="fw-bold mb-3">Newsletter</h6>
-					<p class="text-muted">Receba as últimas novidades e atualizações dos cursos.</p>
+					<p class="text-light">Receba as últimas novidades e atualizações dos cursos.</p>
 					<div class="input-group">
 						<input type="email" class="form-control" placeholder="Seu e-mail">
 						<button class="btn btn-primary" type="button">
@@ -169,13 +169,13 @@ <h6 class="fw-bold mb-3">Newsletter</h6>
 			<hr class="my-4">
 			<div class="row align-items-center">
 				<div class="col-md-6">
-					<p class="text-muted mb-0">
+					<p class="text-light mb-0">
 						&copy; 2025 UrbPy. Todos os direitos reservados.
 					</p>
 				</div>
 				<div class="col-md-6 text-md-end">
-					<a href="#" class="text-muted text-decoration-none me-3">Termos de Uso</a>
-					<a href="#" class="text-muted text-decoration-none">Política de Privacidade</a>
+					<a href="#" class="text-light text-decoration-none me-3">Termos de Uso</a>
+					<a href="#" class="text-light text-decoration-none">Política de Privacidade</a>
 				</div>
 			</div>
 		</div>
diff --git a/pypro/base/templates/base/home.html b/pypro/base/templates/base/home.html
index 5e58ec9..ee12682 100644
--- a/pypro/base/templates/base/home.html
+++ b/pypro/base/templates/base/home.html
@@ -6,7 +6,7 @@
 	<div class="container">
 		<div class="row">
 			<div class="col-md-12">
-				<div class="card card-gray-light  mb-4">
+				<div class="card card-light  mb-4">
 					<div class="container-fluid py-5">
 						<h4 class="display-6 fw-bold align-items-center">Plataforma - URBPY 🖥️ </h4>
 						<h4 class="mt-5"> Entre na fila de espera</h4>