:root{--bg-base: #0a0a0f;--bg-surface: #111118;--bg-elevated: #18181f;--bg-overlay: rgba(10, 10, 15, .85);--sparq-green: #39ff6a;--sparq-green-dim: rgba(57, 255, 106, .12);--sparq-green-mid: rgba(57, 255, 106, .3);--sparq-amber: #ffb830;--sparq-amber-dim: rgba(255, 184, 48, .12);--sparq-red: #ff4444;--sparq-red-dim: rgba(255, 68, 68, .12);--text-primary: #f0f0f8;--text-secondary: #8888a0;--text-tertiary: #55556a;--text-on-green: #001a08;--border-subtle: rgba(255, 255, 255, .06);--border-mid: rgba(255, 255, 255, .12);--border-green: rgba(57, 255, 106, .35);--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;min-height:100dvh;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:15px;line-height:1.6;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page-inner{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);max-width:480px;width:100%;margin:0 auto}.display-lg{font-family:var(--font-display);font-size:clamp(28px,8vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.02em}.display-md{font-family:var(--font-display);font-size:clamp(22px,6vw,30px);font-weight:700;line-height:1.2;letter-spacing:-.015em}.label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.mono-lg{font-family:var(--font-mono);font-size:clamp(36px,12vw,52px);font-weight:500;letter-spacing:-.02em;line-height:1}.mono-md{font-family:var(--font-mono);font-size:24px;font-weight:500;letter-spacing:-.01em}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:18px var(--space-lg);border-radius:var(--radius-full);border:none;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .15s var(--ease-spring),opacity .15s ease;min-height:58px;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--sparq-green);color:var(--text-on-green)}.btn-primary:hover:not(:disabled){background:#4dff7a}.btn-danger{background:var(--sparq-red-dim);color:var(--sparq-red);border:1px solid rgba(255,68,68,.25)}.btn-danger:hover:not(:disabled){background:#f443}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-mid)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--text-on-green);border-radius:50%;animation:spin .7s linear infinite}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--radius-xl);padding:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.field-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.field-input{background:var(--bg-base);border:1px solid var(--border-mid);border-radius:var(--radius-md);padding:14px 16px;color:var(--text-primary);font-family:var(--font-mono);font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%;-webkit-appearance:none}.field-input:focus{border-color:var(--sparq-green);box-shadow:0 0 0 3px var(--sparq-green-dim)}.field-input::placeholder{color:var(--text-tertiary)}.field-input.error{border-color:var(--sparq-red);box-shadow:0 0 0 3px var(--sparq-red-dim)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.badge-green{background:var(--sparq-green-dim);color:var(--sparq-green);border:1px solid var(--border-green)}.badge-amber{background:var(--sparq-amber-dim);color:var(--sparq-amber)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}.divider{height:1px;background:var(--border-subtle);margin:var(--space-lg) 0}.error-banner{background:var(--sparq-red-dim);border:1px solid rgba(255,68,68,.25);border-radius:var(--radius-md);padding:var(--space-md);color:var(--sparq-red);font-size:14px;line-height:1.5}.wordmark{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--text-primary)}.wordmark span{color:var(--sparq-green)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes charge-pulse{0%,to{box-shadow:0 0 0 0 var(--sparq-green-mid)}50%{box-shadow:0 0 0 16px transparent}}@keyframes number-tick{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .5s var(--ease-out) both}.animate-fade-in{animation:fade-in .4s ease both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.12s}.stagger>*:nth-child(3){animation-delay:.19s}.stagger>*:nth-child(4){animation-delay:.26s}.stagger>*:nth-child(5){animation-delay:.33s}.charge-ring{position:relative;display:flex;align-items:center;justify-content:center}.charge-ring svg{transform:rotate(-90deg)}.charge-ring-track{fill:none;stroke:var(--border-subtle);stroke-width:3}.charge-ring-progress{fill:none;stroke:var(--sparq-green);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer}.checkbox-box{flex-shrink:0;width:22px;height:22px;border:1.5px solid var(--border-mid);border-radius:6px;background:var(--bg-base);display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease;margin-top:1px}.checkbox-box.checked{background:var(--sparq-green);border-color:var(--sparq-green)}.checkbox-box svg{opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s var(--ease-spring)}.checkbox-box.checked svg{opacity:1;transform:scale(1)}.checkbox-label{font-size:13px;color:var(--text-secondary);line-height:1.5}.checkbox-label a{color:var(--sparq-green);text-decoration:none}.stripe-element-wrapper{background:var(--bg-base);border:1px solid var(--border-mid);border-radius:var(--radius-md);padding:14px 16px;transition:border-color .15s ease,box-shadow .15s ease}.stripe-element-wrapper.focused{border-color:var(--sparq-green);box-shadow:0 0 0 3px var(--sparq-green-dim)}::-webkit-scrollbar{width:0}