:root {
  --navy: #0D1B2A;
  --slate: #415A77;
  --sage: #6B7F5B;
  --stone: #D9D5C9;
  --gray: #F2F4F7;
  --white: #FFFFFF;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--navy);
  background: var(--gray);
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
main { width: min(100%, 680px); padding: clamp(28px, 6vw, 64px); text-align: center; background: var(--white); border-top: 5px solid var(--sage); border-bottom: 1px solid var(--stone); }
.logo { display: block; width: min(100%, 320px); height: auto; margin: 0 auto 32px; }
h1 { font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.15; }
p { color: var(--slate); line-height: 1.6; }
.eyebrow { font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; }
a { color: var(--navy); text-underline-offset: 0.2em; }
a:focus-visible { outline: 3px solid var(--slate); outline-offset: 5px; }