body {
    margin: 0;
    background: #f5f7fa;
    color: #14202b;
    font: 17px/1.85 -apple-system,'PingFang SC','Microsoft YaHei',sans-serif
}

a {
    color: #0f5c8c
}

header {
    background: #14202b
}

    header div {
        max-width: 760px;
        margin: 0 auto;
        padding: 16px 20px
    }

    header a {
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        letter-spacing: 2px;
        margin-right: 22px
    }

        header a + a {
            font-weight: 400;
            letter-spacing: 0;
            color: #cfe0ec;
            font-size: 15px
        }

main {
    max-width: 760px;
    margin: 0 auto;
    padding: 34px 20px 20px
}

h1 {
    font-size: 30px;
    line-height: 1.4;
    margin: 0 0 16px
}

h2 {
    font-size: 21px;
    margin: 30px 0 8px
}

.lead {
    background: #fff;
    border-left: 4px solid #f2b705;
    padding: 14px 18px;
    border-radius: 4px;
    margin: 0 0 8px
}

li {
    margin: 4px 0
}

.cta {
    background: #14202b;
    color: #e3edf4;
    border-radius: 6px;
    padding: 20px 22px;
    margin: 34px 0
}

    .cta a {
        display: inline-block;
        background: #f2b705;
        color: #14202b;
        font-weight: 700;
        padding: 9px 20px;
        border-radius: 4px;
        text-decoration: none;
        margin-top: 6px
    }

.rel li {
    margin: 6px 0
}

footer {
    background: #0d151c;
    color: #8fa4b4;
    padding: 26px 20px;
    font-size: 14px;
    text-align: center
}

    footer a {
        color: #b9cddd;
        text-decoration: none;
        margin: 0 8px
    }

:focus-visible {
    outline: 3px solid #f2b705;
    outline-offset: 2px
}

.t {
    color: #566574;
    font-size: 14px
}