.signup-page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #f2f2f2;
    font-family: system-ui, ui-sans-serif, sans-serif;
}

.signup-box {
    border-radius: 4px;
    border: #bfbfbf 1px solid;
    background-color: #fff;
    padding: 1em;
    width: 270px;

    h1 {
        text-align: center;
    }

    form {
        .row {
            margin: 1em;
            display: flex;
        }
        .row.input {
            flex-flow: column;
        }
        .row.submit {
            justify-content: end;
        }
    }

    .signup-error {
        border: hsl(0 80% 30%) 1px solid;
        border-radius: inherit;
        padding: 0 1rem;
        font-size: 0.85rem;
        text-align: center;
    }

    footer {
        margin-top: 2rem;
        border-top: #bfbfbf 1px solid;
    }
}