:root{--ink:#173c34;--cream:#f5f0e6;--paper:#fffdf8;--gold:#c89b54;--muted:#64746f;--line:#d9ded8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;min-height:100vh}.shell{width:min(960px,calc(100% - 32px));margin:0 auto;padding:56px 0 24px}.hero{background:var(--paper);border:1px solid rgba(23,60,52,.12);border-radius:24px;padding:clamp(28px,6vw,64px);box-shadow:0 20px 70px rgba(23,60,52,.08)}.logo{width:150px;max-height:58px;object-fit:contain;object-position:left}.eyebrow{margin:34px 0 10px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.22em}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,62px);line-height:1.02;max-width:650px;margin:0}h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:42px 0 16px}.intro{max-width:630px;color:var(--muted);line-height:1.65;font-size:17px}.search{margin-top:34px}.search label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.field-row{display:flex;gap:10px}input[type=email]{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:15px 16px;font-size:16px;background:#fff;color:var(--ink)}button,.back{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:15px 22px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.back:hover{background:#235a4f}.notice{margin-top:24px;border-radius:12px;padding:17px 19px;background:#edf3ef;display:flex;flex-direction:column;gap:5px}.notice.error{background:#fbebe7;color:#873c2d}.order{display:grid;grid-template-columns:1fr auto minmax(260px,310px);align-items:center;gap:28px;padding:21px 0;border-top:1px solid var(--line)}.order>div{display:flex;flex-direction:column;gap:5px}.order-label,.amount span,.order small{font-size:12px;color:var(--muted)}.order strong{font-size:19px}.amount{text-align:right}.back{margin-top:24px}footer{text-align:center;color:var(--muted);font-size:12px;padding:22px}.payment-form fieldset{border:0;padding:0;margin:0 0 12px}.payment-form legend{font-size:12px;font-weight:700;margin-bottom:8px}.payment-option{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;margin:6px 0;cursor:pointer}.payment-option:has(input:checked){border-color:var(--ink);background:#edf3ef}.payment-option input{margin-top:3px;accent-color:var(--ink)}.payment-option span{display:flex;flex-direction:column;gap:2px}.payment-option strong{font-size:13px}.payment-option small{font-size:11px}.payment-form button{width:100%}.qr-shell{max-width:680px}.qr-card{text-align:center}.qr-card .logo{display:block;margin:0 auto}.qr-card .intro{margin-left:auto;margin-right:auto}.qr-amount{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:22px 0 16px}.qr-amount span{color:var(--muted);font-size:13px}.qr-amount strong{font-size:22px}.qr-code{width:288px;min-height:288px;margin:0 auto;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center}.qr-code img,.qr-code canvas{display:block;max-width:100%;height:auto}.qr-code.is-expired{opacity:.18;filter:grayscale(1)}.qr-expiry{color:var(--muted);font-size:14px}.qr-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.qr-actions .back{margin-top:6px}.text-link{color:var(--ink);font-size:13px}.secure-note{margin:28px auto 0;color:var(--muted);font-size:12px;line-height:1.5;max-width:420px}@media(max-width:700px){.shell{padding-top:16px}.hero{border-radius:16px}.field-row{display:block}.field-row button{width:100%;margin-top:10px}.order{grid-template-columns:1fr auto}.order form{grid-column:1/-1}.order form button{width:100%}.qr-code{width:264px;min-height:264px;padding:12px}}