:root{
      /* Paleta Descomplica Marinha */
      --ink:#0D2844;
      --ink-soft:#496781;
      --brand:#074369;
      --bg:#E9F0F8;
      --line:rgba(7,67,105,.14);
      --radius:16px;
      --shadow:0 14px 32px rgba(7,67,105,.18);
    }

    html,body{height:100%;margin:0}
    body{
      font-family:"Chakra Petch",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:var(--ink);
      background:linear-gradient(180deg,#eef4f8,#dbe7f3 60%,#eef4f8);
    }

    /* Centraliza o aviso na tela */
    .page{
      min-height:50dvh;
      display:grid;
      place-items:center;
      padding:24px;
    }
    @supports not (min-height:100dvh){ .page{ min-height:100vh } }

    .card{
      width:min(680px,92vw);
      background:#fff;
      border:1px solid var(--line);
      border-radius:14px;
      box-shadow:var(--shadow);
      padding:18px 20px;
    }
    .card p{
      margin:0;
      color:var(--ink-soft);
      font-size:clamp(1rem, 2.4vw, 1.075rem);
      line-height:1.55;
      text-align:left;          /* preferência do usuário */
      text-indent:30px;         /* preferência do usuário */
    }