@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-display:swap;src:url(/fonts/bricolage-800.woff2) format("woff2")}
:root{--blue:#3B6FE0;--sunny:#F5B301;--ink:#232A3D;--paper:#F7F8FB}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1.05rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:44rem;margin:0 auto;padding:2rem 1.25rem}
h1,h2,.wm{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;line-height:1.1}
.wm{font-size:clamp(2.4rem,9vw,4rem);margin:.5rem 0 0}.g{color:var(--blue)}.a{color:var(--sunny)}.r{color:var(--ink)}
.tag{margin:.25rem 0 1.5rem;font-size:1rem}
.hero{display:block;width:min(320px,80%);height:auto;margin:0 auto}
.center{text-align:center}
form{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:1.25rem;margin:1.5rem 0}
label{display:block;font-weight:600;margin-bottom:.35rem}
input[type=email]{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--ink);border-radius:10px}
button{margin-top:.75rem;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;cursor:pointer}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--sunny);outline-offset:2px}
.consent{font-size:.9rem;margin:.75rem 0 0}.msg{font-weight:700;margin-top:.75rem}
a{color:var(--blue)}footer{font-size:.9rem;border-top:1px solid #d9dce5;margin-top:2rem;padding-top:1rem}