:root{color:#20201d;background:#f6f3ec;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:20px 0 56px}.feedback-block{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,auto) minmax(110px,auto);align-items:start;gap:18px 28px;margin-top:56px;padding:24px;border-radius:8px;background:#ffffff94;box-shadow:0 18px 50px #3e362a0f;color:#696358;font-size:14px;text-align:left}.feedback-row{display:grid;gap:7px}.footer-links{display:flex;justify-content:flex-start}.trust-note{display:grid;gap:6px;max-width:720px;color:#4d463d;line-height:1.5}.trust-note strong{color:#236b5d;font-weight:900}.feedback-block a,.feedback-row a{color:#236b5d;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.topbar,.hero,.collection-header,.content-grid,.form-layout,.admin-heading{display:grid;gap:24px}.topbar{grid-template-columns:1fr auto;align-items:center;margin-bottom:44px}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:18px}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(90deg,#20201d 0,#20201d 50%,#2f7f6f 50%,#2f7f6f);box-shadow:0 12px 24px #2f7f6f24;color:#fffaf0;font-size:23px;font-weight:900;line-height:1;letter-spacing:0}.ui-icon{display:inline-block;flex:0 0 auto;width:21px;height:21px;color:#2f7f6f;fill:currentColor}.button .ui-icon{width:17px;height:17px;margin-right:7px}.icon-button{width:44px;min-width:44px;padding:0}.icon-button .ui-icon{margin-right:0}.button{border:0;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;font-weight:700;gap:0;transition:transform .15s ease,box-shadow .15s ease}.button:disabled{cursor:wait;opacity:.65}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:#20201d;color:#fff;box-shadow:0 12px 24px #20201d29}.button-large{min-height:52px;width:100%}.button-small{min-height:36px;padding:0 12px;font-size:14px}.button-secondary,.button-ghost{background:#fff;color:#20201d;border:1px solid #ded8ca}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;min-height:500px}.hero-copy h1,.page-heading h1,.collection-header h1,.empty-state h1,.admin-heading h1{margin:0;font-size:clamp(42px,8vw,82px);line-height:.95;letter-spacing:0}.hero-copy p,.collection-header p{max-width:620px;color:#615d54;font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions .button{min-width:180px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 44px}.mode-card{display:grid;gap:14px;min-height:220px;padding:24px;border:none;border-radius:8px;background:#ffffffc2;box-shadow:0 18px 50px #3e362a14;transition:transform .15s ease,box-shadow .15s ease}.mode-card:hover{transform:translateY(-2px);box-shadow:0 24px 70px #3e362a1f}.mode-card strong{font-size:28px;line-height:1.12}.mode-card .ui-icon{width:24px;height:24px}.mode-card p{margin:0;color:#696358;line-height:1.55}.mode-button{align-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;border-radius:8px;background:#20201d;color:#fff;padding:0 18px;font-weight:800}.eyebrow{margin:0 0 12px;color:#9b3f2d;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.surface,.hero-panel{background:#ffffffdb;border:none;border-radius:8px;box-shadow:0 18px 50px #3e362a14}.hero-panel{padding:28px}.page-transition{animation:page-enter .22s ease both}.trust-toast{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:flex-start;gap:12px;max-width:min(420px,calc(100vw - 32px));border-radius:8px;background:#20201df0;color:#fffaf0;padding:13px 14px 13px 16px;box-shadow:0 18px 50px #20201d2e;font-size:14px;line-height:1.45;animation:toast-in .28s ease both}.trust-toast button{width:24px;height:24px;flex:0 0 auto;border:0;border-radius:999px;background:#ffffff1f;color:#fffaf0;cursor:pointer;line-height:1}.panel-topline,.progress-numbers,.section-title,.contribution-item,.admin-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);align-items:center;margin-bottom:18px;font-size:20px}.progress-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#eee6d8}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f7f6f,#d99a3d);transition:width 1.35s cubic-bezier(.22,1,.36,1)}.animated-demo{position:relative;overflow:hidden;transition:background-color .5s ease,border-color .5s ease,box-shadow .5s ease}.animated-demo.complete-demo{background:#edf8f1;box-shadow:0 18px 46px #2f7f6f24}.complete-demo .progress-track{background:#d7eadf}.complete-demo .progress-track span{background:linear-gradient(90deg,#2f7f6f,#47a36f)}.demo-total{position:relative;display:grid;grid-template-columns:minmax(118px,1fr) minmax(86px,auto);justify-self:end;align-items:center;column-gap:12px;width:min(100%,330px);min-height:30px;text-align:right;opacity:0;visibility:hidden;transition:opacity .22s ease}.demo-total-visible{opacity:1;visibility:visible}.demo-total strong{display:block;grid-column:2;min-width:86px;white-space:nowrap;font-variant-numeric:tabular-nums}.demo-status-line{display:flex;align-items:center;justify-content:flex-start;margin-top:12px;overflow:hidden}.demo-contribution-stage{position:relative;min-height:48px;margin-top:12px;transition:min-height .45s ease,margin-top .45s ease,opacity .3s ease}.demo-contribution-stage.demo-contribution-stage-hidden{height:0;min-height:0;margin-top:0;opacity:0}.demo-contribution-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border-radius:8px;background:#f4efe5ad;padding:9px 12px}.complete-demo .demo-contribution-card{background:#f7fcf8}.demo-contribution-card div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.demo-contribution-card strong,.demo-contribution-card b{white-space:nowrap}.demo-contribution-card span:last-child{color:#716b60;font-size:13px}.demo-contribution-enter{animation:demo-enter .4s ease both}.demo-contribution-exit{animation:demo-exit .42s ease both}.status-dot{width:9px;height:9px;border-radius:999px}.status-dot.confirmed{background:#2f7f6f}.status-dot.paid{background:#a88f35}.status-dot.pledged{background:#b8b0a2}.demo-topup-badge{position:absolute;left:0;top:50%;grid-column:1;display:inline-flex;align-items:center;justify-self:start;border-radius:999px;background:#edf8f1;color:#236b5d;padding:5px 9px;font-size:12px;font-weight:850;line-height:1.2;white-space:nowrap;box-shadow:0 6px 16px #2f7f6f1a;transform:translateY(-50%) translate(8px);animation:topup-badge 1.35s ease both;pointer-events:none}.demo-success-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#d9f0e1;color:#236b5d;padding:7px 11px;font-size:13px;font-weight:900;animation:success-badge .45s ease both}.demo-success-badge span{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:999px;background:#2f7f6f;color:#fff;font-size:12px;line-height:1}@keyframes demo-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes topup-badge{0%{opacity:0;transform:translateY(calc(-50% + 7px)) translate(-8px)}22%,72%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(calc(-50% - 7px)) translate(0)}}@keyframes success-badge{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.split-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:center;margin-bottom:44px;overflow:hidden;transition:background-color .35s ease,box-shadow .35s ease}.split-demo-complete{background:#f0f8f2;box-shadow:0 18px 50px #2f7f6f1a}.split-demo h2{margin:0;font-size:clamp(28px,4vw,40px)}.split-demo p{color:#615d54;line-height:1.6}.split-demo-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.split-paid-badge,.split-demo-final{display:inline-flex;align-items:center;border-radius:999px;background:#dff1e6;color:#236b5d;padding:7px 11px;font-size:13px;font-weight:900}.split-paid-badge{opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.split-paid-badge.visible{opacity:1;transform:translateY(0)}.split-demo-board{display:grid;gap:12px;min-height:300px}.split-demo-list{display:grid;gap:10px}.split-demo-item,.split-transfer-list span{min-width:0;border-radius:8px;background:#f4efe5;padding:12px;color:#4d463d;font-weight:750}.split-demo-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;animation:demo-enter .42s ease both}.split-demo-item small{color:#716b60;font-size:13px;font-weight:600}.split-demo-item strong{grid-row:span 2;align-self:center;white-space:nowrap}.split-transfer-list{display:grid;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.split-transfer-list.visible{opacity:1;transform:translateY(0)}.split-transfer-list>strong{color:#236b5d;font-size:14px}.split-transfer-list span{background:#eef5ef}.split-demo-final{justify-self:start;animation:success-badge .42s ease both}.demo-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;border:none;border-radius:8px;background:#eef8f3;padding:14px 16px;color:#236b5d}.demo-notice div{display:flex;flex-wrap:wrap;gap:10px}.demo-notice a{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.demo-tutorial{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);align-items:center;gap:18px;margin-bottom:22px;padding:20px;overflow:hidden}.demo-tutorial h2{margin:0;font-size:clamp(24px,4vw,34px)}.demo-tutorial ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}.demo-tutorial li{display:flex;align-items:center;gap:9px;min-width:0;border-radius:8px;background:#f4efe5;padding:10px;color:#716b60;opacity:.56;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease,background-color .28s ease,color .28s ease}.demo-tutorial li.active{background:#edf8f1;color:#236b5d;opacity:1;transform:translateY(0)}.demo-tutorial li span{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:999px;background:#2f7f6f;color:#fff;font-size:12px;font-weight:900}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;scroll-margin-top:24px}.how-heading{grid-column:1 / -1;max-width:720px;margin-bottom:4px}.how-heading h2{margin:0;font-size:clamp(30px,5vw,44px)}.how-heading p:last-child{margin:12px 0 0;color:#615d54;font-size:18px;line-height:1.6}.steps article{padding:22px;border:none;border-radius:8px;background:#ffffff9e;box-shadow:0 18px 50px #3e362a12}.steps article .ui-icon{width:24px;height:24px}.steps h2,.surface h2,.result-box h2{margin:14px 0 8px;font-size:24px}.steps p,.muted,.payment-box p,.admin-row p{color:#696358;line-height:1.55}.page-heading{margin-bottom:28px}.form-layout,.content-grid,.collection-header,.dashboard-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.stack{display:grid;gap:18px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-grid p{color:#696358;line-height:1.6}.form,.surface{padding:24px}.form{display:grid;gap:18px}.field{display:grid;gap:8px}.field span,.copy-link span{font-weight:750}.field input,.field textarea,.field select{width:100%;border:1px solid #d6cfc0;border-radius:8px;background:#fff;color:#20201d;min-height:46px;padding:11px 13px;outline:none}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#2f7f6f;box-shadow:0 0 0 3px #2f7f6f29}.field-hint{margin:0;color:#696358;line-height:1.55}.split-custom-table,.inline-edit-form{display:grid;gap:12px}.split-custom-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(110px,.8fr) auto;gap:10px;align-items:center}.split-custom-row input{min-width:0}.distribution-summary{display:grid;gap:4px;border-radius:8px;background:#f4efe5;padding:12px;color:#4d463d}.distribution-summary span{color:#696358;font-weight:700}.form-actions,.row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.success-text{margin:0 0 12px;color:#236b5d;font-weight:850}.danger-button{color:#8d2525}.button-danger{background:#8d2525;color:#fff;border-color:#8d2525}.button-danger:hover{background:#741d1d}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e1b7b7;background:#fff8f7}.danger-zone h2{margin-top:0;color:#8d2525}.danger-zone p{margin:6px 0 0;color:#6f4f4f;line-height:1.5}.field small,.form-error{color:#ad2e2e;margin:0}.copy-link{display:grid;gap:8px;margin:16px 0}.copy-link a:not(.button){display:block;overflow-wrap:anywhere;border-radius:8px;background:#f4efe5;padding:12px;color:#236b5d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.copy-actions{display:flex;flex-wrap:wrap;gap:8px}.share-actions,.admin-tools,.dashboard-list{display:grid;gap:10px}.share-actions{margin:18px 0 6px}.compact-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0}.compact-copy span{grid-column:1 / -1}.compact-copy a:not(.button){min-width:0}.compact-copy .copy-actions{flex-wrap:nowrap}.compact-copy .button{white-space:nowrap}.collection-header{margin-bottom:24px}.collection-header h1,.admin-heading h1,.page-heading h1{font-size:clamp(34px,6vw,58px)}.deadline{font-weight:700}.progress-card{display:grid;gap:14px}.progress-numbers strong{font-size:30px}.progress-card p{margin:0;color:#696358}.payment-box{position:sticky;top:18px}.payment-box .button{margin-top:12px;width:100%}.checkbox-row{display:flex;align-items:center;gap:10px;font-weight:700}.checkbox-row input{width:18px;height:18px}.privacy-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.privacy-panel h2{margin:0 0 6px}.toggle-row{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:8px;background:#f4efe5;padding:0 14px;font-weight:800}.toggle-row input{width:18px;height:18px}.contribution-list{display:grid;gap:10px}.contribution-list.compact{margin-top:22px}.contribution-item{min-height:58px;padding:12px 0;border-bottom:1px solid #ebe4d8}.contribution-item:last-child,.admin-row:last-child{border-bottom:0}.contribution-item div,.admin-row div{display:grid;gap:4px}.contribution-item span,.admin-row span{color:#716b60;font-size:14px}.section-title{margin-bottom:16px}.section-title h2{margin:0}.section-title span{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#f4efe5;font-weight:800}.admin-heading{grid-template-columns:1fr minmax(280px,420px);align-items:end;margin-bottom:24px}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tabs{display:inline-flex;gap:6px;border-radius:8px;background:#f4efe5;padding:5px;margin-bottom:18px}.tab{border:0;border-radius:6px;min-height:38px;padding:0 16px;background:transparent;color:#615d54;cursor:pointer;font-weight:800}.tab.active{background:#fff;color:#20201d;box-shadow:0 8px 20px #3e362a14}.dashboard-card{display:grid;gap:14px;padding:18px 0;border-top:1px solid #ebe4d8}.dashboard-card:first-child{border-top:0}.dashboard-card h3{margin:0;font-size:22px}.dashboard-card p{margin:6px 0 0;color:#696358}.dashboard-card-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.dashboard-card-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.dashboard-card-title .ui-icon{margin-top:2px}.dashboard-card-title>div{min-width:0}.dashboard-card-actions{display:flex;justify-content:flex-end}.dashboard-public-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;border-radius:8px;background:#f4efe5;padding:10px}.dashboard-public-link span{grid-column:1 / -1;color:#696358;font-size:14px;font-weight:800}.dashboard-public-link a:not(.button){min-width:0;overflow:hidden;color:#236b5d;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dashboard-link-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.recovery-box{display:grid;gap:12px;position:sticky;top:18px}.token-box{overflow-wrap:anywhere;border-radius:8px;background:#f4efe5;padding:14px;color:#4d463d;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.45}.admin-list{display:grid}.inline-empty,.notice-state{border-radius:8px;background:#f4efe5;padding:16px}.inline-empty p,.notice-state p{margin:6px 0 0;color:#696358;line-height:1.5}.notice-state{margin-bottom:12px;background:#e3f1ed}.notice-state strong{color:#236b5d}.admin-row{padding:16px 0;border-bottom:1px solid #ebe4d8}.admin-row.inline-edit-form{align-items:stretch;grid-template-columns:1fr}.admin-row p{margin:3px 0 0}.status-pill{border-radius:999px;padding:8px 12px;background:#f4efe5;font-weight:800}.status-pill.confirmed{color:#236b5d;background:#e3f1ed}.empty-state{display:grid;justify-items:start;gap:18px;min-height:440px;align-content:center}@media(max-width:820px){.app-shell{width:min(100% - 24px,720px);padding-top:14px}.topbar{margin-bottom:28px}.topbar .button{padding:0 12px}.icon-button{width:42px;min-width:42px;padding:0}.feedback-block{grid-template-columns:1fr;padding:20px}.hero,.mode-grid,.split-demo,.demo-tutorial,.steps,.about-grid,.form-layout,.content-grid,.collection-header,.admin-heading,.dashboard-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy h1{font-size:56px}.hero-panel,.form,.surface{padding:18px}.demo-contribution-stage{min-height:50px}.demo-contribution-card{min-height:42px}.demo-status-line{min-height:32px;justify-content:flex-start}.demo-topup-badge,.demo-success-badge{font-size:12px}.split-demo-board{min-height:0}.split-demo-item{grid-template-columns:minmax(0,1fr)}.split-demo-item strong{grid-row:auto}.payment-box,.recovery-box{position:static}.dashboard-heading,.dashboard-card-header{align-items:stretch;flex-direction:column}.dashboard-card-actions{justify-content:flex-start}.dashboard-actions{justify-content:stretch}.dashboard-public-link{grid-template-columns:1fr}.dashboard-link-actions{justify-content:flex-start}.compact-copy{grid-template-columns:1fr}.admin-row{align-items:start;flex-direction:column}.privacy-panel{align-items:stretch;flex-direction:column}}@media(max-width:520px){.brand span:last-child{display:none}.hero-copy h1,.collection-header h1,.admin-heading h1,.page-heading h1,.empty-state h1{font-size:40px}.hero-copy p,.collection-header p{font-size:16px}.button{width:100%}.button-small,.topbar .button{width:auto}.topbar{grid-template-columns:1fr}.top-actions{justify-content:stretch}.top-actions .button:not(.icon-button){flex:1 1 auto}.trust-toast{right:12px;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.hero-actions{flex-direction:column}.hero-actions .button,.mode-button{width:100%}.split-custom-row{grid-template-columns:1fr}.form-actions,.row-actions,.danger-zone{align-items:stretch;flex-direction:column}.form-actions .button,.row-actions .button,.danger-zone .button{width:100%}.panel-topline,.progress-numbers,.contribution-item{align-items:flex-start;flex-direction:column}.animated-demo .panel-topline{grid-template-columns:1fr;gap:10px}.animated-demo .demo-total{justify-self:stretch;width:100%;grid-template-columns:minmax(112px,1fr) minmax(86px,auto)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.page-transition{animation:none}}