.login-workspace {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 100vh;
    height: 100vh;
    overflow: auto;
}
.workspace.login-workspace {
    align-content: center;
}
.login-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 520px;
    text-align: center;
}
.login-card .stack-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    text-align: center;
}
.login-card .stack-form input {
    text-align: center;
}
.login-card .btn-primary {
    grid-column: 1 / -1;
    justify-self: center;
    min-width: 160px;
    padding: 10px 18px;
}
.activation-card {
    max-width: 720px;
}
.activation-card .activation-form {
    text-align: left;
}
.activation-card textarea {
    min-height: 86px;
}

@media (max-width: 860px) {
    .login-shell {
        grid-template-columns: 1fr;
        height: auto;
        overflow: auto;
    }
    .login-card .stack-form {
        grid-template-columns: 1fr;
    }
}