@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto+Slab:wght@400;700;900&display=swap');
:root{--paper:#e9ddc2;--ink:#111;--teal:#22a6a9;--pink:#e72f79;--yellow:#e8b92e;--cream:#f7edd5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Roboto Slab",Georgia,serif;background-image:radial-gradient(#0002 1px,transparent 1px);background-size:7px 7px}header{background:#111;color:#fff;padding:28px 20px;box-shadow:0 6px 0 #0002}.logo{max-width:900px;margin:auto;font:48px "Permanent Marker",cursive;color:var(--teal)}.logo b{color:var(--pink);font-size:72px;margin-right:18px}.logo small{display:block;font:14px "Roboto Slab",serif;letter-spacing:2px;margin-left:105px}.paper{max-width:760px;margin:45px auto;background:var(--cream);padding:42px 50px;box-shadow:8px 10px 0 #0003}.paper h1{font:72px "Permanent Marker",cursive;margin:0;color:var(--pink)}.lead{font-size:22px;font-weight:700}.paper label{display:block;font-weight:700;margin:18px 0}.paper input[type=text],.paper input[type=email],.paper input:not([type]),.paper input[type=tel]{display:block;width:100%;margin-top:7px;padding:13px;border:2px solid #222;background:white;font:16px "Roboto Slab",serif}.twocol{display:grid;grid-template-columns:1fr 2fr;gap:15px}.twocol label{margin-top:0}.paper fieldset{border:2px solid #222;padding:15px;margin:25px 0}.paper .radio{font-weight:400;margin:8px 0}.paper .radio input{display:inline;width:auto;margin-right:8px}.check{font-weight:400!important;font-size:14px;line-height:1.45}.check input{width:auto!important;display:inline!important;margin-right:8px}.muted{font-weight:400;font-size:13px;opacity:.7}.paper button{background:var(--pink);border:0;padding:16px 22px;font:900 18px "Roboto Slab",serif;cursor:pointer;margin-top:12px}.ok{background:#bfe8d0;padding:15px;margin:20px 0;font-weight:700}.error{background:#f4b9b9;padding:15px;margin:20px 0;font-weight:700}.hp{position:absolute;left:-9999px}footer{text-align:center;background:#111;color:white;padding:20px;margin-top:60px}@media(max-width:700px){.paper{margin:20px 12px;padding:28px 22px}.logo{font-size:34px}.logo b{font-size:50px}.logo small{margin-left:65px;font-size:10px}.paper h1{font-size:58px}.twocol{grid-template-columns:1fr}}