body {
            margin: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #1a1a2e;
            color: white;
            /* Pour s'assurer que le footer reste toujours en bas */
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        /* --- Navbar --- */
        .navbar {
            background-color: #16213e;
            padding: 1rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
            border-bottom: 2px solid #e94560;
        }
        .navbar-brand { color: #e94560; font-weight: bold; font-size: 1.5rem; text-decoration: none; letter-spacing: 1px; }
        .nav-links { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
        .nav-links a { color: white; text-decoration: none; font-weight: 600; padding: 8px 15px; border-radius: 5px; transition: all 0.3s ease; }
        .nav-links a:hover { background-color: #e94560; color: white; }

        /* --- Footer --- */
        .footer {
            background-color: #16213e;
            text-align: center;
            padding: 1rem;
            margin-top: auto; /* Pousse le footer tout en bas de la page */
            border-top: 1px solid #0f3460;
            color: #8892b0;
            font-size: 0.9rem;
        }

        /* --- Conteneur principal --- */
        .main-content { padding: 2rem; }

        @media (max-width: 600px) {
            .navbar { flex-direction: column; gap: 15px; }
        }