form{display:grid;gap:14px;max-width:420px;margin-bottom:40px}
label{display:grid;gap:4px;color:var(--m);font-size:12px}
label small{font-size:11px}
input{background:var(--p);color:var(--t);border:1px solid var(--l);padding:10px;font:inherit;width:100%}
input:focus-visible,button:focus-visible{outline:2px solid var(--a);outline-offset:2px}
button{font:inherit;cursor:pointer;background:none;color:var(--t);border:1px solid var(--l);padding:8px 14px}
button.btn{background:var(--a);color:#04141f;border:0;padding:12px 20px}
button.btn.danger{background:#ff8a8a}
button.link{border:0;color:var(--m);text-decoration:underline;padding:8px}
button:disabled{opacity:.6;cursor:default}
.msg{color:#ff8a8a;margin:0;min-height:1em}
.msg.ok{color:var(--a)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 20px;margin:0 0 20px}
.facts dt{color:var(--m)}
.facts dd{margin:0;overflow-wrap:anywhere}
main{padding-bottom:40px}