:root { --ink:#161616; --paper:#f7f5ef; --accent:#2e2e2e; --max:760px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Courier New", Courier, monospace}
.page{max-width:var(--max);margin:0 auto;padding:24px}
.header{padding:24px 0;border-bottom:1px solid var(--accent)}
.type{font-weight:700;letter-spacing:.03em;position:relative}
.type::after{content:"";display:block;width:80px;height:2px;background:var(--ink);margin:.4rem 0}
.strap{margin:.4rem 0 1rem}
.nav a{margin-right:14px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}
.section{padding:28px 0;border-bottom:1px dotted var(--accent)}
.section:last-of-type{border-bottom:none}
ul{padding-left:1rem}
.link{border-bottom:2px solid var(--ink);text-decoration:none}
.form{display:grid;gap:.6rem;max-width:420px}
input[type=email]{padding:.6rem;border:1px solid var(--ink);background:#fff;font:inherit}
button{padding:.6rem .9rem;border:1px solid var(--ink);background:transparent;font:inherit;cursor:pointer}
button:hover{transform:translateY(-1px)}
.msg{min-height:1.2em}
.footer{padding:24px 0;color:#555}
@media (max-width:600px){ .nav a{display:inline-block;margin:0 10px 6px 0} }