* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    min-height: 100vh;

    display: grid;
    place-items: center;

    padding: 24px;

    background: #101114;
    color: #f5f5f5;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;
}

.card {
    width: min(560px, 100%);

    padding: 42px;

    background: #17181c;

    border: 1px solid #292b30;
    border-radius: 24px;
}

h1 {
    margin: 0 0 14px;
    font-size: 34px;
}

p {
    margin: 0;

    color: #a9adb5;

    line-height: 1.6;
}

small {
    display: block;

    margin-top: 32px;

    color: #696d76;
}