:root { color-scheme: light; }
    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
      line-height: 1.55;
      color: #1b2430;
      background: #f4f6fa;
    }
    header {
      background: linear-gradient(180deg, #345eae 0%, #1e3c78 100%);
      color: #fff;
      padding: 48px 20px 36px;
    }
    header .wrap, main, footer { max-width: 760px; margin: 0 auto; }
    h1 { margin: 0 0 8px; font-size: 32px; letter-spacing: -0.03em; }
    .sub { opacity: 0.85; font-size: 14px; }
    main {
      background: #fff;
      margin: 24px auto 48px;
      padding: 32px 28px 40px;
      border-radius: 16px;
      box-shadow: 0 8px 30px rgba(30, 60, 120, 0.08);
    }
    h2 { margin-top: 1.8em; font-size: 20px; color: #1e3c78; }
    ul { padding-left: 1.2em; }
    a { color: #2a5bb8; }
    .callout {
      background: #eef3fb;
      border-left: 4px solid #1e3c78;
      padding: 12px 14px;
      border-radius: 0 8px 8px 0;
    }
    footer { color: #667085; font-size: 13px; padding-bottom: 40px; }
      nav.lang { text-align: right; font-size: 14px; margin-bottom: 8px; }
    nav.lang a { color: #fff; opacity: .85; margin-left: 10px; }
    nav.top a { color: #fff; margin-right: 14px; font-size: 15px; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
    .card { background: #eef3fb; border-radius: 12px; padding: 14px 16px; }
    .card h3 { margin: 0 0 6px; font-size: 16px; color: #1e3c78; }
    ol.steps li { margin-bottom: 14px; }