:root {
    --white: #FFFFFF;
    --black: #000000;
    --red-error: #FF3B30;
    --black-1D1D1F: #1D1D1F;
    --white-F4FFF6: #F4FFF6;
    --gray-A9A9A9: #A9A9A9;
    --gray-5C5757: #5C5757;
    --green-00431C: #00431C;
    --white-D9D9D9: #D9D9D9;
    --white-F5F5F7: #F5F5F7;
    --green-008337: #008337; 
    --green-00431C: #00431C;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Satoshi', sans-serif;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}


.admin_login_wrapper {
    margin: 82px auto 82px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 54px 38px;
    border: solid 1px var(--gray-A9A9A9);
    border-radius: 34px;
}
h1 {
    margin: 0 auto 28px auto;
    font-family: 'Satoshi', sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    color: var(--black-1D1D1F);
}
.error_text {
    margin: 0 auto 28px auto;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.4px;
    font-weight: 500;
    color: var(--red-error);
}
form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.field_blocks {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 28px;
}
.field_block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black-1D1D1F);
    padding: 0 0 0 12px;
}
.input {
    width: 484px;
    height: 52px;
    border: solid 1px var(--gray-5C5757);
    border-radius: 8px;
    padding: 14px 12px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black-1D1D1F);
    transition: border 0.3s ease, background-color 0.3s ease;
}
.input:focus {
    border: solid 1px var(--black);
    background-color: var(--white-F4FFF6);
    outline: none;
}
.submit_button {
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.4px;
    font-weight: 500;
    color: var(--white-F5F5F7);
    padding: 16px 62px;
    background-color: var(--green-008337);
    border: none;
    border-radius: 10px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.submit_button:hover {
    background-color: var(--green-00431C);
    color: var(--white);
}