html{background:#11100d}:root{color:#f8f3e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#11100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#ffb84d38,#0000 28rem),radial-gradient(circle at 88% 70%,#ffd66624,#0000 30rem),linear-gradient(135deg,#0d0c0a 0%,#191510 54%,#090807 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.page-shell{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);align-items:center;gap:24px;width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:56px 0;display:grid}.hero-panel,.invoice-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fff1;border:1px solid #ffffff1c;box-shadow:0 30px 90px #00000059}.hero-panel{border-radius:34px;padding:clamp(28px,5vw,56px)}.invoice-panel{border-radius:34px;place-items:center;min-height:620px;padding:30px;display:grid}.brand-row{color:#ffe2a2;letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.bolt-mark{color:#1a1204;background:linear-gradient(135deg,#ffcf5c,#ff9f1c);border-radius:16px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 30px #ffae3247}.copy-block{margin:54px 0 34px}.eyebrow{color:#ffcf5c;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:760px;margin-bottom:18px;font-size:clamp(3.2rem,9vw,6.6rem);line-height:.86}h2{letter-spacing:-.06em;margin-bottom:12px;font-size:clamp(2rem,4vw,3.15rem);line-height:.95}.subhead{color:#f8f3e9b8;max-width:620px;font-size:1.12rem;line-height:1.6}.payment-card{gap:18px;display:grid}label,.amount-field{color:#f8f3e9bd;gap:9px;font-size:.9rem;font-weight:700;display:grid}.amount-header label{color:inherit;font:inherit;display:block}label em{color:#f8f3e96b;font-style:normal;font-weight:600}.amount-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.amount-toggle{background:#0908076b;border:1px solid #ffffff1c;border-radius:999px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:inline-grid}.amount-toggle button{color:#f8f3e9a3;cursor:pointer;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;min-width:56px;height:30px;font-size:.75rem;font-weight:850}.amount-toggle button.active{color:#180f02;background:linear-gradient(135deg,#ffd66f,#ff9f1c)}.amount-toggle button:disabled{cursor:not-allowed;opacity:.42}.amount-conversion{color:#ffcf5cdb;min-height:20px;margin:-2px 2px 0;font-size:.84rem;font-weight:750}input,textarea{color:#fff8ea;background:#0908077a;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s,background .16s}input{height:58px;padding:0 18px}textarea{resize:vertical;padding:17px 18px;line-height:1.5}input:focus,textarea:focus{background:#090807a3;border-color:#ffcf5cc7;box-shadow:0 0 0 4px #ffcf5c1f}.amount-input{position:relative}.amount-input input{letter-spacing:-.03em;padding-right:82px;font-size:1.35rem;font-weight:800}.amount-input strong{color:#ffcf5c;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.primary-button,.secondary-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;font-weight:850;text-decoration:none;transition:transform .16s,opacity .16s,box-shadow .16s;display:inline-flex}.primary-button{color:#180f02;background:linear-gradient(135deg,#ffd66f,#ff9f1c);border-radius:999px;min-height:60px;margin-top:6px;box-shadow:0 18px 40px #ffa92c47}.secondary-button{color:#fff1ca;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;min-height:48px;padding:0 18px}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.error-message{color:#ff9b8d;margin:0;font-weight:700}.empty-state,.invoice-ready{text-align:center;justify-items:center;width:100%;display:grid}.empty-state{color:#f8f3e9ad;max-width:360px}.orb{background:radial-gradient(circle at 36% 34%,#fff1bf,#0000 18%),radial-gradient(circle at 56% 55%,#ffbb36,#402005 64%,#0000 66%);border-radius:999px;width:180px;height:180px;margin-bottom:34px;box-shadow:inset -30px -36px 80px #0f0801b8,0 28px 80px #ffa92c2b}.invoice-ready{gap:22px}.payment-status{color:#fff1cae0;background:#ffffff12;border:1px solid #ffffff1c;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:9px 13px;font-size:.84rem;font-weight:800;display:inline-flex}.payment-status span{overflow-wrap:anywhere}.payment-status-paid{color:#d8ffe8;background:#28b8652e;border-color:#51e69273}.payment-status-error,.payment-status-expired{color:#ffd2cb;background:#ff9b8d1a;border-color:#ff9b8d52}.qr-frame{aspect-ratio:1;background:#fffaf0;border-radius:30px;place-items:center;width:min(100%,284px);display:grid;box-shadow:0 22px 70px #00000047}.qr-frame svg{width:82%;height:82%}.invoice-preview{color:#f8f3e9ab;overflow-wrap:anywhere;max-width:320px;margin:0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.invoice-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.meta-text{color:#f8f3e961;overflow-wrap:anywhere;max-width:320px;margin:0;font-size:.78rem}.success-meta{color:#d8ffe8b8}.spin{animation:.95s linear infinite spin}.modal-open{overflow:hidden}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050403b8;place-items:center;padding:20px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.invoice-modal{color:#f8f3e9;background:radial-gradient(circle at 50% 0,#ffcf5c2e,#0000 18rem),#18130df5;border:1px solid #ffffff21;border-radius:34px;width:min(100%,520px);max-height:min(92vh,760px);padding:clamp(24px,5vw,38px);animation:.18s ease-out modal-rise;position:relative;overflow:auto;box-shadow:0 34px 110px #00000094}.close-button{color:#fff1ca;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:42px;height:42px;transition:transform .16s,background .16s;display:grid;position:absolute;top:16px;right:16px}.close-button:hover{background:#ffffff21;transform:translateY(-1px)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.page-shell{grid-template-columns:1fr;padding:24px 0}.invoice-panel{min-height:420px}}@media (width<=520px){body{background:radial-gradient(circle at 50% -10%,#ffb84d2e,#0000 18rem),linear-gradient(160deg,#0d0c0a 0%,#17120c 100%)}.page-shell{align-items:start;width:min(100% - 14px,1120px);min-height:100svh;padding:7px 0}.hero-panel,.invoice-panel{border-radius:24px}.hero-panel{flex-direction:column;justify-content:center;min-height:calc(100svh - 14px);padding:18px;display:flex}.brand-row{gap:9px;font-size:.95rem}.bolt-mark{border-radius:14px;width:38px;height:38px}.copy-block{margin:18px 0}.copy-block .eyebrow{letter-spacing:.14em;margin-bottom:8px;font-size:.64rem}h1{letter-spacing:-.07em;margin-bottom:8px;font-size:clamp(2.15rem,13vw,3.1rem);line-height:.9}.subhead{display:none}.payment-card{gap:12px}label,.amount-field{gap:7px;font-size:.82rem}.amount-toggle button{min-width:48px;height:28px;font-size:.7rem}.amount-conversion{min-height:18px;font-size:.78rem}input{height:50px;padding:0 15px}textarea{min-height:92px;padding:14px 15px}.amount-input input{padding-right:72px;font-size:1.18rem}.amount-input strong{right:15px}.primary-button{min-height:54px;margin-top:2px}.invoice-panel{display:none}.invoice-modal{border-radius:26px;padding:22px 18px}.qr-frame{border-radius:24px;width:min(100%,250px)}}@media (width<=380px),(height<=720px){.hero-panel{justify-content:flex-start}.brand-row{font-size:.86rem}.bolt-mark{width:34px;height:34px}.copy-block{margin:14px 0}h1{font-size:clamp(1.9rem,11vw,2.55rem)}.copy-block .eyebrow{display:none}.payment-card{gap:10px}input{height:47px}textarea{min-height:78px}}