.login-page {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-page__form-wrapper {
    width: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.login-page__form-title {
    font-size: 20px;
}
.login-page__form-content {

}
.login-page__form-el {
    display: flex;
    align-items: center;
}
.login-page__form-footer {
    display: flex;
    align-items: center;
}

.login-page__announcement {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 11%), 0 2px 2px rgb(0 0 0 / 11%), 0 4px 4px rgb(0 0 0 / 11%), 0 6px 8px rgb(0 0 0 / 11%), 0 8px 16px rgb(0 0 0 / 11%);
}
.login-page__announcement-title {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
}
.login-page__announcement-content {
    padding: 16px 0;
}
.login-page__announcement-footer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    font-size: 20px;
    font-weight: bold;
}

.data-list {
    display: flex;
    flex-direction: column;
}
.data-item {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}
.data-item__number {
    width: 20px;
}
.data-item__content {
    width: calc(100% - 30px);
}