:root{--ink:#282321;--paper:#f5f1e9;--purple:#7851b8;--line:#d9d3c8;--muted:#70665b;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:DM Sans,Arial,sans-serif;line-height:1.55}*{box-sizing:border-box}body{flex-direction:column;min-width:320px;min-height:100vh;margin:0;display:flex}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(20px,5vw,48px);display:flex}.wordmark{width:200px;height:auto;display:block}.panel{border:1.5px solid var(--ink);background:#fffdf8;border-radius:10px;width:min(520px,100% - 40px);margin:clamp(40px,10vh,96px) auto;padding:36px;box-shadow:8px 9px #e2d7ec}.panel h1{letter-spacing:-1px;margin:0 0 12px;font-size:30px;font-weight:550;line-height:1.15}.panel p{color:var(--muted);margin:0 0 20px}.button{background:var(--ink);border:1.5px solid var(--ink);color:#fff9ed;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.button:hover{background:#514339}.button-secondary{color:var(--ink);background:0 0}.button-secondary:hover{background:#eee9df}.error{color:#7a2e2e;background:#fbefee;border:1px solid #d9a7a7;border-radius:6px;padding:12px 14px;font-size:14px}.fine-print{font-size:13px}