/* Shared stylesheet for the new pages (404 and, from stage 2, the audience sections).
   Brand tokens copied from the home page so the pages look the same. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-latin-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-latin-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-latin-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-latin-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/inter-latin-800.woff2') format('woff2')}

:root{
  --clr-primary:#2E72B8; --clr-primary-hover:#255F9C; --clr-primary-light:#EAF1F9;
  --clr-secondary:#09B7D3; --clr-surface:#F8FAFC; --clr-white:#FFFFFF;
  --clr-text-dark:#0F172A; --clr-text-mid:#64748B; --clr-border:#E2E8F0;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--clr-text-dark);background:var(--clr-surface);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--clr-primary)}
.pg-nav{background:var(--clr-white);border-bottom:1px solid var(--clr-border)}
.pg-nav-inner{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center}
.pg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--clr-text-dark);font-weight:800;font-size:20px}
.pg-brand img{height:34px;width:auto;display:block}
.pg-main{max-width:640px;margin:0 auto;padding:72px 20px 96px;text-align:center}
.pg-code{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--clr-secondary);margin:0 0 12px}
.pg-main h1{font-size:34px;line-height:1.2;font-weight:800;margin:0 0 14px}
.pg-main p{color:var(--clr-text-mid);margin:0 0 10px}
.pg-actions{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pg-btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:700;text-decoration:none;background:var(--clr-primary);color:#fff;box-shadow:0 1px 2px rgba(46,114,184,.2)}
.pg-btn:hover{background:var(--clr-primary-hover)}
.pg-btn-quiet{background:var(--clr-white);color:var(--clr-primary);border:1px solid var(--clr-border);box-shadow:none}
.pg-btn-quiet:hover{background:var(--clr-primary-light)}
.pg-lang{margin-top:36px;padding-top:28px;border-top:1px solid var(--clr-border)}
.pg-foot{text-align:center;color:var(--clr-text-mid);font-size:13px;padding:0 20px 40px}
