:root{--font-sans: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-green: #3a9e71;--color-green-light: #b8ddc9;--color-navy: #1b2a4a;--color-navy-light: #2e4070;--color-off-white: #faf8f3;--color-surface: #ffffff;--color-text-primary: #1b2a4a;--color-text-secondary: #6b7a99;--color-text-muted: #aab4cc;--color-divider: #eeebe4;--color-error: #d95353;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: 0 28px 70px rgba(27, 42, 74, .08);--shell-width: 420px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--step-0: #eaf7ee;--step-1: #e6f5ec;--step-2: #dff2e8;--step-3: #e8f6ee;--step-4: #e3f4eb;--step-5: #e9f7ed;--step-6: #ebf8ef;--step-7: #f1fbf4}:root{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-off-white);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-off-white)}*{box-sizing:border-box}body{color:var(--color-text-primary)}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:var(--space-6);display:flex;justify-content:center;background:var(--shell-background, var(--color-off-white));transition:background-color .4s ease-in-out}.app-shell--centered{align-items:center}.app-shell--welcome{--shell-background: var(--step-0)}.app-shell--identity{--shell-background: var(--step-1)}.app-shell--bank{--shell-background: var(--step-2)}.app-shell--payment{--shell-background: var(--step-3)}.app-shell--boost{--shell-background: var(--step-4)}.app-shell--preferences{--shell-background: var(--step-5)}.app-shell--review{--shell-background: var(--step-6)}.app-shell--success,.app-shell--neutral{--shell-background: var(--color-off-white)}.app-shell__content{width:min(100%,var(--shell-width))}.hero-panel,.wizard-card{background:var(--color-surface);border:1px solid rgba(238,235,228,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.wizard-shell__card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 -4px 20px #00000017}.wizard-shell,.screen-frame{display:flex;min-height:min(760px,calc(100vh - 48px));flex-direction:column}.screen-frame{background:transparent}.wizard-shell__header{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:20px 24px 16px}.screen-frame__header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:20px 24px 16px}.screen-frame__header>:first-child{justify-self:start}.screen-frame__header>:last-child{justify-self:end}.wizard-shell__meta,.screen-frame__title{margin:0;color:var(--color-navy)}.wizard-shell__meta{font-size:12px;font-weight:600;letter-spacing:.04em}.screen-frame__title{text-align:center;font-size:18px;font-weight:700}.wizard-shell__card{flex:1;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.wizard-shell__card-content,.wizard-step-frame,.screen-frame__content{height:100%}.wizard-step-frame,.screen-frame__content{display:flex;flex-direction:column}.wizard-step-frame__scroll{flex:1;padding:24px}.screen-frame__content{flex:1;padding:8px 24px 40px}.screen-frame__content--scrollable{overflow-y:auto}.screen-frame__content--top{justify-content:flex-start}.screen-frame__bottom-spacer{flex:1;min-height:32px}.wizard-step-frame__scroll{overflow-y:auto}.wizard-step-frame__body{display:grid;gap:var(--space-4)}.wizard-footer{display:flex;justify-content:space-between;gap:var(--space-3);padding:10px 16px 24px;border-top:1px solid var(--color-divider);background:var(--color-surface)}.wizard-copy-block,.stack-md,.stack-sm,.stack-xs,.sheet-form,.section-block,.menu-list,.settings-list{display:grid}.wizard-copy-block,.stack-md,.sheet-form,.section-block,.menu-list,.settings-list{gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.stack-xs{gap:var(--space-1)}.full-screen-panel{display:flex;min-height:min(760px,calc(100vh - 48px));flex-direction:column;justify-content:flex-start;padding:0 32px;color:var(--color-navy)}.full-screen-panel--centered{justify-content:center}.full-screen-panel__grow{flex:1}.logged-in-panel{padding:0}.logged-in-panel__spacer{flex:1;min-height:24px}.logged-in-panel__copy{max-width:22rem}.logged-in-panel__footer-gap{height:24px}.enter-sequence{display:grid;gap:var(--space-4)}.enter-sequence>*,.sheet-form>*,.sheet-panel__results>*{opacity:0;animation:fade-rise-in .36s cubic-bezier(.22,1,.36,1) forwards}.enter-sequence>*:nth-child(1),.sheet-form>*:nth-child(1),.sheet-panel__results>*:nth-child(1){animation-delay:80ms}.enter-sequence>*:nth-child(2),.sheet-form>*:nth-child(2),.sheet-panel__results>*:nth-child(2){animation-delay:.15s}.enter-sequence>*:nth-child(3),.sheet-form>*:nth-child(3),.sheet-panel__results>*:nth-child(3){animation-delay:.22s}.enter-sequence>*:nth-child(4),.sheet-form>*:nth-child(4),.sheet-panel__results>*:nth-child(4){animation-delay:.29s}.enter-sequence>*:nth-child(5),.sheet-form>*:nth-child(5),.sheet-panel__results>*:nth-child(5){animation-delay:.36s}.enter-sequence>*:nth-child(6),.sheet-form>*:nth-child(6),.sheet-panel__results>*:nth-child(6){animation-delay:.43s}.enter-pop{opacity:0;animation:scale-pop-in .52s cubic-bezier(.34,1.56,.64,1) .12s forwards}.enter-slide-down{opacity:0;animation:fade-drop-in .35s cubic-bezier(.22,1,.36,1) 80ms forwards}.hero-emoji,.success-check,.login-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.hero-emoji{align-self:flex-start;font-size:64px}.login-badge{align-self:flex-start;width:56px;height:56px;border-radius:14px;background:var(--color-green-light);font-size:28px}.success-check{align-self:center;width:80px;height:80px;color:var(--color-green)}.eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.eyebrow--brand,.screen-section-heading{color:var(--color-green);letter-spacing:.18em}.screen-section-heading{margin:0;font-size:11px;font-weight:700;text-transform:uppercase}.hero-title,.step-title,.section-title{margin:0;color:var(--color-navy);letter-spacing:-.03em}.hero-title{font-size:clamp(2.35rem,5vw,3.1rem);line-height:1.02}.hero-title--welcome{max-width:11ch}.hero-title--welcome-tight{max-width:10ch;line-height:1.08}.hero-title--compact{max-width:12ch;text-align:center}.hero-title--muted{color:var(--color-text-muted)}.step-title{font-size:2rem;line-height:1.1}.section-title{font-size:15px;font-weight:700}.hero-copy,.step-copy,.helper-text,.field__label,.callout span,.review-row small,.security-note p,.thank-you-card p,.menu-row__copy small,.settings-row small,.history-row__copy small{margin:0;color:var(--color-text-secondary);line-height:1.55}.review-row small{white-space:pre-line}.hero-copy--welcome{max-width:24rem}.hero-copy--centered,.step-copy--max-width{max-width:26rem;text-align:center}.tagline{margin:16px 0 12px;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.action-row{display:flex;justify-content:space-between;gap:var(--space-3)}.action-row--stacked{flex-direction:column}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;min-height:52px;padding:0 var(--space-5);font-weight:700;cursor:pointer;transition:transform .12s ease-out,opacity .12s ease-out,background-color .12s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button--loading{gap:10px}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.button--primary{background:var(--color-green);color:#fff}.button--secondary{background:transparent;color:var(--color-navy);border:1px solid var(--color-navy)}.button--ghost{background:transparent;color:var(--color-text-secondary)}.button--inline{min-height:0;padding:0}.button--full{width:100%}.button--small{min-height:36px;padding:0 12px;border-radius:8px}.button--linkish{min-height:0;padding:0;justify-content:flex-start;text-decoration:underline;color:var(--color-text-muted)}.button--centered{justify-content:center;align-self:center}.button--brand{justify-content:center}.button__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#635bff;color:#fff;font-weight:800}.loading-spinner{display:inline-flex;width:18px;height:18px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:999px;animation:spinner-rotate .72s linear infinite}.animated-checkmark{width:100%;height:100%;overflow:visible}.animated-checkmark__bg{fill:#3a9e711f}.animated-checkmark__ring,.animated-checkmark__path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.animated-checkmark__ring{stroke-width:3.2;stroke-dasharray:138.2;stroke-dashoffset:138.2;animation:checkmark-ring .42s ease-in-out 80ms forwards}.animated-checkmark__path{stroke-width:4.6;stroke-dasharray:32;stroke-dashoffset:32;animation:checkmark-path .26s ease-in-out .32s forwards}.loading-spinner--small{width:14px;height:14px;border-width:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field{display:grid;gap:var(--space-2)}.field-grid{display:grid;gap:var(--space-4)}.field-grid--two-column,.option-grid--two-column,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--four-column{grid-template-columns:repeat(4,minmax(0,1fr))}.input,select.input{width:100%;min-height:52px;border:1px solid var(--color-divider);border-radius:12px;padding:.875rem 1rem;background:var(--color-surface);color:var(--color-text-primary)}.input:focus,select.input:focus{outline:2px solid rgba(58,158,113,.25);border-color:var(--color-green)}.detected-contact-field{position:relative}.detected-contact-field__input{padding-right:3rem}.detected-contact-field__icon{position:absolute;top:50%;right:.9rem;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-green);transform:translateY(-50%)}.detected-contact-field__icon svg{width:20px;height:20px}.detected-contact-field__label{color:var(--color-green);font-size:.95rem;font-weight:500}.field__error{color:var(--color-error);font-size:.9rem}.option-grid{display:grid;gap:var(--space-3)}.option-card{display:grid;gap:var(--space-1);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);color:var(--color-text-primary);text-align:left}.option-card--centered{text-align:center;align-items:center}.option-card--selected{border-color:var(--color-green);box-shadow:inset 0 0 0 1px var(--color-green)}.option-card--dark{background:var(--color-navy);color:#fff}.option-card span,.option-card strong{color:inherit}.example-card,.preference-card,.status-card,.thank-you-card,.chart-card,.stat-pill,.history-table,.settings-list,.status-pill{border-radius:16px}.example-card{background:#b8ddc959;border:1px solid rgba(58,158,113,.2);padding:18px}.example-card__row{display:flex;align-items:center;gap:12px;margin-top:8px}.example-card__result{margin-left:auto;text-align:right}.example-card__amount{color:var(--color-navy);font-size:1.5rem}.example-card__amount--muted{color:var(--color-text-secondary)}.example-card__multiplier{color:var(--color-green);font-size:1.75rem}.example-card__arrow{color:var(--color-text-muted)}.preference-card{border:1px solid var(--color-divider);background:#fff;padding:18px}.preference-card__copy{margin-bottom:18px}.preference-card__options{gap:16px}.preference-card__options .option-card{min-height:88px;padding:14px 12px}.preference-card__title{margin:0;color:var(--color-navy);font-size:1.125rem}.status-card,.status-pill{display:flex;align-items:center;gap:16px}.status-card{padding:18px}.status-card--success,.status-pill--active{background:#4caf8214;border:1px solid rgba(76,175,130,.3)}.status-pill{padding:14px;background:#aab4cc1a}.status-card__icon,.menu-row__icon{display:inline-flex;align-items:center;justify-content:center}.status-card__icon{width:48px;height:48px;border-radius:999px;background:var(--color-green);color:#fff;font-weight:700}.security-note{display:flex;align-items:flex-start;gap:8px}.review-list,.history-table,.menu-list,.settings-list{display:grid}.menu-list{gap:0}.review-row,.settings-row,.menu-row,.history-row{display:flex;justify-content:space-between;gap:var(--space-4);width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--color-divider);background:transparent;color:inherit;text-align:left}.review-row>span:first-child{display:grid;flex:1;gap:3px}.settings-row,.menu-row,.history-row{align-items:center}.settings-row--last,.review-row:last-child,.menu-row:last-child,.history-row:last-child{border-bottom:0}.review-row strong,.status-card strong,.sheet-result strong,.thank-you-card span,.success-contact,.menu-row__copy strong,.settings-row strong,.history-row__copy strong,.history-row__amount,.stat-pill strong{color:var(--color-navy)}.menu-row__icon{width:40px;height:40px;border-radius:10px;background:#1b2a4a0f;color:var(--color-navy)}.menu-row__icon svg{width:18px;height:18px}.menu-row__copy,.settings-row span,.history-row__copy{display:grid;flex:1;gap:2px}.account-hero{display:grid;gap:8px;margin-top:24px}.account-hero__title{max-width:none}.success-contact{margin:0;font-weight:600;text-align:center}.success-panel__intro{justify-items:center}.success-panel__intro .thank-you-card{width:100%}.thank-you-card{display:flex;gap:12px;margin-top:32px;background:#b8ddc94d;border:1px solid rgba(58,158,113,.2);padding:20px}.resume-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;border-radius:12px;background:#b8ddc966;border:1px solid rgba(58,158,113,.4)}.resume-banner__icon{color:var(--color-green)}.resume-banner__text{margin:0;color:var(--color-navy);font-weight:600}.resume-banner__actions{display:flex;gap:8px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#1b2a4a2e;padding:0 12px 12px;z-index:20}.sheet-panel{width:min(100%,420px);border-radius:24px 24px 0 0;background:#fff;padding:24px;box-shadow:0 -8px 30px #1b2a4a1f}.sheet-panel__handle{width:36px;height:4px;margin:0 auto 20px;border-radius:999px;background:var(--color-divider)}.sheet-panel__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.sheet-panel__title{margin:0;font-size:18px;color:var(--color-navy)}.sheet-panel__subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:13px}.sheet-panel__results{display:grid;gap:4px;max-height:320px;margin-top:12px;overflow-y:auto}.sheet-result{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;border:0;border-bottom:1px solid var(--color-divider);background:transparent;text-align:left}.sheet-result small{display:block;color:var(--color-text-muted)}.stripe-card-shell{display:grid;gap:12px}.card-element-frame{display:flex;align-items:center;min-height:52px;border:1px solid var(--color-divider);border-radius:12px;padding:.875rem 1rem;background:var(--color-surface)}.field-note{margin:0;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--color-text-primary)}.cap-inline-input{display:flex;align-items:center;justify-content:center;gap:8px}.cap-inline-input .input{max-width:96px;text-align:center}.stat-grid{display:grid;gap:12px}.stat-pill{border:1px solid var(--color-divider);padding:14px 16px}.stat-pill small{display:block;margin-bottom:6px;color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.chart-card{height:200px;padding:16px 16px 8px 8px;border:1px solid var(--color-divider)}.simple-bar-chart,.simple-bar-chart__bars,.simple-bar-chart__column,.simple-bar-chart__track{height:100%}.simple-bar-chart__bars{display:flex;align-items:flex-end;gap:6px}.simple-bar-chart--dense .simple-bar-chart__bars{gap:4px}.simple-bar-chart__column{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.simple-bar-chart__track{width:100%;display:flex;align-items:flex-end;justify-content:center}.simple-bar-chart__bar{width:100%;border-radius:999px 999px 8px 8px;background:var(--color-navy);min-height:8px}.simple-bar-chart__bar--accent,.simple-bar-chart--dense .simple-bar-chart__bar{background:var(--color-green)}.simple-bar-chart__label{min-height:12px;color:var(--color-text-muted);font-size:10px;font-weight:600;line-height:1}.simple-bar-chart__label--ghost{color:transparent;-webkit-user-select:none;user-select:none}.history-table,.settings-list{border:1px solid var(--color-divider);padding:0 16px;background:var(--color-surface)}.status-dot{width:8px;height:8px;border-radius:999px}.status-dot--paid{background:var(--color-green)}.status-dot--pending{background:#f5a623}.status-dot--failed{background:var(--color-error)}.status-badge{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.status-badge--paid{background:#4caf821a;color:var(--color-green)}.status-badge--pending{background:#f5a6231a;color:#f5a623}.status-badge--failed{background:#d953531a;color:var(--color-error)}.step-progress{display:flex;align-items:center;width:100%}.step-progress__circle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1.5px solid rgba(27,42,74,.25);background:transparent;color:#fff;font-size:13px;font-weight:700}.step-progress__circle-inner{width:10px;height:10px;border-radius:999px;background:var(--color-green)}.step-progress__circle--complete{border-color:var(--color-green);background:var(--color-green)}.step-progress__circle--current{border-width:2px;border-color:var(--color-green);background:#fff}.step-progress__line{flex:1;height:2px;background:#1b2a4a40}.step-progress__line--complete{background:var(--color-green)}.empty-state,.loading-state,.loading-inline{color:var(--color-text-secondary);font-weight:600}.empty-state{padding:32px 0}@keyframes fade-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-drop-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-pop-in{0%{opacity:0;transform:scale(.42)}72%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes checkmark-ring{to{stroke-dashoffset:0}}@keyframes checkmark-path{to{stroke-dashoffset:0}}@media(max-width:640px){.app-shell{padding:var(--space-4)}.wizard-shell,.screen-frame,.full-screen-panel{min-height:calc(100vh - 32px)}.wizard-shell__header,.screen-frame__header,.screen-frame__content,.sheet-panel,.wizard-step-frame__scroll{padding-left:20px;padding-right:20px}.field-grid--two-column,.option-grid--two-column,.resume-banner,.stat-grid{grid-template-columns:1fr;flex-direction:column}.resume-banner{grid-template-columns:1fr}.resume-banner__actions,.screen-frame__header,.sheet-panel__header{flex-direction:column;align-items:stretch}.logged-in-panel{padding:0 8px}.full-screen-panel{padding:0 20px}}