@charset "utf-8";

article.auth{
    display:flex;
    flex-direction:column;
    position:relative;
    margin:auto auto;
    padding: 0;
    width:400px;
    height:696px;
    box-shadow:none;
}

article.auth > .body{
    display:flex;
    flex-direction:column;
    box-sizing: border-box;
    gap: 20px;
    width:100%;
    height:100%;
    padding: 30px 45px;
    border-radius:4px 4px 0 0;
    border-bottom:solid 1px #453378;
    background-image: linear-gradient(to bottom right, #863DBC, #334B85);
}
    article.auth > .body > hr{
        display: inline-block;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.5);
    }
    article.auth > .body > .logo{
        display:block;
        width:100%;
        height:100%;
        font-size:0;
        margin: auto auto;
        background:url(../images/logo_default.svg) center center no-repeat;
    }

    article.auth > .body > .text{
        padding: 20px;
        border-radius: 4px;
        color: RGB(174, 162, 208);
        border: solid 1px RGBA(174, 162, 208, 0.5);
        background: RGBA(174, 162, 208, 0.2);
    }
    article.auth > .body > .text > b{
        color:RGB(255, 255, 255);
    }
    article.auth > .body > .form{
    }
article.auth > .credits{
    display:block;
    padding:20px 20px;
    border-radius:0 0 4px 4px;
    border-top:solid 1px #EDEDED;
    color:#EDEDED;
    background:#D2D2D2;
}