:root {
    color: #eaf4f8;
    background: #06131b;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body {
    min-width: 320px;
    margin: 0;
    background: radial-gradient(circle at 90% 0%, rgba(21, 150, 255, .14), transparent 35%), #06131b;
}

main {
    width: min(100% - 32px, 780px);
    margin: 0 auto;
    padding: 48px 0 72px;
}

header,
section {
    margin-bottom: 18px;
    border: 1px solid rgba(198, 226, 240, .13);
    border-radius: 16px;
    padding: clamp(20px, 5vw, 34px);
    background: rgba(14, 29, 38, .92);
}

.brand {
    color: #f2f8fb;
    font-size: 1.18rem;
    font-weight: 800;
    text-decoration: none;
}

header > span {
    display: block;
    margin-top: 7px;
    color: #73bfff;
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

h1 { margin: 28px 0 12px; font-size: clamp(2rem, 8vw, 3rem); }
h2 { margin: 0 0 10px; font-size: 1.2rem; }
p, li { color: #b8cbd4; line-height: 1.65; }
p { margin: 0; }
ul { margin: 0; padding-left: 22px; }
a { color: #73bfff; }

a:focus-visible {
    border-radius: 3px;
    outline: 3px solid rgba(21, 150, 255, .6);
    outline-offset: 3px;
}