*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}


body{
    background:#f5f5f5;
}



.headContainer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:rgb(22,19,46);

    padding:14px 40px;

}



.nuvationLogo{

    height:40px;

}



.authHeaderActions{
    display:flex;
    align-items:center;
    gap:22px;
}

.goBack,
.websiteLink{

    color:white;

    text-decoration:none;

    font-size:14px;

    font-weight:bold;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;

    cursor:pointer;

    transition:.2s;

}



.goBack:hover,
.websiteLink:hover{

    color:rgb(220,190,38);

}



.mainContainer{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:80vh;

}



.signupCard{

    background:white;

    width:380px;

    padding:35px;

    border-radius:12px;

    box-shadow:0 5px 20px rgba(0,0,0,.1);

}



.signupCard h1{

    text-align:center;

    font-family:Cambria, Georgia, serif;

    font-size:2.3rem;

    margin-bottom:30px;

}



.inputContainer{

    margin-bottom:20px;

}



.inputContainer label{

    display:block;

    margin-bottom:8px;

    font-size:16px;

    font-weight:bold;

}



.inputField{

    width:100%;

    padding:12px;

    font-size:16px;

    border-radius:8px;

    border:1px solid #ccc;

}



.inputField:focus{

    outline:none;

    border-color:rgb(22,19,46);

}



.inputField:-webkit-autofill,
.inputField:-webkit-autofill:hover,
.inputField:-webkit-autofill:focus {

    -webkit-box-shadow:0 0 0px 1000px white inset;

}



.submitButton{

    width:100%;

    padding:12px;

    margin-top:10px;

    background:white;

    border:1px solid black;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

    transition:.2s;

}



.submitButton:hover{

    background:rgb(21,15,82);

    color:white;

    border-color:rgb(21,15,82);

}



.statusMessage{

    text-align:center;

    margin-top:15px;

    color:#4f5661;

    font-size:14px;

    line-height:1.45;

}

.statusMessage:empty{
    display:none;
}

.websiteLink{
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:7px;
}

.fieldHelp{
    display:block;
    margin-top:7px;
    color:#5f5c6d;
    font-size:12px;
    line-height:1.4;
}


.agreementContainer{

    display:grid;

    gap:10px;

    margin:24px 0 6px;

    padding:14px;

    background:#f8f8fb;

    border:1px solid #e3e1eb;

    border-radius:8px;

}


.agreementLabel{

    display:flex;

    align-items:flex-start;

    gap:9px;

    color:#4c4a58;

    font-size:13px;

    line-height:1.45;

    cursor:pointer;

    min-height:44px;

}


.agreementLabel input{

    width:16px;

    height:16px;

    margin-top:1px;

    accent-color:rgb(22,19,46);

    flex:0 0 auto;

}


.agreementLabel a{

    color:rgb(22,19,46);

    font-weight:bold;

    text-decoration:underline;

    text-underline-offset:2px;

}


.agreementLabel a:hover{

    color:rgb(172,137,0);

}

@media(max-width:560px){
    body .headContainer{
        flex-direction:column !important;
        justify-content:center !important;
        height:auto !important;
        min-height:0 !important;
        padding:14px 16px 16px !important;
        gap:13px;
    }
    body .headContainer .nuvationLogo{
        width:min(164px,58vw) !important;
        height:auto !important;
        max-width:164px !important;
        max-height:42px;
    }
    .authHeaderActions{
        width:100%;
        justify-content:center;
        gap:10px;
    }
    .goBack,.websiteLink{
        flex:1 1 0;
        max-width:170px;
        min-height:46px;
        padding:9px 12px;
        border:1px solid rgba(255,255,255,.45);
        border-radius:7px;
        font-size:13px;
        line-height:1.2;
        text-align:center;
    }
    .mainContainer{
        align-items:flex-start;
        min-height:0;
        padding-top:24px;
        padding-bottom:32px;
    }
    .signupCard{width:min(100% - 24px,380px);padding:28px 23px}
    .signupCard h1{font-size:1.75rem;line-height:1.14}
    .fieldHelp{font-size:13px;line-height:1.45}
    .agreementContainer{padding:14px 12px}
}