:root{--green-50: #e6fde5;--green-100: #d9fed7;--green-200: #a5f4ac;--green-300: #8ee89d;--green-400: #00ba40;--green-500: #00882f;--green-600: #006d29;--green-700: #1e4d32;--green-800: #193c2a;--green-900: #0d2618;--neutral-50: #fafafa;--neutral-100: #f0f0f0;--neutral-200: #cecece;--neutral-300: #acacac;--neutral-400: #989898;--neutral-500: #6f6f6f;--neutral-600: #5b5b5b;--neutral-700: #373640;--neutral-800: #14111d;--neutral-900: #0a080f;--white: #ffffff;--color-text: var(--neutral-800);--color-text-muted: var(--neutral-600);--color-text-on-dark: var(--white);--color-bg: var(--white);--color-border: var(--neutral-300);--color-border-strong: var(--neutral-400);--color-primary: var(--green-500);--color-primary-hover: var(--green-600);--color-primary-active: var(--green-700);--color-focus-ring: rgba(0, 136, 47, .25);--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-size-body: 1.25rem;--font-size-sm: 1rem;--font-size-xs: .75rem;--line-height-body: 1.4;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius: 4px;--control-padding-y: .875rem;--control-padding-x: 1.75rem;--border-width: 1px;--transition: .12s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,p{margin:0}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto}[x-cloak]{display:none!important}.container{position:relative;width:100%;max-width:80rem;margin-inline:auto;padding-inline:var(--space-6);padding-bottom:var(--space-8)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:900px){.grid{grid-template-columns:1fr;gap:var(--space-6)}}.page-header{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;margin-top:5rem;margin-bottom:4rem}.page-header h1{font-size:4.5rem;font-weight:600;line-height:.95;letter-spacing:-3px;text-wrap:balance;margin-bottom:24px;color:var(--green-600)}.page-header p{max-width:30rem;color:var(--color-text);font-size:var(--font-size-body);text-wrap:balance}@media(max-width:600px){.container{display:flex;flex-direction:column;padding-inline:24px;padding-top:40px;padding-bottom:40px}.page-header{order:1;flex-direction:column;margin-top:0;margin-bottom:2rem}.grid{order:2}.sign-out-button{position:static;order:3;width:100%;margin-top:var(--space-6)}.page-header h1{font-size:40px;letter-spacing:-1.5px}}.field{margin-bottom:var(--space-5)}.field-label,legend{display:block;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:400;line-height:1.2;letter-spacing:.16px;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-3)}.field small{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}input[type=text],select{width:100%;margin:0;padding:var(--control-padding-y) 20px;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--white);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input[type=text]::placeholder{color:var(--neutral-400)}input[type=text]:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--color-border-strong)}input[type=text]:not(:placeholder-shown):not(:focus):not(:disabled){border-color:var(--color-border);color:var(--color-text)}input[type=text]:focus:not(:disabled),select:focus:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}input[type=text]:disabled,select:disabled{background-color:var(--neutral-100);border-color:var(--neutral-200);color:var(--neutral-400);cursor:not-allowed}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:calc(20px + 1.25rem);cursor:pointer}fieldset{margin:0;padding:0;border:0}.radio-group{display:flex;gap:2.5rem}.radio-group label,.switch-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-body);cursor:pointer}input[type=radio]{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;margin:0;border:var(--border-width) solid var(--color-border-strong);border-radius:50%;background:var(--white);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);display:inline-grid;place-content:center}input[type=radio]:before{content:"";width:.625rem;height:.625rem;border-radius:50%;transform:scale(0);transition:transform var(--transition);background:var(--color-primary)}input[type=radio]:hover{border-color:var(--color-primary)}input[type=radio]:checked{border-color:var(--color-primary)}input[type=radio]:checked:before{transform:scale(1)}input[type=radio]:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}input[type=checkbox][role=switch]{appearance:none;-webkit-appearance:none;position:relative;width:2.75rem;height:1.5rem;margin:0;border-radius:999px;background:var(--neutral-300);cursor:pointer;transition:background var(--transition);flex-shrink:0}input[type=checkbox][role=switch]:before{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);border-radius:50%;background:var(--white);transition:transform var(--transition)}input[type=checkbox][role=switch]:hover{background:var(--neutral-400)}input[type=checkbox][role=switch]:checked{background:var(--color-primary)}input[type=checkbox][role=switch]:checked:hover{background:var(--color-primary-hover)}input[type=checkbox][role=switch]:checked:before{transform:translate(1.25rem)}input[type=checkbox][role=switch]:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}.switch-label{gap:24px;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.16px;text-transform:uppercase}.btn,button{display:inline-flex;align-items:center;justify-content:center;padding:var(--control-padding-y) var(--control-padding-x);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:400;border:var(--border-width) solid transparent;border-radius:var(--radius);cursor:pointer;outline:none;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn-primary,button:not([class]){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-dark)}.btn-primary:hover:not(:disabled),button:not([class]):hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled),button:not([class]):active:not(:disabled){background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.btn-primary:focus-visible,button:not([class]):focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-primary:disabled,button:not([class]):disabled{background-color:var(--neutral-200);border-color:var(--neutral-200);color:var(--neutral-400);cursor:not-allowed}.btn-secondary{background-color:var(--white);border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--green-50)}.btn-secondary:active:not(:disabled){background-color:var(--green-100)}.btn-secondary:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-secondary:disabled{border-color:var(--neutral-300);color:var(--neutral-300);cursor:not-allowed}.btn-primary.copied,button.copied{background-color:var(--green-400);border-color:var(--green-400);color:var(--color-text-on-dark)}.sign-out-button{width:auto;white-space:nowrap}@media(min-width:601px){.sign-out-button{position:absolute;top:var(--space-8);right:var(--space-6)}}.preview-section{position:sticky;top:var(--space-6)}.preview-label{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:400;text-transform:uppercase;letter-spacing:.16px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.signature-preview-frame{width:100%;height:200px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--white);margin-bottom:var(--space-4)}.preview-section>.btn-primary{width:100%}.preview-section details{margin-top:var(--space-5);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}.preview-section details summary{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-primary);cursor:pointer}.preview-section details summary:hover{color:var(--color-primary-hover)}.preview-section details[open] summary{margin-bottom:24px}.step{margin-bottom:var(--space-5)}.step p{margin-bottom:var(--space-3)}.step img{width:100%;border-radius:var(--radius);border:var(--border-width) solid var(--color-border)}.login-main{max-width:32rem;padding-top:6rem;text-align:center;align-items:center}.login-main img{width:56px;height:56px}.login-main h1{font-size:3rem;font-weight:600;letter-spacing:-1.5px;line-height:.95;margin:var(--space-5) 0 var(--space-4)}.login-main p{color:var(--color-text-muted);margin-bottom:var(--space-5)}.login-main [role=alert]{color:var(--green-700)}