:root{--green-dark:#085041;--green-mid:#0f6e56;--green-main:#1d9e75;--green-light:#5dcaa5;--green-pale:#9fe1cb;--green-bg:#e1f5ee;--navy:#0d1b2a;--red-needle:#e24b4a;--surface:#f5f6f4;--white:#fff;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-active:#1d9e75;--amber-info:#f59e0b;--info-bg:#fffbeb;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-enter:cubic-bezier(.22, 1, .36, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-base:.25s;--dur-screen:.35s;--dur-slow:.6s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:#1a1a2e;justify-content:center;align-items:center;display:flex}.phone-frame{background:var(--surface);border-radius:44px;width:390px;height:844px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff14}@media (width<=430px){body{background:var(--surface)}.phone-frame{width:100%;height:100%;box-shadow:none;border-radius:0}}.screen{background:var(--surface);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen-content{flex-direction:column;flex:1;padding:24px 24px 120px;display:flex}.screen-enter-right{opacity:1;transform:translate(100%)}.screen-enter-right-active{transition:transform var(--dur-screen) var(--ease-enter);transform:translate(0)}.screen-exit-left{transform:translate(0)}.screen-exit-left-active{transition:transform var(--dur-screen) var(--ease-exit);transform:translate(-100%)}.screen-enter-left{transform:translate(-100%)}.screen-enter-left-active{transition:transform var(--dur-screen) var(--ease-enter);transform:translate(0)}.screen-exit-right{transform:translate(0)}.screen-exit-right-active{transition:transform var(--dur-screen) var(--ease-exit);transform:translate(100%)}.screen-enter-up{opacity:0;transform:translateY(100%)scale(.96)}.screen-enter-up-active{opacity:1;transition:transform var(--dur-screen) var(--ease-enter), opacity var(--dur-screen) var(--ease-enter);transform:translateY(0)scale(1)}.screen-enter-fade{opacity:0}.screen-enter-fade-active{opacity:1;transition:opacity var(--dur-screen) var(--ease-standard)}.screen-exit-fade{opacity:1}.screen-exit-fade-active{opacity:0;transition:opacity var(--dur-screen) var(--ease-exit)}h1{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2}h2{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.25}.section-label{color:var(--green-main);letter-spacing:.01em;font-size:13px;font-weight:500}.body-text{color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.5}.helper-text{color:var(--text-tertiary);font-size:12px;font-weight:400}.cta-btn{background:var(--navy);color:#fff;width:calc(100% - 48px);max-width:342px;font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);z-index:10;white-space:nowrap;border:none;border-radius:100px;padding:18px 24px;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.cta-btn:active{background:#1a2d42;transform:translate(-50%)scale(.97)}.cta-btn:disabled{opacity:.4;cursor:not-allowed}.cta-btn:disabled:active{transform:translate(-50%)scale(1)}.back-btn{cursor:pointer;color:var(--text-primary);transition:opacity var(--dur-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.back-btn:active{opacity:.6}.input-field{background:var(--white);border:1.5px solid var(--border);font-size:16px;font-family:var(--font);color:var(--text-primary);width:100%;transition:border-color var(--dur-base) var(--ease-standard);border-radius:10px;outline:none;padding:14px 16px}.input-field:focus{border-color:var(--green-main)}.input-field::placeholder{color:var(--text-tertiary)}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-group{flex-direction:column;gap:4px;display:flex}.info-banner{background:var(--info-bg);border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.info-banner-icon{background:var(--amber-info);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.info-banner-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px}@keyframes blob-float-1{0%,to{transform:translate(0)}33%{transform:translate(-8px,-12px)}66%{transform:translate(4px,-6px)}}@keyframes blob-float-2{0%,to{transform:translate(0)}33%{transform:translate(10px,-8px)}66%{transform:translate(-4px,-14px)}}@keyframes blob-float-3{0%,to{transform:translate(0)}33%{transform:translate(-6px,8px)}66%{transform:translate(8px,4px)}}@keyframes blob-float-4{0%,to{transform:translate(0)}33%{transform:translate(5px,-10px)}66%{transform:translate(-5px,-5px)}}.blob-1{will-change:transform;animation:8s ease-in-out infinite blob-float-1}.blob-2{will-change:transform;animation:10s ease-in-out 2s infinite blob-float-2}.blob-3{will-change:transform;animation:12s ease-in-out 4s infinite blob-float-3}.blob-4{will-change:transform;animation:9s ease-in-out 1s infinite blob-float-4}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blob-entry{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.anim-fade-up{animation:fade-up var(--dur-screen) var(--ease-enter) both}.anim-fade-up-delay{animation:fade-up var(--dur-screen) var(--ease-enter) .2s both}.anim-fade-in{animation:fade-in var(--dur-base) var(--ease-enter) .4s both}.anim-blob-entry-1{animation:blob-entry var(--dur-base) var(--ease-enter) both}.anim-blob-entry-2{animation:blob-entry var(--dur-base) var(--ease-enter) .15s both}.anim-blob-entry-3{animation:blob-entry var(--dur-base) var(--ease-enter) .3s both}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-scale-in{animation:scale-in var(--dur-screen) var(--ease-enter) .15s both}@keyframes slide-x-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes blob-overshoot{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pill-pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes headline-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-blob-overshoot-1{animation:blob-overshoot var(--dur-slow) var(--ease-enter) both}.anim-blob-overshoot-2{animation:blob-overshoot var(--dur-slow) var(--ease-enter) .15s both}.anim-blob-overshoot-3{animation:blob-overshoot var(--dur-slow) var(--ease-enter) .3s both}.anim-headline{animation:headline-up var(--dur-screen) var(--ease-enter) .2s both}.anim-checklist-1{animation:slide-x-in var(--dur-screen) var(--ease-enter) .35s both}.anim-checklist-2{animation:slide-x-in var(--dur-screen) var(--ease-enter) .45s both}.anim-checklist-3{animation:slide-x-in var(--dur-screen) var(--ease-enter) .55s both}.anim-pill-pop{animation:pill-pop .3s var(--ease-enter) .75s both}@keyframes slide-up-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.anim-slide-up{animation:slide-up-in var(--dur-screen) var(--ease-enter) .1s both}.anim-row-1{animation:fade-in var(--dur-base) var(--ease-standard) .2s both}.anim-row-2{animation:fade-in var(--dur-base) var(--ease-standard) .28s both}.anim-row-3{animation:fade-in var(--dur-base) var(--ease-standard) .36s both}.anim-review-1{animation:fade-up var(--dur-screen) var(--ease-enter) both}.anim-review-2{animation:fade-up var(--dur-screen) var(--ease-enter) .1s both}@keyframes draw-check{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.anim-draw-check{stroke-dasharray:30;stroke-dashoffset:30px;animation:draw-check .3s var(--ease-enter) forwards}@keyframes needle-settle{0%{transform:rotate(180deg)}85%{transform:rotate(-5deg)}to{transform:rotate(0)}}.anim-needle{animation:needle-settle var(--dur-slow) var(--ease-enter) .3s both;transform-origin:50%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}