body.signup {
    background: rgba(240, 242, 245, 1)
}

body.signup > .page {
    position: relative;
    margin-top: 67px;
}

body.signup > .page > .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 50px;
    margin: 0 auto 50px auto;
    width: 1044px;
    height: 824px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 14px 9px 0 rgb(144 176 209 / 25%);
}

body.signup > .page > .card > .title {
    font-size: 36px;
    font-weight: 500;
    color: rgba(61, 61, 61, 1);
    text-align: center;
    margin-top: 70px;
}

body.signup > .page > .card > .brief {
    font-size: 18px;
    font-weight: 400;
    color: rgba(143, 143, 143, 1);
    text-align: center;
    margin-top: 24px;
}

body.signup > .page > .card > .form {
    margin-top: 59px;
}

body.signup > .page > .card > .form > .form-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

body.signup > .page > .card > .form > .form-item > .label {
    font-size: 20px;
    font-weight: 400;
    color: rgba(59, 59, 59, 1);
    text-align: left;
    width: 140px;
}

body.signup > .page > .card > .form > .form-item:not(:first-child) {
    margin-top: 24px;
}

body.signup > .page > .card > .form > .form-item > .input {
    width: 468px;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    padding-left: 16px;
    border: 1px solid rgba(217, 217, 217, 1);
    font-size: 14px;
}

body.signup > .page > .card > .form > .form-item > .input::-webkit-input-placeholder{/*Webkit browsers*/
    font-size: 14px;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
}

body.signup > .page > .card > .form > .form-item > .input::-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    font-size: 14px;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
}

body.signup > .page > .card > .form > .form-item > .input::moz-placeholder{/*Mozilla Firefox 19+*/
    font-size: 14px;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
}

body.signup > .page > .card > .form > .form-item > .input:-ms-input-placeholder{/*Internet Explorer 10+*/
    font-size: 14px;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
}

body.signup > .page > .card > .form > .form-item > .input.message {
    height: 100px;
}

body.signup > .page > .card > .submit {
    width: 206px;
    height: 48px;
    border-radius: 6px;
    background: rgba(255, 48, 48, 1);
    font-size: 18px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height:  48px;
    margin-top: 48px;
}

body.signup > .page > .card > .tip {
    margin-top: 28px;
}

body.signup > .page > .card > .tip > span {
    font-size: 16px;
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
}

body.signup > .page > .card > .tip > a {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 48, 48, 1);
}