* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; }
body {
    font-family: var(--font-base);
    line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea {
    font: inherit;
}
.container {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
}
h1 { font-size: clamp(2rem, 3vw, 2.7rem); font-weight: 800; }
h2 { font-size: clamp(1.4rem, 2vw, 2rem); font-weight: 800; }
h3 { font-size: 1.1rem; font-weight: 700; }
p { color: inherit; }
small { font-size: .86rem; }
.text-right { text-align: right; }
.text-muted { color: var(--text-muted); }
.mt-16 { margin-top: 16px; }
.mb-24 { margin-bottom: 24px; }
.section { padding: 56px 0; }
.section-title { margin-bottom: 24px; }

body { background-color: var(--bg-dark); color: var(--text); }
label { color: var(--text); }