<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">
    <style>
        html, body {
            background-color: #f7f8f9;
            color: #1D1F20;
            font-family: Source Sans Pro;
            height: 100%;
            line-height: 1.5;
            overflow: hidden;
        }
        .container {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            line-height: 2.5;
            padding: 0 15px;
            text-align: center;
        }
        .mf-wrap {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 3em;
        }
        .mf-icon {
            margin-bottom: 32px;
            width: 80px;
            height: 80px;
        }
        .mf-icon img {
            width: 80px;
        }
        .mf-btn {
            background-color: #8c54c8;
            border-radius: 100px;
            color: #FFF;
            display: inline-block;
            font-family: Source Sans Pro;
            font-size: 16px;
            font-weight: 700;
            padding: 8px 24px;
            text-decoration: none;
        }
        .mf-btn:hover {
            background-color: #8c54c8;
        }
        h2 {
            font-size: 1.9rem;
            line-height: 1.5;
            margin: 0 0 .3em 0;
        }

        p {
            font-size: 1rem;
            line-height: 1.7;
            margin: 0 0 1em 0;
        }
        @media only screen and (min-width: 768px) {
            html, body {
                background-color: #EFF0F1;
            }
            .mf-wrap {
                background-color: #FFF;
                border-radius: 16px;
                box-shadow: 0px 16px 47px rgba(1, 2, 2, 0.3);
                max-width: 600px;
                padding: 3em;
            }
            .mf-icon {
                width: 96px;
                height: 96px;
            }
            .mf-icon img {
                width: 96px;
            }
            h2 {
                font-size: 2rem;
            }
            p {
                font-size: 1.2rem;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="mf-wrap">
            <div class="mf-icon">
                <img alt="Northmill Logo" src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcwLjkyMTIgMjcuNzkwOUgzNC4zODNDNDAuMzExNiAyMC40NjE2IDQzLjk0NzkgMTEuMjAxNyA0NC4xOTI5IDEuMDk5MDRDNDQuMjA4NiAwLjQ5NjcwMyA0My43MjA5IDAgNDMuMTE4NiAwSDI4Ljg0MDlDMjguMjY1NiAwIDI3Ljc4OTEgMC40NTQgMjcuNzY4OSAxLjAyOTM3QzI3LjUxNDkgOC4wNjY0MiAyNC42NTQgMTQuNjQ1IDE5LjY0OSAxOS42NTAzQzE0LjY0NDEgMjQuNjU1NSA4LjA2NTkyIDI3LjUxNjcgMS4wMzE1NiAyNy43NzA2QzAuNDU2MjIyIDI3Ljc5MDkgMCAyOC4yNjczIDAgMjguODQyN1Y0My4xMjEzQzAgNDMuNzIzNyAwLjQ5NjY3NiA0NC4yMTE0IDEuMDk4OTggNDQuMTk1N0MxMS4yMDEgNDMuOTQ4NCAyMC40NjAzIDQwLjMxNDIgMjcuNzg5MSAzNC4zODUxVjcwLjkyNTdDMjcuNzg5MSA3MS41MTkgMjguMjcwMSA3MiAyOC44NjM0IDcySDQzLjEzNjZDNDMuNzI5OSA3MiA0NC4yMTA5IDcxLjUxOSA0NC4yMTA5IDcwLjkyNTdWNDQuMjExNEg3MC45MjU3QzcxLjUxOTEgNDQuMjExNCA3MiA0My43MzA0IDcyIDQzLjEzNzFWMjguODY1MkM3MS45OTU1IDI4LjI3MTggNzEuNTE0NiAyNy43OTA5IDcwLjkyMTIgMjcuNzkwOVoiIGZpbGw9IiMxRDFGMjAiLz4KPC9zdmc+Cg=='/>
            </div>
            <h2>Din kundsida är redo att aktiveras!</h2>
            <p>Var vänlig logga in på Flo Backoffice för att göra de grundläggande inställningarna och aktivera din kundsida.</p>
            <a href="https://apps.moreflo.com" target="_blank" class="mf-btn">Gå till Flo Backoffice</a>
        </div>
    </div>
</body>
</html>
