:root{--cream:#FBF5E8;--card:#FFFDF8;--ink:#33261A;--muted:#8A7461;--leaf:#5FB36B;--deep:#3E8E4B;--clay:#E0873A;--edge:#EFE5D2}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.55 "Nunito",ui-rounded,-apple-system,system-ui,sans-serif}
a{color:var(--deep)}main{max-width:720px;margin:0 auto;padding:32px 22px 64px}
h1,h2,.display{font-family:"Fredoka",ui-rounded,-apple-system,sans-serif;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(34px,7vw,56px);line-height:1.05;margin:.2em 0}h2{font-size:24px;margin-top:2em}
.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--edge);border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(89,62,36,.07)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--clay);color:#fff;text-decoration:none;font-weight:800;padding:16px 24px;border-radius:18px;box-shadow:0 6px 0 #B86524}
.btn.green{background:var(--leaf);box-shadow:0 6px 0 var(--deep)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.code{font:800 44px/1 ui-rounded,system-ui;letter-spacing:.18em}
header{display:flex;align-items:center;gap:10px;font-weight:800}header img{width:36px;height:36px;border-radius:10px}
footer{margin-top:56px;font-size:14px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}