:root {
                --primary: #ff7b00;
                --secondary: #2863a7;
                --light-bg: #f4f4f4;
            }
            
            body {
                font-family: Arial, sans-serif;
                background: var(--light-bg);
                margin: 0;
                padding: 0;
            }
            
            .container {
                max-width: 650px;
                margin: 40px auto;
                background: #fff;
                padding: 25px;
                border-radius: 12px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                overflow: hidden
            }
            
            .header-img {
                display: block;
                width: 100%;
                /* L'image occupe toute la largeur du conteneur */
                height: 180px;
                /* Hauteur fixe comme une bannière */
                object-fit: cover;
                /* Coupe l'image proprement pour remplir la zone */
                border-radius: 12px 12px 0 0;
                /* Coins arrondis en haut uniquement */
                margin: 0;
                /* Supprime la marge pour coller à la bannière */
            }
            
            h1 {
                text-align: center;
                color: var(--primary);
                margin-bottom: 20px;
            }
            
            label {
                display: block;
                margin-top: 5px;
                font-weight: top;
                color: rgb(9, 1, 1)
            }
            
            legend {
                display: block;
                margin-top: 5px;
                font-weight: bold;
                color: rgb(10, 94, 164)
            }
            
            input[type=text],
            input[type=email] {
                width: 100%;
                padding: 10px;
                margin-top: 5px;
                border-radius: 6px;
                border: 1px solid #ccc;
                box-sizing: border-box;
            }
            
            button {
                margin-top: 20px;
                padding: 12px;
                width: 100%;
                background: var(--primary);
                color: #fff;
                border: none;
                border-radius: 6px;
                cursor: pointer;
                font-size: 16px;
            }
            
            button:hover {
                background: var(--secondary);
            }
            
            .radio-group {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 5px;
            }
            
            .radio-group label {
                background: var(--light-bg);
                padding: 5px 10px;
                border-radius: 5px;
                cursor: pointer;
            }
            
            .message {
                margin-top: 15px;
                font-weight: bold;
            }
            
            .message.error {
                color: rgb(0, 255, 8);
            }
            
            .message.success {
                color: var(--secondary);
            }
            
            .info-disclaimer {
                font-style: italic;
                /* Italique */
                font-size: 14px;
                /* Taille lisible */
                color: #555;
                /* Gris discret */
                margin-bottom: 15px;
                /* Espacement avant le bouton */
                text-align: center;
                /* Centré */
                line-height: 1.4;
                /* Bonne lisibilité */
            }