:root {
        --azul-escuro: #0a4474;
        --azul-profundo: #062c4a;
        --verde: #06c066;
        --bg: #f7f9fc;
        --superficie: #ffffff;
        --texto: #33465e;
        --texto-suave: #64748b;
        --linha: #e2e8f0;
        --font-display: 'Space Grotesk', system-ui, sans-serif;
        --font-body: 'IBM Plex Sans', system-ui, sans-serif;
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        background: var(--bg);
        color: var(--texto);
        font-family: var(--font-body);
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
      }

      header {
        background: linear-gradient(135deg, var(--azul-escuro) 0%, var(--azul-profundo) 100%);
        padding: 32px 24px;
      }

      header .faixa {
        max-width: 760px;
        margin: 0 auto;
      }

      header a {
        color: #fff;
        text-decoration: none;
        font-family: var(--font-display);
        font-weight: 700;
        font-size: 20px;
      }

      header p {
        margin: 8px 0 0;
        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;
      }

      main {
        max-width: 760px;
        margin: 0 auto;
        padding: 48px 24px 80px;
      }

      h1 {
        font-family: var(--font-display);
        color: var(--azul-escuro);
        font-size: clamp(26px, 4vw, 34px);
        margin: 0 0 8px;
      }

      .atualizado {
        font-size: 13px;
        color: var(--texto-suave);
        margin-bottom: 40px;
      }

      h2 {
        font-family: var(--font-display);
        color: var(--azul-escuro);
        font-size: 20px;
        margin: 40px 0 12px;
      }

      p,
      li {
        font-size: 16px;
        color: var(--texto);
      }

      ul {
        padding-left: 20px;
      }

      li + li {
        margin-top: 8px;
      }

      a {
        color: var(--azul-escuro);
      }

      .voltar {
        display: inline-block;
        margin-top: 48px;
        font-weight: 600;
      }