.interstar-auth-page h1{
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #21353C;
    font-family: var(--font-nanu);
}

body .interstar-auth-page{
    font-size: 14px;
}
body .interstar-auth-page a{
    color: #21353C;
    text-decoration: none;
}
body .interstar-auth-page a:hover{
    color: #0889b5;
}
body .interstar-auth-page label{
    font-weight: 400;
    color: #21353C;
    display: block;
    margin-bottom: 8px;
}

body .interstar-auth-page input{
    border: 1px solid #AEAEAE;
    color: #21353C;
    background: transparent;
}

body .interstar-auth-page input:placeholder-shown{
    color: #AEAEAE;
}

body .interstar-auth-page input:focus{
    border: 1px solid #AEAEAE;
    box-shadow: unset;
    background: transparent;
}

body .interstar-auth-page button[type="submit"]{
    padding: 12px 100px;
    background: #055D7B;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
}

body .interstar-auth-page button[type="submit"]:hover{
    background: #0889b5;
}

.interstar-login-wrapper {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .interstar-login-wrapper {
        width: calc(720px / 2);
        margin-left: auto;
    }
}

@media only screen and (min-width: 992px) {
    .interstar-login-wrapper {
        width: calc(960px / 2);
        margin-left: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .interstar-login-wrapper {
        width: calc(1140px / 2);
        margin-left: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .interstar-login-wrapper {
        width: calc(1460px / 2);
    }
}