*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased}.shell{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);display:flex}.side{background:color-mix(in srgb, var(--primary) 94%, #000);color:#fff;flex-direction:column;flex-shrink:0;gap:24px;width:320px;padding:30px 26px;display:flex}.brand{flex-direction:column;gap:4px;display:flex}.brand-name{font-size:1.2rem;font-weight:700}.brand-logo{object-fit:contain;align-self:flex-start;max-width:180px;max-height:44px}.checklist{flex-direction:column;gap:10px;padding:0;font-size:.9rem;list-style:none;display:flex}.item{opacity:.5;align-items:center;gap:10px;display:flex}.is-sub{padding-left:14px;font-size:.86rem}.is-now{opacity:1;font-weight:700}.is-done{opacity:.75}.dot{border:1.5px solid #ffffff8c;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:.65rem;display:grid}.is-now .dot{border-color:var(--accent);background:var(--accent)}li.is-done .dot{background:#ffffff40;border-color:#0000}.offer{border-radius:var(--radius);background:#ffffff1a;margin-top:auto;padding:14px 16px;font-size:.86rem;line-height:1.5}.offer a{color:var(--accent);word-break:break-all}.offer-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.disclosure{opacity:.5;font-size:.72rem;line-height:1.5}.side .disclosure{margin-top:8px}.main{flex-direction:column;flex:1;min-height:100vh;display:flex;position:relative;overflow:hidden}.progress{background:color-mix(in srgb, var(--primary) 15%, transparent);height:4px}.progress-fill{background:var(--primary);height:100%}.panel{flex:1;place-items:center;padding:24px;display:grid}.card{width:min(620px,100%)}.title{margin-bottom:14px;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:700;line-height:1.2}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:18px;font-size:.8rem;font-weight:700}.hint{opacity:.7;margin-bottom:22px;line-height:1.5}.intro-disclosure{opacity:.65;border-left:3px solid var(--accent);margin-bottom:26px;padding-left:12px;font-size:.85rem;line-height:1.5}.optional-hint{opacity:.65;margin:-8px 0 20px;font-size:.86rem;line-height:1.5}.handoff-notice{opacity:.8;margin-bottom:22px;font-size:1.05rem;line-height:1.6}.choices{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.big-choice{text-align:left;border-radius:var(--radius);border:1.5px solid color-mix(in srgb, var(--text) 18%, transparent);color:inherit;font:inherit;cursor:pointer;background:#fff;flex-direction:column;gap:4px;padding:18px 20px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}.big-choice:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.big-choice strong{font-size:1.05rem}.is-on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, #fff)}.field{margin-bottom:22px;display:block}.field-label{margin-bottom:10px;font-size:1.05rem;font-weight:600;line-height:1.4;display:block}.req{color:var(--accent);font-size:.8rem;font-style:normal;font-weight:600}.field-input{font:inherit;color:inherit;border:1.5px solid color-mix(in srgb, var(--text) 22%, transparent);border-radius:calc(var(--radius) * .6);background:#fff;outline:none;width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.field-input.is-invalid{border-color:#c0392b}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips[data-invalid]{outline-offset:4px;border-radius:6px;outline:2px solid #c0392b}.chip{border:1.5px solid color-mix(in srgb, var(--text) 25%, transparent);border-radius:calc(var(--radius) + 6px);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:8px 14px;font-size:.95rem;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--primary)}.chip-on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);font-weight:600}.nav-row{align-items:center;gap:18px;display:flex}.next{border-radius:var(--radius);background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:0;margin-top:10px;padding:13px 26px;font-size:1rem;font-weight:700;transition:filter .15s,transform .12s}.next:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.next:disabled{opacity:.4;cursor:not-allowed}.next-muted{background:color-mix(in srgb, var(--primary) 55%, var(--bg))}.skip{font:inherit;color:inherit;opacity:.55;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:.9rem;text-decoration:underline}.skip:hover{opacity:.9}.submit{width:100%}.submit-error{color:#c0392b;margin-bottom:12px;line-height:1.4}.back{color:inherit;opacity:.5;font:inherit;cursor:pointer;background:0 0;border:0;position:absolute;bottom:18px;left:22px}.back:hover{opacity:.9}.done{text-align:center}.done-check{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:2rem;display:grid}.done-message{opacity:.8;margin-bottom:8px;line-height:1.5}.post-claim-invite{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 10%, #fff);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);text-align:left;max-width:420px;margin:18px auto 0;padding:16px 18px;line-height:1.5}.post-claim-invite .offer-tag{color:color-mix(in srgb, var(--accent) 80%, var(--text))}.post-claim-invite .chip{margin-top:10px}@media (width<=760px){.shell{flex-direction:column}.side{gap:14px;width:100%;padding:20px}.checklist,.offer{display:none}}