*{box-sizing:border-box} :root{color-scheme:dark;--ink:#222a35;--gold:#b29a4b;--paper:#f5f0e8;--muted:#c9c4b8;--line:#48515c}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}header{max-width:1060px;margin:auto;padding:27px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.payment-brand{text-decoration:none;font:700 20px Georgia,serif;letter-spacing:.07em}.payment-brand small{display:block;font:10px Arial;letter-spacing:.28em;color:var(--gold);margin-top:3px}.payment-tag{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.16em}.preview{font-size:11px;color:var(--muted);text-align:center;padding:10px 20px;border-bottom:1px solid #ffffff12}main{max-width:724px;margin:64px auto;padding:0 28px}.payment-card{border:1px solid var(--line);border-top:4px solid var(--gold);padding:38px 40px;background:#28313c}.payment-symbol{border:1px solid var(--gold);color:var(--gold);width:48px;height:48px;display:grid;place-items:center;font-size:26px;margin-bottom:26px}.payment-eyebrow{font-size:11px;color:var(--gold);letter-spacing:.16em;font-weight:800;margin:0 0 12px}h1{font:900 clamp(38px,6vw,60px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}p{margin:0 0 18px}.payment-message{color:var(--paper);max-width:49ch}.note{font-size:14px;color:var(--muted);border-left:2px solid var(--gold);padding:0 0 0 15px;margin:24px 0 30px}.payment-actions{display:grid;gap:12px}.button{min-height:52px;padding:13px 18px;text-align:center;display:block;text-decoration:none;background:var(--gold);color:var(--ink);font-size:15px;font-weight:800;border:1px solid var(--gold)}button.button{width:100%;font-family:inherit;cursor:pointer}.secondary{color:var(--paper);background:transparent;border-color:var(--line)}.payment-support{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;color:var(--muted);font-size:14px}.payment-support a{display:inline-block;min-height:44px;padding-top:7px;color:var(--paper);overflow-wrap:anywhere}footer{font-size:11px;letter-spacing:.14em;color:var(--muted);padding:0 28px 32px;max-width:724px;margin:auto;display:flex;justify-content:space-between;gap:20px}a:focus-visible,button:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.button:hover{filter:brightness(1.1)}@media(max-width:480px){header{padding:22px 22px}.payment-brand{font-size:18px}.payment-tag{font-size:10px}main{margin:32px auto;padding:0 20px}.payment-card{padding:28px 24px}.payment-symbol{margin-bottom:24px}h1{font-size:42px}.payment-message{font-size:16px}.note{margin:22px 0 26px}.payment-support{margin-top:26px;padding-top:20px}footer{padding:0 22px 28px;font-size:10px;letter-spacing:.1em}}
[hidden]{display:none!important}.skip-link{position:absolute;top:-80px;left:20px;background:var(--paper);color:var(--ink);padding:12px;z-index:2}.skip-link:focus{top:10px}#result-title{background:none;color:var(--paper);text-transform:none}#result-message{font-size:16px;overflow-wrap:anywhere;margin-bottom:30px}.payment-actions{display:flex;flex-direction:column}.payment-actions .button{order:1}.payment-actions #result-resume{order:0}.payment-actions #result-back{order:2;background:transparent;color:var(--paper);border-color:var(--line)}.payment-result[data-visual-state="paid"] #result-back{order:0;background:var(--gold);color:var(--ink);border-color:var(--gold)}.payment-result[data-visual-state="paid"] #result-refresh,.payment-result:has(#result-resume:not([hidden])) #result-refresh{background:transparent;color:var(--paper);border-color:var(--line)}.payment-result #result-resume{background:var(--gold);color:var(--ink);border-color:var(--gold)}.payment-result .payment-symbol{font-family:Arial,Helvetica,sans-serif}button.button{line-height:1.65}main{scroll-margin-top:20px}@media(max-width:360px){h1{font-size:36px}.payment-card{padding:26px 20px}}
h1{overflow-wrap:anywhere}.payment-support a{min-height:44px}
 .payment-brand img{display:block;width:200px;height:58px;object-fit:contain;object-position:left center}@media(max-width:480px){.payment-brand img{width:172px;height:50px}}
 .payment-recovery input,.payment-recovery textarea{display:block;width:100%;margin:8px 0 20px;background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:13px;font:16px/1.5 Arial,Helvetica,sans-serif;border-radius:0}.payment-recovery textarea{min-height:120px;resize:vertical}.payment-recovery label{font-size:14px;font-weight:700}.payment-recovery form{margin-top:28px}.payment-recovery #message{margin-top:22px;overflow-wrap:anywhere}.payment-recovery #contact{overflow-wrap:anywhere}.payment-recovery h2{font-size:24px;line-height:1.2;overflow-wrap:anywhere}.payment-recovery .recovery-back{display:inline-block;min-height:44px;padding:8px 0;font-size:14px}.payment-recovery input:focus-visible,.payment-recovery textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.payment-recovery button:disabled{opacity:.65;cursor:wait}
