@font-face{font-family:"Jersey 10";src:url(Jersey10.ttf);font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(BarlowCondensed-SemiBold.ttf);font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(IBMPlexMono-SemiBold.ttf);font-weight:600;font-display:swap}
body{margin:0;background:#000b22;color:#f4f7ff;font:600 19px/1.5 "Barlow Condensed",system-ui,sans-serif}
main{width:min(720px,calc(100% - 32px));margin:32px auto 64px;padding:28px;border:3px solid #ffb21a;background:#001741;box-shadow:8px 8px 0 rgba(0,0,0,.5);box-sizing:border-box}
.home img{height:28px;display:block}
h1{margin:20px 0 4px;font:400 54px/1 "Jersey 10",monospace}
h2{margin:26px 0 4px;color:#ffb21a;font:400 30px/1 "Jersey 10",monospace}
p{margin:6px 0 0;color:#c9d6e8}
.updated{color:#8fa6c3;font:600 13px "IBM Plex Mono",monospace}
a{color:#0accdf}
form{display:grid;gap:14px;margin-top:20px}
label{display:grid;gap:4px;color:#ffb21a}
input:not([type=checkbox]),textarea{box-sizing:border-box;width:100%;padding:10px;border:2px solid #0accdf;background:#000b22;color:#f4f7ff;font:600 16px "IBM Plex Mono",monospace;border-radius:2px}
input:focus,textarea:focus{outline:0;border-color:#ffb21a}
.consent{display:block;color:#c9d6e8}
.consent input{margin:0 8px 0 0;vertical-align:middle}
button{justify-self:start;padding:12px 26px;border:2px solid #ffb21a;background:#f47a1f;color:#000b22;font:400 26px/1 "Jersey 10",monospace;box-shadow:4px 4px 0 rgba(0,0,0,.5);cursor:pointer;border-radius:3px}
form.is-sending button{opacity:.6}
[data-contact-status]{margin:0;min-height:1.4em;color:#7fd83d}
form.is-error [data-contact-status]{color:#ffb21a}
