.bg-holder {
    background          : url('../../assets/images/bg.jpg') no-repeat;
    position            : fixed;
    width               : 100%;
    height              : 100%;
    top                 : 0;
    left                : 0;
    z-index             : 0;
    background-size     : cover;
    background-position : center;
}
.bg-fader {
    background : rgb(2, 0, 36);
    background : linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 99%);
    position   : fixed;
    width      : 100%;
    height     : 100%;
    top        : 0;
    left       : 0;
    z-index    : 1;
}
.content-holder {
    z-index    : 10;
    position   : relative;
    min-height : 100vh;
}
.logo {
    max-width : 300px;
}
.text-holder {
    z-index    : 10;
    position   : relative;
    min-height : 100vh;
}
.meta-holder div {
    border-right : 1px solid #fff;
}
.meta-holder div p {
    margin-bottom  : 0;
    color          : #aaa;
    font-weight    : bold;
    text-transform : uppercase;
}
.meta-holder div:last-child {
    border-right : none;
}
::part(validated) {
    border : 1px solid green;
}
::part(validated):after {
    content : 'OK';
}