body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #f4f6f8; color: #1d2733; }
main { width: min(360px, calc(100% - 32px)); background: #fff; border-radius: 12px; padding: 32px 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .08); text-align: center; }
h1 { margin: 0 0 8px; font-size: 1.5rem; }
p { line-height: 1.4; }
.botao { display: block; margin: 12px 0; padding: 12px; border-radius: 8px; border: 1px solid #c9d1da;
  color: #1d2733; text-decoration: none; font-weight: 600; }
.botao:hover, .botao:focus { background: #eef2f6; }
.nota { font-size: .85rem; color: #5b6774; }