:root{--paper:#ecebe5;--ink:#111113;--card:#fbfaf7;--red:#e4322b;--muted:#5d5c58;--sans:"Geist","Inter",system-ui,-apple-system,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;padding-inline:clamp(16px,5vw,64px);padding-block:0 64px}
a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 22px;position:relative}
.top::after{content:"";position:absolute;left:calc(-1*clamp(16px,5vw,64px));right:calc(-1*clamp(16px,5vw,64px));bottom:0;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='14'%3E%3Cpath d='M0 7 C30 1 50 13 80 7 S130 1 160 7 S210 13 240 7' fill='none' stroke='%23e4322b' stroke-width='2.2'/%3E%3C/svg%3E") repeat-x 0 0/240px 14px;animation:run 6s linear infinite}
@keyframes run{to{background-position:-240px 0}}@media (prefers-reduced-motion:reduce){.top::after{animation:none}}
.brand{display:inline-flex;align-items:center;gap:.6rem;font:600 1.25rem/1 var(--sans);letter-spacing:-.04em;text-decoration:none}
.brand img{width:2.4rem;height:2.4rem;border-radius:22%;box-shadow:0 0 0 2px var(--ink);rotate:-5deg}
.back{font:500 .95rem var(--sans);text-decoration:none;padding:.6rem 1rem;position:relative;isolation:isolate}
.back::before,.frame::before,.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card);box-shadow:0 0 0 2px var(--ink);filter:url(#boil);rotate:-1deg}
main{max-width:46rem;margin:clamp(40px,8vh,80px) auto 0}
.eyebrow{display:flex;align-items:center;gap:.5rem;font:500 1.05rem var(--sans);color:var(--muted)}.eyebrow img{width:1.6rem}
h1{font:500 clamp(2.6rem,6vw,4.6rem)/.98 var(--sans);letter-spacing:-.05em;margin:.6rem 0 1rem;text-wrap:balance;filter:url(#boil)}
h2{font:600 1.35rem/1.2 var(--sans);letter-spacing:-.03em;margin:2.4rem 0 .6rem;display:flex;align-items:center;gap:.5rem}h2 img{width:1.5rem}
p,li{max-width:66ch}.lead{font-size:1.2rem;color:var(--muted)}
.note{position:relative;isolation:isolate;padding:1rem 1.2rem;margin:1.6rem 0}.note::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff3f1;box-shadow:0 0 0 2px var(--ink),.25rem .25rem 0 var(--ink);filter:url(#boil);rotate:.6deg}
.frame{position:relative;isolation:isolate;padding:1.2rem 1.4rem;margin:1.2rem 0}.frame::before{rotate:.4deg;box-shadow:0 0 0 2px var(--ink),.25rem .25rem 0 var(--ink)}
table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border-bottom:1px solid rgba(17,17,19,.15);padding:.6rem .4rem;text-align:left;vertical-align:top}th{font-weight:600}.tbl{overflow-x:auto}
form{display:grid;gap:.8rem}label{font-weight:600;font-size:.95rem}input,textarea,select{font:inherit;padding:.75rem .9rem;border:2px solid var(--ink);border-radius:.6rem;background:#fff;width:100%}
.btn{font:600 1rem var(--sans);border:0;background:none;color:#fff;padding:.95rem 1.6rem;position:relative;isolation:isolate;cursor:pointer;justify-self:start}.btn::before{background:var(--red);box-shadow:0 0 0 2px var(--ink),.25rem .25rem 0 var(--ink)}
.ok{display:none;font-weight:600}.ok.on{display:block}
footer{max-width:46rem;margin:64px auto 0;border-top:2px solid var(--ink);padding-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem;color:var(--muted)}footer a{text-decoration:none}footer a:hover{text-decoration:underline}