*{
    box-sizing:border-box;
}


body{

    margin:0;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    background:#f2f3f5;

    color:#222;

}



header{

    background:#490f63;

    color:white;

    padding:1rem;

    position:sticky;

    top:0;

    z-index:10;

}



header h1{

    margin:0 0 .8rem 0;

    font-size:1.4rem;

}



nav{

    display:flex;

    gap:1rem;

}


nav a{

    color:white;

    text-decoration:none;

}



main{

    padding:1rem;

}

/* -------------------------
   Formulaire upload
-------------------------- */


.upload-form{

    background:white;

    border-radius:16px;

    padding:1.3rem;

    box-shadow:
        0 3px 12px rgba(0,0,0,.08);

    max-width:600px;

    margin:1rem auto;

}



.form-group{

    margin-bottom:1.2rem;

}



.form-group label:first-child{

    display:block;

    font-weight:600;

    margin-bottom:.4rem;

    color:#333;

}



.form-group input[type="text"]{

    width:100%;

    padding:.9rem;

    font-size:1rem;

    border-radius:10px;

    border:1px solid #ccc;

    background:#fafafa;

}



.form-group input[type="text"]:focus{

    outline:none;

    border-color:#263b70;

    background:white;

}



.form-group small{

    display:block;

    color:#666;

    margin-top:.35rem;

    font-size:.85rem;

}



/* Zone fichier */


.file-upload{

    display:flex !important;

    align-items:center;

    justify-content:center;

    padding:1rem;

    border:2px dashed #263b70;

    border-radius:12px;

    color:#263b70;

    font-weight:600;

    cursor:pointer;

    background:#f5f7fc;

}



.file-upload input{

    display:none;

}



/* Bouton */


.submit-button{

    width:100%;

    padding:1rem;

    border:0;

    border-radius:12px;

    background:#263b70;

    color:white;

    font-size:1.05rem;

    font-weight:700;

    cursor:pointer;

}



.submit-button:active{

    transform:scale(.98);

}



/* Message */


.message{

    max-width:600px;

    margin:1rem auto;

    padding:1rem;

    border-radius:10px;

    background:#e8f5e9;

    color:#256029;

    font-weight:600;

}

.file-upload span{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    max-width:100%;

}