:root { --ink:#151515; --paper:#f8f4ea; --white:#fffdf7; --accent:#f7cf3d; --muted:#6f6a60; }
* { box-sizing:border-box; }
html { color-scheme:light; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:28px; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
main { width:min(760px,100%); background:var(--white); border:3px solid var(--ink); border-radius:22px; box-shadow:9px 9px 0 var(--ink); padding:clamp(28px,7vw,64px); }
.brand { display:inline-flex; align-items:center; gap:12px; color:inherit; text-decoration:none; font-weight:950; letter-spacing:-.03em; }
.brand img { width:52px; height:52px; object-fit:cover; border:2px solid var(--ink); border-radius:50%; transform:rotate(-7deg); }
h1 { margin:28px 0 12px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.6rem,9vw,5rem); line-height:.95; letter-spacing:-.055em; }
h2 { margin-top:2rem; font-size:1.2rem; }
p, li { color:var(--muted); }
a { color:inherit; text-underline-offset:4px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; margin-top:18px; padding:0 18px; border:2px solid var(--ink); border-radius:999px; background:var(--accent); color:var(--ink); box-shadow:4px 4px 0 var(--ink); font-weight:850; text-decoration:none; }
.small { font-size:.86rem; }
ul { padding-left:1.25rem; }