:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f5f7fb; color: #14202b; line-height: 1.65; }
main { max-width: 780px; margin: 0 auto; padding: 64px 24px 80px; }
article { background: white; border: 1px solid #dfe4ea; border-radius: 24px; padding: clamp(28px, 6vw, 64px); box-shadow: 0 20px 60px rgba(20, 32, 43, .09); }
.brand { color: #1747BD; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: .35rem 0 .25rem; font-size: clamp(2rem, 5vw, 3.15rem); line-height: 1.08; letter-spacing: -.035em; }
h2 { margin: 2.2rem 0 .5rem; font-size: 1.25rem; letter-spacing: -.015em; }
p, li { color: #40495c; }
.effective { margin-top: 0; color: #6b7484; }
a { color: #1747BD; font-weight: 650; }
nav { margin-top: 1.2rem; }
nav a { margin-right: 1.2rem; }
footer { padding: 24px 0; text-align: center; color: #707d89; font-size: .9rem; }
@media (prefers-color-scheme: dark) {
  body { background: #091016; color: #edf2f7; }
  article { background: #101822; border-color: #263242; box-shadow: none; }
  p, li { color: #b9c2cf; }
  .effective, footer { color: #919cac; }
  a, .brand { color: #7aa2ff; }
}