:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17191f; background: #f4f6fa; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 32px, 760px); margin: 40px auto; padding: 36px; border: 1px solid #e3e7ef; border-radius: 22px; background: #fff; box-shadow: 0 14px 36px rgba(30, 51, 90, .08); }
h1 { margin: 0 0 8px; font-size: 30px; letter-spacing: -.8px; }
h2 { margin: 30px 0 10px; font-size: 20px; letter-spacing: -.4px; }
p, li { font-size: 16px; line-height: 1.72; }
.meta { margin-bottom: 28px; color: #697386; }
.brand { color: #2463eb; font-weight: 800; }
a { color: #165dff; }
nav { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
nav a { font-weight: 700; }
.contact { margin-top: 18px; padding: 18px; border-radius: 14px; background: #f4f7ff; line-height: 1.72; }
@media (max-width: 560px) { main { margin: 0; width: 100%; min-height: 100vh; padding: 28px 20px; border: 0; border-radius: 0; } }