/* Mesmos valores do app (lib/design/tokens.dart): fundo #0F0F0F, texto #F5F5F0,
   lime #C8F24A só na marca e na ação principal. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100dvh; display: grid; place-items: center;
  padding: 24px 16px;
  background: #0F0F0F; color: #F5F5F0;
  font: 500 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.card { width: 100%; max-width: 360px; text-align: center; }
.mark {
  width: 72px; height: 72px; border-radius: 24px; background: #C8F24A;
  display: grid; place-items: center; margin: 0 auto 24px;
}
.mark span {
  display: block; width: 30px; height: 4px; border-radius: 3px;
  background: #0F0F0F; transform: rotate(-52deg);
}
h1 { font-size: 22px; font-weight: 800; letter-spacing: -.5px; margin: 0 0 8px; }
.lead { color: rgba(245, 245, 240, .72); margin: 0 0 24px; }
.muted { color: rgba(245, 245, 240, .6); font-size: 14px; margin: 0; }
strong { color: #F5F5F0; font-weight: 700; }
.actions { display: grid; gap: 12px; margin-bottom: 32px; }
.btn {
  display: block; padding: 14px 22px; border-radius: 15px;
  background: #C8F24A; color: #0F0F0F;
  font-weight: 700; text-decoration: none;
}
.btn-outline { background: transparent; color: #F5F5F0; border: 1.5px solid rgba(245, 245, 240, .24); }
.btn:focus-visible { outline: 2px solid #F5F5F0; outline-offset: 3px; }
.trust {
  list-style: none; margin: 0; padding: 16px 0 0;
  border-top: 1px solid rgba(245, 245, 240, .12);
  text-align: left; font-size: 13px; color: rgba(245, 245, 240, .6);
  display: grid; gap: 10px;
}