/* ==========================================
   INQUISITION
   Style principal
   Pack 1
========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px;

    font-family:Verdana, Geneva, Tahoma, sans-serif;

    background:
        radial-gradient(circle at top,#4a3058 0%,#241833 40%,#140d1d 100%);

    color:white;

}


.conteneur{

    width:100%;
    max-width:700px;

}


.carte{

    background:#241833;

    border:4px solid #d4af37;

    border-radius:25px;

    padding:40px;

    box-shadow:
    0 0 30px rgba(0,0,0,.45);

}


h1{

    text-align:center;

    color:#d4af37;

    font-size:3rem;

    margin-bottom:10px;

}


h2{

    text-align:center;

    color:#efe3bb;

    margin-bottom:30px;

}


.intro{

    font-size:1.1rem;

    margin-bottom:20px;

}


p{

    line-height:1.7;

    margin-bottom:12px;

}


hr{

    border:none;

    border-top:2px solid #5f4a74;

    margin:30px 0;

}


h3{

    margin-bottom:15px;

    color:#f2d980;

}


input{

    width:100%;

    padding:16px;

    font-size:18px;

    border-radius:12px;

    border:none;

    outline:none;

    margin-bottom:10px;

}


input:focus{

    box-shadow:0 0 8px #d4af37;

}


.erreur{

    min-height:22px;

    color:#ff8f8f;

    font-weight:bold;

    margin-bottom:10px;

}


button{

    width:100%;

    padding:16px;

    border:none;

    border-radius:12px;

    background:#d4af37;

    color:#241833;

    font-size:20px;

    font-weight:bold;

    cursor:pointer;

    transition:.25s;

}


button:hover{

    transform:scale(1.02);

    background:#f0cf63;

}


button:disabled{

    opacity:.5;

    cursor:not-allowed;

}


.version{

    text-align:center;

    margin-top:30px;

    opacity:.5;

    font-size:.85rem;

}


@media(max-width:700px){

.carte{

padding:25px;

}

h1{

font-size:2.2rem;

}

h2{

font-size:1.3rem;

}

button{

font-size:18px;

}

}