:root{--paper:#f7f6f1;--ink:#2b2723;--orange:#e8792e;--sky:#cfe8f7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}
header{border-bottom:2px solid var(--ink);padding:20px max(24px,calc((100vw - 960px)/2))}
a{color:inherit;text-underline-offset:3px}.logo{font:bold 20px ui-monospace,monospace;text-decoration:none}.logo span{color:#b4531a}
main{max-width:760px;margin:48px auto;padding:0 24px}h1{font:400 clamp(24px,5vw,36px)/1.2 ui-monospace,monospace;text-transform:uppercase}
.summary{background:var(--sky);border:2px solid var(--ink);padding:20px;margin:24px 0}.price{font:bold 28px ui-monospace,monospace}
label{display:block;margin:20px 0}input[type=email]{display:block;width:100%;font:inherit;border:2px solid var(--ink);border-radius:0;background:white;padding:12px;margin-top:8px}
.check{display:flex;gap:12px;align-items:flex-start}.check input{flex-shrink:0;width:20px;height:20px;margin-top:3px}
button,.back{font:inherit}button{background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:0;font-weight:700;padding:15px 20px;width:100%;cursor:pointer}
button:hover:not(:disabled){box-shadow:-4px 4px 0 var(--ink);transform:translate(2px,-2px)}button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #155d91;outline-offset:4px}.note{color:#554f49;font-size:14px}#status{white-space:pre-line;overflow-wrap:anywhere}
footer{margin-top:32px;padding-top:20px;border-top:2px solid var(--ink);font-size:14px}

.requirements{border-left:3px solid var(--orange);padding:0 0 0 16px;margin:28px 0;font-size:14px}.requirements h2{font:700 17px ui-monospace,monospace}.requirements p{margin:12px 0}