*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafafa;--fg: #111111;--fg-muted: #6b6b6b;--accent: #6d6aff;--border: #e0e0e0;--radius: 4px;--font: "Geist", system-ui, -apple-system, sans-serif;--max-w: 640px;--transition: .24s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%}.form-area{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem 5rem}.form-footer{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--fg-muted);letter-spacing:.04em}.progress-bar{height:2px;background:var(--border);position:fixed;top:0;left:0;right:0;z-index:100}.progress-bar__fill{height:100%;background:var(--accent);transition:width .36s cubic-bezier(.4,0,.2,1)}.step{max-width:var(--max-w);width:100%;margin:0 auto;opacity:1;transform:translateY(0)}.step--enter-forward{animation:slide-up .3s cubic-bezier(.4,0,.2,1) both}.step--enter-back{animation:slide-down .3s cubic-bezier(.4,0,.2,1) both}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.step__inner{display:flex;flex-direction:column;gap:2rem}.step__label{font-size:clamp(1.35rem,3.5vw,2rem);font-weight:500;line-height:1.25;letter-spacing:-.02em}.step__sublabel{margin-top:-1.25rem;font-size:.9rem;color:var(--fg-muted)}.choices{list-style:none;display:flex;flex-direction:column;gap:.625rem}.choice{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;background:transparent;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;font-family:var(--font);font-size:.975rem;color:var(--fg);text-align:left;transition:border-color var(--transition),background var(--transition),color var(--transition)}.choice:hover{border-color:var(--fg-muted)}.choice--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent)}.choice--selected .choice__key{background:var(--accent);color:#fff;border-color:var(--accent)}.choice__key{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.03em;border:1.5px solid var(--border);border-radius:3px;transition:background var(--transition),color var(--transition),border-color var(--transition)}.choice__label{flex:1}.text-input-wrap{display:flex;flex-direction:column;gap:.5rem}.text-input{width:100%;padding:.875rem 1rem;background:transparent;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.975rem;color:var(--fg);resize:vertical;transition:border-color var(--transition);outline:none}.text-input::placeholder{color:#b0b0b0}.text-input:focus{border-color:var(--accent)}.optional-tag{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.nav{max-width:var(--max-w);width:100%;margin:0 auto;display:flex;align-items:center;gap:.75rem;margin-top:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:var(--font);font-size:.9rem;font-weight:500;letter-spacing:.01em;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition);border:1.5px solid transparent}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--primary:not(:disabled):hover{background:#2a2a2a;border-color:#2a2a2a}.btn--ghost{background:transparent;color:var(--fg-muted);border-color:var(--border)}.btn--ghost:not(:disabled):hover{color:var(--fg);border-color:var(--fg-muted)}.error-msg{max-width:var(--max-w);width:100%;margin:1rem auto 0;font-size:.85rem;color:#c0392b}.thankyou{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;animation:slide-up .4s cubic-bezier(.4,0,.2,1) both}.thankyou__inner{max-width:480px;display:flex;flex-direction:column;gap:1.25rem}.thankyou__mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1.5px solid var(--accent);border-radius:50%;color:var(--accent);font-size:1rem}.thankyou__heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.thankyou__body{font-size:1rem;color:var(--fg-muted);line-height:1.65}.thankyou__body strong{color:var(--fg);font-weight:500}.step--welcome{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.welcome{width:100%;max-width:var(--max-w)}.welcome__inner{display:flex;flex-direction:column;gap:1.5rem}.welcome__eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.welcome__heading{font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.welcome__body{font-size:1rem;color:var(--fg-muted);line-height:1.65;max-width:420px}.welcome__cta{align-self:flex-start;margin-top:.5rem}.multi-field{display:flex;flex-direction:column;gap:1.75rem}.multi-field__item{display:flex;flex-direction:column;gap:.5rem}.multi-field__label{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:500;letter-spacing:-.01em;line-height:1.3}@media(max-width:480px){.form-area{padding:1.5rem 1rem 5rem}.btn{padding:.7rem 1.25rem;font-size:.875rem}}