*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#111;background:#fafafa}.page{max-width:520px;margin:0 auto;padding:3rem 1.25rem 4rem}.page-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.lede{margin:0 0 2rem;color:#52525b}.signup-form{gap:1.25rem;padding:1.5rem;background:#fff;border:1px solid #e4e4e7;border-radius:12px}.field,.signup-form{display:flex;flex-direction:column}.field{gap:.5rem;border:none;margin:0;padding:0}.field legend{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.field input[type=email],.field input[type=text]{width:100%;padding:.65rem .75rem;font-size:1rem;border:1px solid #d4d4d8;border-radius:8px;background:#fff}.field input:focus{outline:2px solid #18181b;outline-offset:1px;border-color:#18181b}.topic-chips,.topic-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.35rem .65rem;font-size:.85rem;border:1px solid #d4d4d8;border-radius:999px;background:#f4f4f5;color:#3f3f46;cursor:pointer}.chip:hover:not(:disabled){background:#e4e4e7}.chip-active{background:#18181b;color:#fff;border-color:#18181b}.chip:disabled{opacity:.6;cursor:not-allowed}.form-error{margin:0;padding:.75rem;font-size:.9rem;color:#b91c1c;background:#fef2f2;border-radius:8px}.submit-btn{padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:#18181b;border:none;border-radius:8px;cursor:pointer}.submit-btn:hover:not(:disabled){background:#27272a}.submit-btn:disabled{opacity:.7;cursor:wait}.signup-success{padding:1.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.signup-success h2{margin:0 0 .75rem;font-size:1.25rem}.signup-success code{font-size:.9rem;word-break:break-all}.page-footer{margin-top:2rem;font-size:.85rem}.page-footer a{color:#71717a}