/* =========================
   BASE: variables + reset
========================= */

:root{
  --bg: #f6f8fb;
  --paper: #ffffff;
  --border: #e6edf6;

  --text-main: #0f172a;
  --text-muted: #64748b;

  --blue: #1d4ed8;
  --blue-dark: #0b2a58;

  --accent: #f97316; /* оранжевый — только для акцентов/CTA */

  --radius: 16px;
  --radius-sm: 12px;

  --shadow-sm: 0 10px 24px rgba(15,23,42,.08);
  --shadow-md: 0 18px 44px rgba(15,23,42,.12);

  --container: 1200px;
}

*{ box-sizing: border-box; }
html{ overflow-y: scroll; }
body{
  margin:0;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Arial, sans-serif;
  background: var(--bg);
  color: var(--text-main);
}

img{ max-width: 100%; display:block; }
a{ color: inherit; text-decoration: none; }
/* =========================
   TYPOGRAPHY
========================= */
h1{ font-size: 40px; line-height: 1.15; margin: 0 0 14px; letter-spacing:-.01em; }
h2{ font-size: 28px; line-height: 1.2;  margin: 0 0 12px; }
h3{ font-size: 20px; line-height: 1.25; margin: 0 0 10px; }

p{ margin: 0 0 12px; line-height: 1.65; color: var(--text-main); }
small,.muted{ color: var(--text-muted); }

ul{ margin: 0 0 14px; padding-left: 18px; }
li{ margin: 6px 0; line-height: 1.6; }

hr{ border:0; border-top:1px solid var(--border); margin: 24px 0; }
*{ box-sizing: border-box; }
html, body{ height: 100%; }
body{
  margin: 0;
  color: var(--text-main);
  background: #f6f8fb;
}
img{ max-width: 100%; display: block; }
a{ color: inherit; text-decoration: none; }