@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');.sign-form {    display: flex;    flex-direction: column;    align-items: center;    padding: 24px;    background: #FFFFFF;    border-radius: 24px;    height: auto;    font-family: Golos Text, sans-serif;    font-weight: 500;    max-width: 400px;    width: calc(100% - 48px);}.sign-form .alert-danger {    color: var(--error-color);    font-size: 16px;    margin: 20px 0;    font-weight: 500;    text-align: center;}.sign-form__privacy-policy {    display: flex;    align-items: center;    margin-top: 1rem;}.sign-form__privacy-policy__text {    margin-left: 0.5rem;    line-height: 1.25rem;    font-size: .875rem;    letter-spacing: -.0375rem;    font-weight: 500;}.sign-form__privacy-policy__text a {    color: var(--main-color);    cursor: pointer;}.sign-form__button {    width: 100%;    background-color: #447BBA;    color: white;    font-family: Golos Text, sans-serif;    font-weight: 500;    border: none;    border-radius: 12px;    cursor: pointer;    padding: 12px;    font-size: 16px;    letter-spacing: -.0375rem;    line-height: 1;}.sign-form__button:hover {    background-color: #6a9ede;}.link-button {    color: rgb(29 41 57);    text-decoration: none;    align-items: center;    max-width: calc(100% - 24px);    display: flex;    justify-content: center;    font-weight: 400;    background-color: #f3f3f3;}.link-button:hover {    background-color: #d0cfcf;}.sign-form__container {    display: flex;    justify-content: center;    align-items: center;    flex-direction: column;    width: 100%;}.note {    font-size: 16px;    line-height: 1.25;    letter-spacing: -.0375rem;    text-align: center;    margin-bottom: 24px;    color: var(--note-title-color);    font-weight: 400;    align-items: center;    display: flex;    gap: 5px;}@media (max-width: 480px) {    .check-code-note {        flex-direction: column;    }}.note img {    width: 20px;    height: 20px;}.note a {    height: 24px;    display: flex;    align-items: center;    gap: 5px;    color: var(--main-color);}.under-form {    font-size: 14px;    line-height: 1.25;    letter-spacing: -.0375rem;    margin-top: 20px;    margin-bottom: 24px;    color: rgb(152 162 179);    width: calc(100% - 48px);    max-width: 448px;}.sign-form__recovery-password {    color: var(--main-color);    text-decoration: underline;    font-size: 14px;    letter-spacing: -.0375rem;    line-height: 1;    margin-top: 4px;    height: 24px;    display: flex;    align-items: center;}.sign-form__error {    display: flex;    margin-top: 4px;    color: var(--error-color);    font-size: 16px;}@media (max-width: 480px) {    .registration-form__error {        font-size: 12px;    }}.sign-form__field-group {    display: flex;    flex-direction: column;    position: relative;}.sign-form__recovery-password {    cursor: pointer;}.sign-form__footer {    display: flex;    gap: 24px;    flex-direction: column;    align-items: center;    width: 100%;}.sign-form__group {    display: flex;    width: 100%;    flex-direction: column;    gap: 8px;    margin-bottom: 24px;    font-weight: 400;    line-height: 1;}.sign-form__group label {    font-size: 16px;    letter-spacing: -.0375rem;    line-height: 1;}.sign-form__hide-password-button-open, .sign-form__hide-password-button-close, #hide-password-button-open, #hide-password-button-close {    width: 23px;    height: 23px;}.sign-form__hide-password-button-open, .sign-form__hide-password-button-close {    cursor: pointer;    position: absolute;    top: 11px;    right: 11px;    z-index: 1;}.sign-form__hide-password-button-open {    display: none;}.sign-form__input {    padding: 12px;    border: 1px solid var(--input-border-color);    height: 20px;    border-radius: 4px;    color: var(--reserve-text-color);    font-size: 16px;    line-height: 1.25;    letter-spacing: -.0375rem;    font-family: Golos Text, sans-serif;}.sign-form__input:focus {    outline: none;    border-color: var(--main-color);}.sign-form__logo {    width: 200px;    height: 64px;    margin-bottom: 24px;    object-fit: cover;}.sign-form__note {    margin-top: 4px;    color: #858080;    font-size: 14px;}.sign-form__title {    font-style: normal;    font-weight: 600;    font-size: 24px;    padding: 0;    margin: 0 0 24px 0;    letter-spacing: -.075rem;    line-height: 1.75;    color: var(--reserve-text-color);    height: 28px;    display: flex;    align-items: center;}body {    background-color: #f2f4f7;    min-height: 100vh;    margin: 0;    display: flex;    justify-content: center;    font-family: "Golos Text", sans-serif;}h1 {    text-align: center;}
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.sign-form__container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer {
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #777;
    width: 100%;
}