:root{--bg: #f8f8f8;--bg-card: #ffffff;--bg-code: #f0f0f0;--bg-input: #ffffff;--border: #e2e2e2;--text: #111111;--text-muted:#666666;--accent: #d97706;--accent-bg: #fff8e6;--accent-dim:#a05805;--success: #16a34a;--success-bg:#f0fdf4;--error: #dc2626;--error-bg: #fef2f2;--focus: #d97706}@media(prefers-color-scheme:dark){:root{--bg: #0d0d0d;--bg-card: #181818;--bg-code: #242424;--bg-input: #1e1e1e;--border: #2c2c2c;--text: #e8e8e8;--text-muted:#888888;--accent: #f59e0b;--accent-bg: rgba(245,158,11,.1);--accent-dim:#fbbf24;--success: #22c55e;--success-bg:rgba(34,197,94,.08);--error: #ef4444;--error-bg: rgba(239,68,68,.08);--focus: #f59e0b}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;min-height:100dvh;display:flex;flex-direction:column}.mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,Courier New,monospace}header{border-bottom:1px solid var(--border);padding:.875rem 1.5rem}.header-inner{max-width:480px;margin:0 auto;display:flex;align-items:center;gap:.625rem}.logo-mark{width:32px;height:32px;background:var(--text);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bg)}@media(prefers-color-scheme:dark){.logo-mark{background:var(--accent);color:#0d0d0d}}.logo-name{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-weight:600;font-size:.9375rem;letter-spacing:-.02em;color:var(--text)}main{max-width:480px;margin:0 auto;padding:2.5rem 1.5rem;flex:1;width:100%}footer{border-top:1px solid var(--border);padding:1rem 1.5rem;text-align:center;font-size:.75rem;color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace}h1{font-size:1.625rem;font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-bottom:.5rem}h2{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}p{color:var(--text-muted);margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.code-block{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;padding:.875rem 1rem;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.875rem;overflow-x:auto;white-space:pre}.user-code-box{background:var(--accent-bg);border:2px solid var(--accent);border-radius:12px;padding:1.5rem;text-align:center;margin:1.5rem 0}.user-code-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem;font-family:JetBrains Mono,ui-monospace,monospace}.user-code-value{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:2.25rem;font-weight:700;letter-spacing:.15em;color:var(--text);word-break:break-all}.field{margin-bottom:1rem}label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.375rem}input[type=email],input[type=text]{display:block;width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s;-webkit-appearance:none;appearance:none}input[type=email]:focus,input[type=text]:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 18%,transparent)}input::placeholder{color:var(--text-muted)}.code-input{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:1.75rem;letter-spacing:.25em;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}@media(prefers-color-scheme:dark){.btn-primary{color:#0d0d0d}}.btn-primary:hover:not(:disabled){opacity:.88}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--border);font-size:.875rem}.btn-ghost:hover:not(:disabled){background:var(--bg-code);color:var(--text)}.alert{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;border:1px solid}.alert-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-family:JetBrains Mono,ui-monospace,monospace}.install-step{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.install-step:last-child{border-bottom:none}.step-num{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--bg-code);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-muted);flex-shrink:0;margin-top:.125rem;font-family:JetBrains Mono,ui-monospace,monospace}.hidden{display:none!important}.spacer{height:1.5rem}.divider{height:1px;background:var(--border);margin:1.5rem 0}.text-muted{color:var(--text-muted);font-size:.875rem}.text-center{text-align:center}.success-icon{width:56px;height:56px;background:var(--success-bg);border:2px solid var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--success)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){h1{font-size:1.375rem}.user-code-value{font-size:1.875rem}main{padding:2rem 1rem}}