:root {
  --ax-brand: #016C74;
  --ax-bg: #f3f6f6;
  --ax-panel: #ffffff;
  --ax-text: #223033;
  --ax-shadow: 0 18px 60px rgba(0, 0, 0, .12);
  --ax-radius-lg: 18px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  color: var(--ax-text);
  background: var(--ax-bg);
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.tw_panel {
  width: min(680px, calc(100% - 40px));
  padding: 48px;
  background: var(--ax-panel);
  border-radius: var(--ax-radius-lg);
  box-shadow: var(--ax-shadow);
}

h1 { margin-top: 0; color: var(--ax-brand); }
p { line-height: 1.6; }