        body {
            font-family: 'Poppins', sans-serif;
            background-color: #f0f0f0; /* Dark Blue */
            color: #000000; /* Light textE0E6F0 for contrast * /
            min-height: 100vh; /* Garante que o body ocupa a altura total da viewport */
            display: flex;
            flex-direction: column;
        }

        .navbar {
            background-color: #4CAF50; /* Medium Blue for Navbar */
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
        }

        .navbar-brand {
            color: #ffffff; /* White for brand text */
        }

        .navbar-brand:hover {
            color: #f0f0f0;
        }

        .main-content {
            flex-grow: 1; /* Permite que o conteúdo principal ocupe o espaço restante */
            display: flex;
            align-items: center; /* Centraliza verticalmente o card */
            justify-content: center; /* Centraliza horizontalmente o card */
            padding: 20px; /* Adiciona um padding para telas menores */
        }

        .card {
            background-color: #FFDEAD; /* Card background blue */
            border: none;
            color: #000000;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
            max-width: 500px; /* Limita a largura máxima do card */
            width: 100%; /* Garante que o card ocupe a largura disponível */
        }

        .card-header {
            background-color: #1F3B5D; /* Card header dark blue */
            border-bottom: none;
            color: #000000;
            padding: 1.5rem;
            text-align: center;
            font-size: 1.5rem;
            font-weight: 600;
        }

        .card-body {
            padding: 2rem;
            text-align: center;
        }

        .list-group-item {
            background-color: #F5DEB3; /* List item background blue */
            border-color: rgba(255, 255, 255, 0.2);
            color: #000000;
            margin-bottom: 0.5rem;
            border-radius: 0.25rem;
            transition: background-color 0.2s, transform 0.2s;
        }

        .list-group-item:hover {
            background-color: #F5DEB3; /* Darker blue on hover */
            transform: translateY(-2px); /* Efeito sutil de levantar */
            color: #ffffff;
        }

        .list-group-item a {
            color: inherit; /* Herda a cor do texto do pai */
            text-decoration: none; /* Remove sublinhado dos links */
            display: block; /* Faz o link ocupar todo o espaço do item */
            padding: 0.75rem 1.25rem; /* Padding para o link dentro do item */
        }

        .list-group-item i {
            margin-right: 10px;
        }