:root {
  color-scheme: light;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #09224f;
  background: #f3f8ff;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: #075ed1; }
header {
  color: white;
  background: linear-gradient(135deg, #092c73, #0878eb 62%, #46b6ff);
  padding: 48px 20px;
}
header div, main, footer { max-width: 840px; margin: auto; }
header h1 { margin: 0 0 6px; font-size: clamp(2rem, 7vw, 3.2rem); }
header p { margin: 0; opacity: .9; }
main { padding: 28px 20px 54px; }
section {
  background: white;
  border: 1px solid #d8e7fb;
  border-radius: 18px;
  padding: 22px;
  margin: 14px 0;
  box-shadow: 0 12px 35px rgba(9, 44, 115, .06);
}
h2 { margin-top: 0; line-height: 1.25; }
.button {
  display: inline-block;
  margin: 8px 8px 0 0;
  padding: 11px 16px;
  border-radius: 11px;
  background: #075ed1;
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.button.secondary { color: #075ed1; background: #eaf3ff; }
.note { padding: 13px 15px; border-left: 4px solid #1595ee; background: #eef8ff; }
footer { padding: 0 20px 36px; color: #52647d; font-size: .92rem; }
ul, ol { padding-left: 22px; }