:root{--ink:#0b1f3a;--ink-2:#142b4d;--ink-3:#1d3963;--gold:#c79a3a;--gold-bright:#e0b455;--gold-soft:#f3e3b9;--parchment:#faf6ee;--parchment-2:#f3ecdb;--line:#e7dcc1;--line-dark:#ffffff1f;--text:#1a2236;--text-muted:#5b6680;--text-on-ink:#f5ead0;--danger:#9b2c2c;--success:#2f6b3a;--serif:"Cormorant Garamond", "Garamond", "Times New Roman", serif;--sans:"Source Sans 3", system-ui, -apple-system, sans-serif;--radius-sm:4px;--radius:8px;--radius-lg:14px;--shadow-sm:0 1px 2px #0b1f3a0f, 0 2px 8px #0b1f3a0a;--shadow:0 4px 14px #0b1f3a14, 0 1px 3px #0b1f3a0f;--shadow-lg:0 18px 50px -12px #0b1f3a40}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text);background:var(--parchment);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.55}body:before{content:"";pointer-events:none;opacity:.55;z-index:0;background-image:radial-gradient(#0b1f3a0a 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}.app{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.header{background:var(--ink);color:var(--text-on-ink);border-bottom:1px solid #c79a3a59;position:relative;overflow:hidden}.header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);opacity:.7;height:2px;position:absolute;bottom:-1px;left:0;right:0}.header__inner{align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:22px 28px 18px;display:flex}.header__logo{filter:drop-shadow(0 2px 6px #00000059);flex-shrink:0;width:auto;height:56px}.header__titles{flex-direction:column;line-height:1.1;display:flex}.header__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:600}.header__title{font-family:var(--serif);letter-spacing:.01em;margin:2px 0 0;font-size:clamp(28px,4vw,38px);font-weight:500}.header__title em{color:var(--gold-bright);font-style:italic;font-weight:400}.stepper{background:var(--ink-2);border-bottom:1px solid #ffffff0d}.stepper__inner{align-items:stretch;gap:0;max-width:1100px;margin:0 auto;padding:14px 28px;display:flex}.step{color:#f5ead080;flex:1;align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.step+.step:before{content:"";background:var(--line-dark);width:1px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step+.step{padding-left:22px}.step__num{font-family:var(--serif);border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:22px;font-style:italic;font-weight:500;display:grid}.step__label-wrap{flex-direction:column;line-height:1.1;display:flex}.step__caption{letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:10px}.step__label{letter-spacing:.01em;font-size:15px;font-weight:500}.step.is-active{color:var(--gold-bright)}.step.is-active .step__num{background:var(--gold);color:var(--ink);border-color:var(--gold)}.step.is-done{color:#f5ead0d9}.step.is-done .step__num{color:var(--gold);border-color:var(--gold);background:0 0}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:48px 28px 64px}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;padding:44px clamp(24px,5vw,56px);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--ink) 0%, var(--ink) 35%, var(--gold) 35%, var(--gold) 100%);height:6px;position:absolute;top:0;left:0;right:0}.card__eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.card__eyebrow:before{content:"";background:var(--gold);width:24px;height:1px}.card__title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:10px 0 6px;font-size:clamp(30px,4.5vw,44px);font-weight:500;line-height:1.1}.card__title em{color:var(--gold);font-style:italic}.card__lede{font-family:var(--serif);color:var(--text-muted);max-width:56ch;margin:0 0 32px;font-size:19px;font-style:italic;line-height:1.45}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field__label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.field__hint{color:var(--text-muted);font-size:13px;font-style:italic}.input{background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);padding:12px 14px;font-size:16px;transition:border-color .16s,box-shadow .16s,background .16s}.input:focus{border-color:var(--gold);background:#fff;outline:none;box-shadow:0 0 0 3px #c79a3a2e}.btn{border-radius:var(--radius);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .12s,background .16s,color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--text-on-ink);box-shadow:var(--shadow)}.btn--primary:hover:not(:disabled){background:var(--ink-3)}.btn--gold{background:var(--gold);color:var(--ink);box-shadow:var(--shadow)}.btn--gold:hover:not(:disabled){background:var(--gold-bright)}.btn--ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn--block{width:100%}.amount-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=640px){.amount-grid{grid-template-columns:repeat(2,1fr)}}.amount-chip{border:1px solid var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;font-family:var(--serif);background:#fff;padding:22px 12px;transition:all .16s;position:relative}.amount-chip:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px)}.amount-chip__currency{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.amount-chip__value{color:var(--ink);font-size:28px;font-weight:500;line-height:1}.amount-chip.is-selected{background:var(--ink);border-color:var(--ink)}.amount-chip.is-selected .amount-chip__value{color:var(--gold-bright)}.amount-chip.is-selected .amount-chip__currency{color:#f5ead0b3}.amount-custom{border:1px solid var(--line);border-radius:var(--radius);background:var(--parchment);align-items:stretch;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.amount-custom:focus-within{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #c79a3a2e}.amount-custom__prefix{font-family:var(--serif);color:var(--ink);letter-spacing:.04em;border-right:1px solid var(--line);background:#c79a3a1f;place-items:center;padding:0 16px;font-size:18px;display:grid}.amount-custom__input{font-size:22px;font-family:var(--serif);color:var(--ink);background:0 0;border:0;flex:1;padding:14px}.amount-custom__input:focus{outline:none}.combobox{position:relative}.combobox__list{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;background:#fff;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.combobox__list--has-results{border:0}.combobox__option{cursor:pointer;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:background .12s;display:flex}.combobox__option-text{flex:1;min-width:0}.combobox__option:last-child{border-bottom:0}.combobox__option:hover,.combobox__option.is-active{background:var(--parchment)}.combobox__option-name{color:var(--ink);font-size:15px;font-weight:600}.combobox__option-email{color:var(--text-muted);font-size:13px}.combobox__option-id{font-family:var(--serif);color:var(--gold);white-space:nowrap;font-size:14px;font-style:italic}.combobox__empty{text-align:center;color:var(--text-muted);padding:18px;font-style:italic}.combobox__loading{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:18px;display:flex}.spinner{border:2px solid #c79a3a40;border-top-color:var(--gold);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.selected-member{background:var(--parchment);border:1px solid var(--gold);border-left:4px solid var(--gold);border-radius:var(--radius);align-items:center;gap:16px;margin-bottom:22px;padding:16px 20px;display:flex}.selected-member__body{flex:1;min-width:0}.avatar{color:#fff;font-family:var(--sans,system-ui, sans-serif);letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #00000026}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:42px;height:42px;font-size:15px}.selected-member__name{font-family:var(--serif);color:var(--ink);font-size:22px;font-weight:600;line-height:1.2}.selected-member__meta{color:var(--text-muted);margin-top:2px;font-size:13px}.selected-member__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:13px;text-decoration:underline}.selected-member__clear:hover{color:var(--danger)}.summary{background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:28px;padding:22px 26px}.summary__row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.summary__row:last-child{border-bottom:0}.summary__label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.summary__value{font-family:var(--serif);color:var(--ink);text-align:right;font-size:18px;font-weight:500}.summary__value--amount{color:var(--gold);font-size:26px}.qr-stage{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (width<=760px){.qr-stage{text-align:center;grid-template-columns:1fr}}.qr-frame{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;justify-self:center;padding:24px;display:inline-block;position:relative}.qr-frame:before,.qr-frame:after{content:"";border-color:var(--gold);border-style:solid;width:18px;height:18px;position:absolute}.qr-frame:before{border-width:2px 0 0 2px;border-top-left-radius:6px;top:-1px;left:-1px}.qr-frame:after{border-width:0 2px 2px 0;border-bottom-right-radius:6px;bottom:-1px;right:-1px}.qr-frame__brand{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin-bottom:12px;font-size:11px;font-weight:700}.qr-frame__brand span{color:var(--gold)}.qr-frame canvas,.qr-frame img{width:260px;height:260px;display:block}.qr-canvas{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:6px;transition:transform .12s,box-shadow .12s}.qr-canvas:hover{transform:scale(1.02);box-shadow:0 6px 18px #0b1f3a26}.qr-canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.qr-lightbox{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b1f3ab8;justify-content:center;align-items:center;padding:24px;animation:.16s both fade;display:flex;position:fixed;inset:0}.qr-lightbox__inner{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.qr-lightbox__img{width:min(82vw,82vh,420px);height:auto;image-rendering:pixelated}@keyframes fade{0%{opacity:0}to{opacity:1}}.qr-meta__amount{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:56px;font-weight:500;line-height:1}.qr-meta__currency{color:var(--gold);margin-right:6px;font-size:22px;font-style:italic}.qr-meta__recipient{font-family:var(--serif);color:var(--text-muted);margin:6px 0 4px;font-size:18px;font-style:italic}.qr-meta__invoice{font-family:var(--sans,system-ui, sans-serif);letter-spacing:.6px;text-transform:uppercase;color:var(--gold);background:#c79a3a1a;border:1px solid #c79a3a59;border-radius:999px;margin-bottom:22px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.qr-meta__timer{background:var(--parchment);border:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-radius:999px;align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:inline-flex}.qr-meta__timer-bar{background:#c79a3a33;border-radius:3px;width:60px;height:6px;position:relative;overflow:hidden}.qr-meta__timer-fill{background:var(--gold);transition:width 1s linear;position:absolute;inset:0 auto 0 0}.qr-meta__timer-count{font-family:var(--serif);color:var(--ink);letter-spacing:0;text-transform:none;font-size:18px;font-style:italic}.qr-meta__timer.is-low .qr-meta__timer-count{color:var(--danger)}.qr-meta__timer.is-low .qr-meta__timer-fill{background:var(--danger)}.qr-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.qr-frame__hint{text-align:center;width:260px;color:var(--muted,#6b7280);margin:12px 0 0;font-size:12px;line-height:1.4}@media (width<=760px){.qr-actions{justify-content:center}.qr-actions__hint{text-align:center}}.note{border-left:3px solid var(--gold);color:var(--text);border-radius:0 var(--radius) var(--radius) 0;background:#f3e3b959;margin-top:24px;padding:16px 20px;font-size:14px}.note strong{color:var(--ink)}.confirmation{text-align:center;padding:40px 20px;animation:.6s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.confirmation__mark{background:var(--ink);width:76px;height:76px;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:42px;font-style:italic;display:grid;box-shadow:0 12px 30px -10px #0b1f3a66}.confirmation__title{font-family:var(--serif);color:var(--ink);margin:0 0 14px;font-size:clamp(28px,4vw,38px);font-style:italic;font-weight:500}.confirmation__verse{font-family:var(--serif);color:var(--text-muted);max-width:52ch;margin:0 auto 28px;font-size:19px;font-style:italic;line-height:1.5}.confirmation__verse-ref{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:10px;font-size:12px;font-style:normal;display:block}.confirmation__body{max-width:52ch;color:var(--text);margin:0 auto 26px;font-size:15px;line-height:1.6}.nav-row{justify-content:space-between;gap:12px;margin-top:28px;display:flex}@media (width<=480px){.nav-row{flex-direction:column-reverse}.nav-row .btn{width:100%}}.footer{background:var(--ink);color:#f5ead099;text-align:center;letter-spacing:.04em;padding:22px 28px;font-size:13px}.footer__mark{color:var(--gold);font-family:var(--serif);font-style:italic}.alert{color:var(--danger);border-radius:var(--radius);background:#9b2c2c14;border:1px solid #9b2c2c4d;margin-bottom:18px;padding:12px 16px;font-size:14px}