@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap";:root{--canvas:#000;--surface:#0d0d0d;--surface-raised:#161616;--border:#262626;--border-strong:#3a3a3a;--divider:#333;--text-primary:#f5f5f5;--wordmark:#fff;--text-label:#d4d4d4;--text-secondary:#a3a3a3;--text-tertiary:#6b6b6b;--text-disabled:#5c5c5c;--orange:#ff5a1f;--orange-hover:#ff6e3a;--orange-pressed:#e64a12;--button-label:#0a0a0a;--disabled-fill:#1f1f1f;--error:#ff4d6d;--success:#3dd68c;--underline:#4a4a4a;--ring-focus:0 0 0 3px #ff5a1f33;--ring-error:0 0 0 3px #ff4d6d29;--tint-success:#3dd68c0f;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--t-fast:.12s;--t-base:.18s;--font:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body{background:var(--canvas);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit;color:inherit}.page{min-height:100dvh;padding:24px;position:relative;overflow:hidden}.lockup{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:24px}.wordmark{color:var(--wordmark);letter-spacing:-.03em;font-size:20px;font-weight:600;line-height:1}.lockup-divider{background:var(--divider);width:1px;height:14px}.lockup-sub{color:var(--text-tertiary);font-size:13px;line-height:1}.footer{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;font-size:12px;line-height:1.4;position:absolute;bottom:24px;left:24px}@media (width>=768px){.page{padding:32px}.lockup{top:32px;left:32px}.footer{bottom:32px;left:32px}}.column{width:min(360px,100% - 48px);margin:28vh auto 0;padding-bottom:96px}@media (height<=640px){.column{margin-top:18vh}}.step.leaving{animation:step-out .16s var(--ease-in) both}.stagger>*{animation:step-in .22s var(--ease-out) both}.stagger>:nth-child(2){animation-delay:30ms}.stagger>:nth-child(3){animation-delay:60ms}.stagger>:nth-child(4),.stagger>:nth-child(5){animation-delay:90ms}@keyframes step-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes step-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}.title{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.25}.body{color:var(--text-secondary);text-wrap:pretty;margin-top:8px;font-size:14px;line-height:1.5}.body b{color:var(--text-primary);font-weight:500}.label{color:var(--text-label);margin-top:32px;font-size:13px;font-weight:500;line-height:1.4;display:block}.link{color:var(--text-primary);font-size:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;transition:text-decoration-color var(--t-fast);background:0 0;border:0;border-radius:4px;padding:0}.link:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.link:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.link:disabled{color:var(--text-tertiary)}.input{background:var(--surface);border:1px solid var(--border);width:100%;height:44px;color:var(--text-primary);transition:border-color var(--t-fast), box-shadow var(--t-fast), color var(--t-fast);border-radius:8px;outline:none;margin-top:8px;padding:0 14px;font-size:16px;display:block}.input::placeholder{color:var(--text-disabled)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--orange);box-shadow:var(--ring-focus)}.input[aria-invalid=true]{border-color:var(--error);box-shadow:var(--ring-error)}.input:disabled{color:var(--text-secondary)}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--surface) inset;-webkit-text-fill-color:var(--text-primary)}.helper{min-height:20px;color:var(--text-tertiary);align-items:center;gap:6px;margin-top:8px;font-size:13px;line-height:1.5;display:flex}.helper.error{color:var(--error)}.helper svg{flex:none}.button{background:var(--orange);width:100%;height:44px;color:var(--button-label);-webkit-user-select:none;user-select:none;transition:background var(--t-fast), transform 80ms;border:0;border-radius:8px;justify-content:center;align-items:center;margin-top:24px;font-size:14px;font-weight:600;line-height:1;display:flex;position:relative}.button:hover:not(:disabled){background:var(--orange-hover)}.button:active:not(:disabled){background:var(--orange-pressed);transform:scale(.99)}.button:focus-visible{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--orange);outline:none}.button:disabled:not(.loading){background:var(--disabled-fill);color:var(--text-disabled);cursor:not-allowed}.button .btn-label,.button .btn-spinner{transition:opacity 80ms}.button .btn-spinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.button.loading .btn-label{opacity:0}.button.loading .btn-spinner{opacity:1;transition-duration:var(--t-fast)}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.code-wrap{margin-top:32px}.code-wrap.shake{animation:.32s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.code-boxes{transition:opacity var(--t-base);gap:8px;display:flex}.code-boxes.verifying{opacity:.6}.code-sep{flex:none;width:8px}.code-box{background:var(--surface);border:1px solid var(--border);width:48px;height:56px;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-base);border-radius:8px;flex:none;position:relative}@media (width<=400px){.code-box{aspect-ratio:6/7;width:calc(16.6667% - 8px);height:auto}}.code-box.filled{border-color:var(--border-strong)}.code-box.active{border-color:var(--orange);box-shadow:var(--ring-focus)}.code-boxes.error .code-box{border-color:var(--error);box-shadow:var(--ring-error)}.code-boxes.success .code-box{border-color:var(--success);background:var(--tint-success);box-shadow:none}.code-input{width:100%;height:100%;box-shadow:none;text-align:center;color:#0000;caret-color:#0000;font-family:var(--font-mono);background:0 0;border:0;outline:none;font-size:24px;position:absolute;inset:0}.code-digit{color:var(--text-primary);font-family:var(--font-mono);pointer-events:none;animation:digit-in .12s var(--ease-out) both;justify-content:center;align-items:center;font-size:24px;font-weight:500;line-height:1;display:flex;position:absolute;inset:0}@keyframes digit-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.code-caret{background:var(--orange);pointer-events:none;width:2px;height:24px;margin:-12px 0 0 -1px;animation:1s step-end infinite blink;position:absolute;top:50%;left:50%}@keyframes blink{50%{opacity:0}}.resend-row{color:var(--text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:24px;font-size:13px;line-height:1.5;display:flex}.resend-slot{min-width:140px;animation:fade-in var(--t-base) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade{animation:fade-in var(--t-fast) both}.connected-line{align-items:center;gap:8px;display:flex}.connected-icon{color:var(--success);animation:icon-in .22s var(--ease-out) both;flex:none}.connected-icon .check{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .24s var(--ease-out) 80ms forwards}@keyframes icon-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}.connected-title{text-wrap:balance;animation:step-in .22s var(--ease-out) 60ms both}.connected-sub{color:var(--text-tertiary);animation:step-in .22s var(--ease-out) .12s both;margin-top:8px;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:reduce){.step,.stagger>*,.connected-title,.connected-sub,.connected-icon,.code-digit{animation:.12s both fade-in!important}.step.leaving{animation:.12s both fade-out!important}.code-wrap.shake{animation:none}.connected-icon .check{stroke-dashoffset:0;animation:none}.button:active:not(:disabled){transform:none}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
