:root { color-scheme: dark; }
body { margin: 0; background: #141518; color: #ECECEF; font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 64px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 40px; }
.mark { width: 36px; height: 36px; border-radius: 10px; background: #F4F4F6; color: #141518; display: grid; place-items: center; font-weight: 700; font-size: 18px; }
.name { font-weight: 600; font-size: 18px; letter-spacing: 0.02em; }
header a { color: inherit; text-decoration: none; display: flex; align-items: center; gap: 12px; }
h1 { font-size: 30px; line-height: 1.25; margin: 0 0 12px; letter-spacing: -0.01em; }
h2 { font-size: 19px; margin: 36px 0 8px; }
p, li { color: #C4C6CD; }
ul { padding-left: 22px; }
a { color: #8FB2FF; }
a:hover { color: #B3CBFF; }
.button { display: inline-block; margin: 20px 0 8px; padding: 12px 20px; border-radius: 10px; background: #2F6BED; color: #FFFFFF; font-weight: 600; text-decoration: none; }
.button:hover { color: #FFFFFF; filter: brightness(1.12); }
.small { font-size: 14px; color: #A1A3AB; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid #2A2B31; font-size: 14px; color: #A1A3AB; }
footer a { color: #A1A3AB; margin-right: 16px; }