:root{--indigo:#1A153C;--vermilion:#CC382E;--vermilion-deep:#A82C24;--white:#FFFFFF;--mist:#F4F3F7;--rule:#DCDAE4;
--ink:#1A153C;--ink-2:#4C4767;--serif:"Newsreader",Georgia,serif;--sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);font:17px/1.6 var(--sans)}
header{background:var(--indigo);color:var(--white);padding:14px 20px;font-family:var(--serif);font-size:20px}
main{max-width:460px;margin:40px auto;padding:28px;background:var(--white);border:1px solid var(--rule);border-radius:8px}
h1{font:400 28px/1.2 var(--serif);margin:0 0 16px}p{margin:0 0 14px;color:var(--ink-2)}
label{display:block;margin:0 0 14px;font-weight:600;font-size:15px}
input{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;border:1px solid var(--rule);border-radius:6px}
button{padding:10px 18px;font:inherit;font-weight:600;color:var(--white);background:var(--vermilion);border:0;border-radius:6px;cursor:pointer}
button:hover{background:var(--vermilion-deep)}.err{color:var(--vermilion-deep)}code{word-break:break-all;font-size:14px}
.link{background:none;color:var(--ink-2);padding:0;text-decoration:underline}