:root{--care-ink:#241b33;--care-muted:#615a6c;--care-purple:#6033c6;--care-soft:#f2edff;--care-line:#ded5ea;--care-paper:#fffdfa;--care-green:#237a4b;--care-red:#a5352e}
*{box-sizing:border-box}
body.care-flow-page{margin:0;background:#f7f3ed;color:var(--care-ink);font-family:"Atkinson Hyperlegible",sans-serif;min-height:100vh}
.care-head{height:82px;padding:0 clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:var(--care-paper);border-bottom:1px solid #e6ded3}
.care-head .logo{color:var(--care-ink);font:800 2rem/1 "Bricolage Grotesque",sans-serif;text-decoration:none}.care-head .logo span{color:var(--care-purple)}
.care-space-link{padding:11px 18px;border:1px solid var(--care-line);border-radius:999px;color:var(--care-ink);font-weight:700;text-decoration:none}
.care-shell{width:min(1120px,calc(100% - 40px));margin:auto;padding:clamp(42px,7vw,82px) 0 70px}
.care-intro{max-width:760px}.eyebrow{margin:0 0 12px;color:var(--care-purple);font-weight:800;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}.care-intro h1{margin:0;font:800 clamp(2.35rem,6vw,4.7rem)/.98 "Bricolage Grotesque",sans-serif;letter-spacing:-.045em}.care-intro>p{max-width:650px;margin:22px 0 0;color:var(--care-muted);font-size:1.2rem;line-height:1.55}
.care-progress{display:flex;gap:8px;margin:32px 0 0;padding:0;list-style:none}.care-progress li{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;color:var(--care-muted);font-size:.92rem;font-weight:700}.care-progress span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--care-line);border-radius:50%;background:#fff}.care-progress .done,.care-progress .active{color:var(--care-purple);background:var(--care-soft)}.care-progress .done span,.care-progress .active span{border-color:var(--care-purple)}
.care-loading{margin:42px 0;padding:22px;border:1px solid var(--care-line);border-radius:18px;background:#fff}
.care-workspace{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;margin-top:44px;align-items:start}.care-panel{padding:clamp(22px,3vw,34px);border:1px solid var(--care-line);border-radius:24px;background:var(--care-paper);box-shadow:0 16px 45px rgba(36,27,51,.06)}.care-panel h2,.care-pending h2{margin:0;font:800 clamp(1.55rem,3vw,2.2rem)/1.05 "Bricolage Grotesque",sans-serif}.care-panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.care-count{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:var(--care-soft);color:var(--care-purple);font-weight:800}
.care-people{display:grid;gap:12px;margin-top:24px}.care-person{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--care-line);border-radius:17px;background:#fff}.care-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--care-soft);color:var(--care-purple);font-weight:800;font-size:1.15rem}.care-person-copy{min-width:0;display:flex;flex:1;flex-direction:column}.care-person-copy small{margin-top:2px;color:var(--care-muted)}.care-person a{padding:10px 14px;border-radius:999px;background:var(--care-purple);color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.care-empty{margin-top:24px;padding:22px;border-radius:17px;background:#f7f3ed}.care-empty p{margin:7px 0 0;color:var(--care-muted);line-height:1.45}
.care-panel-note{margin:12px 0 0;color:var(--care-muted);line-height:1.5}.care-form{display:grid;gap:17px;margin-top:24px}.care-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.care-form label:not(.care-consent){display:grid;gap:7px}.care-form label>span{font-weight:700}.care-form small{font-weight:400;color:var(--care-muted)}.care-form input[type="text"],.care-form input[type="email"],.care-form input:not([type]){width:100%;min-height:51px;padding:12px 14px;border:1px solid #cfc4dc;border-radius:12px;background:#fff;color:var(--care-ink);font:inherit}.care-form input:focus{outline:3px solid rgba(96,51,198,.2);border-color:var(--care-purple)}.care-consent{display:flex;align-items:flex-start;gap:11px;color:var(--care-muted);line-height:1.4}.care-consent input{width:21px;height:21px;flex:none;accent-color:var(--care-purple)}.care-primary{min-height:54px;padding:13px 20px;border:0;border-radius:999px;background:var(--care-purple);color:#fff;font:800 1rem/1.1 inherit;cursor:pointer}.care-primary:disabled{opacity:.6;cursor:wait}
.care-alert{margin-top:22px;padding:16px 18px;border-radius:14px;line-height:1.45}.care-alert-error{border:1px solid #e2aaa5;background:#fff1ef;color:var(--care-red)}.care-alert-success{border:1px solid #a9d7bd;background:#effaf4;color:#155c37}.care-alert a{font-weight:800;color:inherit}.care-alert button{margin-top:10px;padding:9px 13px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:700 .9rem inherit;cursor:pointer}
.care-accept-panel{max-width:680px;margin-top:34px}.care-accept-panel>p{color:var(--care-muted);font-size:1.08rem;line-height:1.55}.care-accept-panel .care-consent{margin:24px 0}.care-decline{display:block;margin-top:18px;color:var(--care-muted);text-align:center}.care-primary-link{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;text-decoration:none}
.care-pending{margin-top:28px;padding:25px;border:1px solid var(--care-line);border-radius:20px;background:rgba(255,255,255,.65)}.care-pending h2{font-size:1.35rem}.care-pending-list{display:grid;gap:10px;margin-top:16px}.care-pending-row{display:flex;justify-content:space-between;gap:18px;padding-top:12px;border-top:1px solid var(--care-line)}.care-pending-row span{color:var(--care-muted)}
@media(max-width:780px){.care-shell{width:min(100% - 28px,620px);padding-top:34px}.care-head{height:70px;padding-inline:18px}.care-intro h1{font-size:clamp(2.25rem,11vw,3.4rem)}.care-progress{display:grid;grid-template-columns:1fr;margin-top:25px}.care-progress li{padding:7px 10px}.care-workspace{grid-template-columns:1fr;margin-top:30px}.care-invite-panel{order:-1}.care-name-grid{grid-template-columns:1fr}.care-person{align-items:flex-start;flex-wrap:wrap}.care-person a{width:100%;text-align:center}.care-pending-row{flex-direction:column;gap:3px}}
@media(max-width:420px){.care-space-link{padding:9px 12px}.care-panel{padding:20px 16px;border-radius:19px}.care-shell{width:calc(100% - 20px)}.care-intro>p{font-size:1.06rem}}