:root{--paper:#f3f0e9;--ink:#0a0a0b;--pink:#f24f91;--purple:#8d54ef;--blue:#526ff2;--pad:clamp(22px,6vw,92px)}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;display:grid;grid-template-rows:auto 1fr auto}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{height:82px;padding:0 var(--pad);display:flex;align-items:center;border-bottom:1px solid rgba(10,10,11,.2)}
header img{display:block;width:58px;height:58px;object-fit:contain}
.message{padding:clamp(72px,12vw,150px) var(--pad);position:relative;overflow:hidden;display:flex;align-items:center}
.message:after{content:"THANK YOU";position:absolute;right:-.04em;top:.02em;font:900 clamp(100px,22vw,330px)/.85 Arial,sans-serif;letter-spacing:-.08em;color:transparent;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;background-clip:text;opacity:.18}
.inner{position:relative;z-index:1;max-width:850px}
.eyebrow{font:800 11px ui-monospace,monospace;letter-spacing:.16em;color:var(--pink)}
h1{font:900 clamp(44px,8vw,100px)/1.05 "Arial Black","Yu Gothic",sans-serif;letter-spacing:-.05em;margin:20px 0 32px}
.thanks-content p{font-size:clamp(15px,2vw,19px);line-height:1.9;font-weight:600;margin:0 0 16px}
.back{display:inline-block;margin-top:26px;background:var(--ink);color:#fff;text-decoration:none;padding:18px 24px;font:900 12px Arial,sans-serif;letter-spacing:.08em}
.back:hover{background:var(--blue)}
.back:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
footer{background:var(--ink);color:#fff;padding:28px var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:700 11px ui-monospace,monospace;letter-spacing:.1em}
@media(max-width:700px){.message:after{top:.18em}.message{align-items:flex-start}footer{flex-direction:column}}