:root{--ground:#faf6ef;--surface:#fff;--surface-warm:#f6efe3;--ink:#20302c;--muted:#5a6a63;--brand:#0e4a3f;--brand-deep:#0a3a31;--brand-soft:#e4efe9;--brand-mid:#2e8b74;--gold:#b08a3e;--gold-deep:#836023;--gold-soft:#f5ecdb;--line:#e8dfce;--danger:#a8402f;--shadow-card:0 1px 2px #20302c0a, 0 14px 36px -18px #20302c29;--shadow-btn:0 2px 6px -1px #0e4a3f59}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1100px 420px at 50% -160px, #b08a3e1a, transparent 70%), var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,.brand{letter-spacing:-.01em;color:var(--ink);margin:0 0 .4em;font-family:Fraunces,Georgia,serif}h1{text-wrap:balance;font-size:2rem;font-weight:600;line-height:1.15}h2{font-size:1.45rem;font-weight:600}h3{font-size:1.12rem;font-weight:600}a{color:var(--brand)}button{font:inherit;cursor:pointer}.demo-banner{background:var(--gold-soft);color:var(--gold-deep);text-align:center;letter-spacing:.04em;padding:6px 10px;font-size:.78rem;font-weight:600}.topbar{z-index:20;background:color-mix(in srgb, var(--ground) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex;position:sticky;top:0}.brand{margin:0;font-size:1.45rem;font-weight:700;text-decoration:none}.brand span{color:var(--gold)}.topbar nav a{color:var(--muted);margin-left:16px;font-size:.88rem;font-weight:500;text-decoration:none}.topbar nav a:hover{color:var(--brand)}.page{max-width:680px;margin:0 auto;padding:26px 20px 90px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:18px;margin-bottom:16px;padding:22px 24px}.pill{background:var(--brand-soft);color:var(--brand);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-block}.pill.gold{background:var(--gold-soft);color:var(--gold-deep)}.pill.flowing{color:#216b3b;background:#e3f0e5}.pill.overdue{color:var(--danger);background:#f6e7e3}.muted{color:var(--muted)}.small{font-size:.85rem}.thermo{background:var(--surface-warm);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.thermo>div{background:linear-gradient(90deg, var(--brand), var(--brand-mid));border-radius:999px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1)}.thermo-row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin:10px 2px 0;display:flex}.thermo-row strong{font-family:Fraunces,Georgia,serif;font-size:1.05rem}.btn{text-align:center;border:none;border-radius:12px;padding:13px 22px;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform 60ms,box-shadow .15s,background .15s;display:inline-block}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, #135a4c, var(--brand));color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:linear-gradient(180deg, var(--brand), var(--brand-deep))}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--gold)}.btn-ghost.selected{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.btn-block{width:100%;display:block}.btn-wa{color:#fff;background:#1faa53;box-shadow:0 2px 6px -1px #1faa5366}.amount-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0;display:grid}.tip-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0;display:grid}.tip-grid .btn{padding:15px 8px}input[type=text],input[type=number]{border:1.5px solid var(--line);width:100%;font:inherit;background:var(--surface);color:var(--ink);border-radius:12px;padding:12px 14px}input[type=text]:focus,input[type=number]:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #0e4a3f1f}.check-row{align-items:flex-start;gap:10px;margin:11px 0;font-size:.92rem;display:flex}.check-row input{accent-color:var(--brand);margin-top:3px}.statement{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);border-left:3px solid var(--gold);border-radius:12px;margin:16px 0;padding:14px 16px;font-size:.85rem;line-height:1.55}.feed-item{border-bottom:1px solid var(--surface-warm);align-items:center;gap:12px;padding:10px 2px;font-size:.95rem;display:flex}.feed-item:last-child{border-bottom:none}.feed-item .when{margin-left:auto}.avatar{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Fraunces,Georgia,serif;font-size:.9rem;font-weight:600;display:flex}.avatar.anon{background:var(--surface-warm);color:var(--gold-deep)}.dedication{color:var(--ink);border-left:3px solid var(--gold);max-width:56ch;margin:14px 0;padding:4px 0 4px 16px;font-family:Fraunces,Georgia,serif;font-size:1.08rem;font-style:italic}.steps{gap:14px;margin:22px 0;display:grid}.step-card{align-items:flex-start;gap:14px;display:flex}.step-num{background:linear-gradient(180deg, #135a4c, var(--brand));color:#fff;width:30px;height:30px;box-shadow:var(--shadow-btn);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;font-family:Fraunces,Georgia,serif;font-size:.88rem;font-weight:600;display:flex}.step-card p{margin:2px 0 0}.trust-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.trust-strip .card{text-align:center;background:var(--surface-warm);border-color:var(--line);box-shadow:none;margin:0;padding:16px;font-size:.82rem}.trust-strip b{color:var(--brand);margin-bottom:4px;font-family:Fraunces,Georgia,serif;font-size:1.15rem;display:block}.share-box{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 25%, transparent);border-radius:14px;margin-top:16px;padding:16px 18px}.success-check{background:linear-gradient(180deg, #135a4c, var(--brand));color:#fff;width:62px;height:62px;box-shadow:0 0 0 6px var(--brand-soft), var(--shadow-btn);border-radius:50%;justify-content:center;align-items:center;margin:8px auto 14px;font-size:1.8rem;display:flex}.registry-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:.85rem;display:flex}footer.site{border-top:1px solid var(--line);color:var(--muted);text-align:center;max-width:560px;margin-top:48px;margin-left:auto;margin-right:auto;padding:22px 18px 30px;font-size:.78rem;line-height:1.6}@media (width<=480px){.amount-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr}h1{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){.thermo>div,.btn{transition:none}}.form-label{color:var(--ink);margin:0 0 14px;font-size:.88rem;font-weight:600;display:block}.form-label input{margin-top:6px;font-weight:400}.form-label .muted{font-weight:400}.form-label>span.small{margin-top:5px;font-weight:400;display:block}input.pw{font-family:inherit}input[type=password]{border:1.5px solid var(--line);width:100%;font:inherit;background:var(--surface);color:var(--ink);border-radius:12px;padding:12px 14px}input[type=password]:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #0e4a3f1f}.agreement-box{background:var(--surface-warm);border:1px solid var(--line);border-radius:12px;max-height:300px;margin:0 0 14px;padding:14px 16px;font-size:.85rem;line-height:1.6;overflow-y:auto}.agreement-box p{margin:0 0 10px}.chip-row{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.project-item{border-bottom:1px solid var(--surface-warm);justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;display:flex}.project-item:last-child{border-bottom:none}.project-pick{text-align:left;background:var(--surface);border:1.5px solid var(--line);width:100%;font:inherit;color:var(--ink);border-radius:12px;flex-direction:column;gap:3px;margin-bottom:9px;padding:13px 15px;display:flex}.project-pick:hover{border-color:var(--gold)}.project-pick.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.register-check{border-radius:10px;margin:-6px 0 14px;padding:10px 13px;font-size:.85rem}.register-check.checking{background:var(--surface-warm);color:var(--muted)}.register-check.ok{color:#216b3b;background:#e3f0e5}.register-check.bad{color:var(--danger);background:#f6e7e3}.proof-step{border-bottom:1px solid var(--surface-warm);padding:12px 0}.proof-step:last-of-type{border-bottom:none}.proof-head{justify-content:space-between;align-items:baseline;display:flex}.proof-photo{border:1px solid var(--line);border-radius:12px;max-width:100%;margin:8px 0;display:block}.proof-form{background:var(--surface-warm);border-radius:12px;margin:4px 0 12px;padding:14px 16px}.proof-form select,.proof-form input[type=file]{border:1.5px solid var(--line);width:100%;font:inherit;background:var(--surface);color:var(--ink);border-radius:12px;margin-top:6px;padding:11px 12px}.contributors{line-height:1.9}.hero-night{color:#f5efe2;background:linear-gradient(#051a16 0%,#0a3129 62%,#0d3d34 100%);position:relative;overflow:hidden}.hero-night .scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-inner{max-width:1060px;margin:0 auto;padding:72px 22px 150px;position:relative}.hero-kicker{color:#d9a94f;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:.8rem;font-weight:650;display:inline-block}.hero-inner h1{color:#faf6ef;text-shadow:0 2px 30px #00000059;max-width:15ch;margin-bottom:.35em;font-size:clamp(2.5rem,5.5vw,3.8rem);line-height:1.08}.hero-sub{color:#cfe0d8;max-width:46ch;font-size:1.12rem;line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn-gold{color:#221806;background:linear-gradient(#cfa254,#b08a3e);padding:15px 28px;font-size:1.05rem;font-weight:700;box-shadow:0 4px 18px -4px #b08a3e99}.btn-gold:hover{background:linear-gradient(#d9ad5e,#bb9346)}.btn-outline-light{color:#faf6ef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf6ef12;border:1.5px solid #faf6ef73;padding:15px 28px;font-size:1.05rem}.btn-outline-light:hover{background:#faf6ef24}.hero-trustline{color:#9fb8ae;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;font-size:.88rem;display:flex}.hero-trustline b{color:#d9a94f;font-weight:650}.page-wide{max-width:1060px;margin:0 auto;padding:0 22px 90px}.section-title{text-align:center;margin:54px 0 6px;font-size:1.8rem}.section-sub{text-align:center;color:var(--muted);max-width:52ch;margin:0 auto 26px}.cards3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.cards3 .card{text-align:center;margin:0;padding:28px 22px}.glyph{width:56px;height:56px;margin:0 auto 12px;display:block}.opened-strip{text-align:center;background:var(--gold-soft);max-width:560px;box-shadow:var(--shadow-card);border-radius:14px;margin:-60px auto 40px;padding:14px 18px;font-size:.95rem;position:relative}.home-circle-card{max-width:620px;margin:-60px auto 40px;position:relative}.night-band{color:#f5efe2;background:linear-gradient(#051a16,#0d4237);position:relative;overflow:hidden}.night-band .scene{width:100%;height:100%;display:block;position:absolute;inset:0}.night-band-inner{max-width:1060px;margin:0 auto;padding:40px 22px 56px;position:relative}.night-band h1{color:#faf6ef;text-shadow:0 2px 24px #0006;margin-bottom:.2em}.night-band .muted{color:#a8c0b6}.night-band .dedication{color:#efe6d2;border-left-color:#d9a94f}.night-band .pill{color:#d9a94f;background:#d9a94f29}.night-band .pill.flowing{color:#9fe0c8;background:#2e8b7447}.night-band a{color:#d9a94f}.star{animation:4.5s ease-in-out infinite twinkle}.moonglow{animation:7s ease-in-out infinite alternate glowpulse}.ripples-gold{animation:6s ease-in-out infinite alternate shimmer}@keyframes twinkle{0%,to{opacity:.12}50%{opacity:1}}@keyframes glowpulse{0%{opacity:.45}to{opacity:1}}@keyframes shimmer{0%{opacity:.3}to{opacity:.75}}.topbar.dark{background:#051a16c7;border-bottom:1px solid #f5efe21f}.topbar.dark .brand{color:#faf6ef}.topbar.dark nav a{color:#cfe0d8}.topbar.dark nav a:hover{color:#d9a94f}.success-check{animation:none}@media (prefers-reduced-motion:no-preference){.success-check{animation:.5s cubic-bezier(.34,1.56,.64,1) pop}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.linklike{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,.project-pick:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}.hero-night a:focus-visible,.hero-night button:focus-visible,.night-band a:focus-visible,.topbar.dark a:focus-visible{outline-color:#f0d9a0}.reveal{opacity:0;transform:translateY(18px)}.reveal.in{opacity:1;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 90ms);transform:none}@media (prefers-reduced-motion:reduce){.reveal,.reveal.in{opacity:1;transition:none;transform:none}}.cards3 .card,.home-circle-card,.project-pick{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.cards3 .card:hover{border-color:color-mix(in srgb, var(--gold) 40%, var(--line));transform:translateY(-4px);box-shadow:0 2px 4px #20302c0d,0 22px 44px -20px #0e4a3f4d}.home-circle-card:hover{transform:translateY(-3px)}.cards3 .card .glyph{background:radial-gradient(circle at 50% 40%, var(--gold-soft), transparent 72%);border-radius:50%;padding:12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cards3 .card:hover .glyph{transform:translateY(-2px)scale(1.06)}.btn-primary,.btn-gold{position:relative;overflow:hidden}.btn-primary:after,.btn-gold:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff2e 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after,.btn-gold:hover:after{transform:translate(120%)}.btn-gold:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:no-preference){.hero-night .moonglow{animation:7s ease-in-out infinite alternate glowpulse,22s ease-in-out infinite alternate moondrift}}@keyframes moondrift{0%{transform:translate(0)}to{transform:translate(-10px,8px)}}.skeleton{background:linear-gradient(100deg, var(--surface-warm) 30%, #efe7d6 50%, var(--surface-warm) 70%);background-size:200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite shimmerbg}.skel-card{border-radius:18px;height:132px;margin-bottom:16px}.skel-line{height:14px;margin:8px 0}.skel-line.w60{width:60%}.skel-line.w40{width:40%}.skel-line.w80{width:80%}@keyframes shimmerbg{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.thermo>div{position:relative}@media (prefers-reduced-motion:no-preference){.thermo>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000) 0 0/60% 100% no-repeat;border-radius:999px;animation:2.8s ease-in-out infinite thermoshine;position:absolute;inset:0}}@keyframes thermoshine{0%{background-position:-60% 0}to{background-position:160% 0}}.success-check{position:relative}@media (prefers-reduced-motion:no-preference){.success-check:before{content:"";border-radius:50%;animation:1.8s ease-out .3s infinite ring;position:absolute;inset:-6px;box-shadow:0 0 #0e4a3f59}}@keyframes ring{to{box-shadow:0 0 0 22px #0e4a3f00}}.how-steps{gap:18px;margin:0 0 20px;padding:0;list-style:none;display:grid}.how-steps li{align-items:flex-start;gap:16px;display:flex}.how-num{background:linear-gradient(180deg, #135a4c, var(--brand));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-btn);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:600;display:flex}.how-steps h3{margin:4px 0}.money-flow{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:14px 0;display:grid}.money-flow>div{background:var(--surface-warm);text-align:center;border-radius:12px;padding:14px}.money-flow b{color:var(--brand);font-family:Fraunces,Georgia,serif;font-size:1.6rem;display:block}.money-flow span{color:var(--muted);font-size:.82rem}.faq-item{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:14px;margin-bottom:10px;padding:2px 18px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--gold-deep);font-size:1.4rem;font-weight:400;line-height:1;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-answer{color:var(--muted);padding:0 0 16px;line-height:1.65}.faq-answer a{color:var(--brand)}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex}.footer-links a{color:var(--muted);font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--brand)}
