@import url('https://fonts.googleapis.com/css2?family=Adamina&family=Afacad:ital,wght@0,400..700;1,400..700&display=swap');
@media {
    body{
        font-family: Afacad, sans-serif;
        overflow-x: hidden;
    }

    .container{
        padding: 0 2em 2em 2em;
    }

    h1 {
        text-transform: uppercase;
        color: #1D3458;
        font-weight: bolder;
        font-size: clamp(16px, 8vw, 60px);
        text-align: center;
        padding: 2em 1em 0 1em;
    }

    .highlight {
        color: white;
        -webkit-text-stroke: 1px #1D3458;
        text-stroke: 1px #1D3458;
    }

    .intro{
        text-align: center;
        margin-bottom: 10px;
    }

    .intro p {
        font-family: Afacad, sans-serif;
        margin-top: -12px;
    }

    button{
        margin: 10px 15px 15px 15px;
        padding: 5px 15px;
        font-size: clamp(14px, 2vw, 20px);
        background-color: #1D3458;
        /*border: none;*/
        color: #ffffff;
        font-family: Afacad, sans-serif;
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,0.06);
        box-shadow: 0 1px 2px rgba(0,0,0,0.08); /* <-- ombre très légère */
        cursor: pointer;
        transition: box-shadow 150ms ease, transform 150ms ease;
    }

    button:hover{
        box-shadow: 0 4px 8px rgba(0,0,0,0.08);
        transform: translateY(-1px);
        color: white;
        background-color: #102342;
    }

    .invalide {
        color: red;
        display: none;
        font-size: 0.9em;
        margin-top: 4px;
    }

    .form-group {
        position: relative;
        margin-bottom: 1rem;
    }

    .icon-c {
        position: absolute;
        right: 10px;
        top: 35px;
        font-size: 18px;
    }

    label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }

    input, textarea {
        width: 100%;
        padding: 10px 40px 10px 10px; /* laisse de la place pour l'icône */
        box-sizing: border-box;
        font-size: 1rem;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
}

@media (min-width: 601px) {
}

@media (min-width: 1025px) {

}