:root{--bg:linear-gradient(135deg, #0f0c29 0%, #1a1446 50%, #242c75 100%);--surface:#1a1446;--glass:#ffffff12;--glass-border:#ffffff26;--field:#ffffff1a;--field-border:#fff3;--field-focus:#ffffff80;--ink:#fff;--ink-80:#fffc;--ink-70:#ffffffb3;--ink-60:#fff9;--ink-50:#ffffff80;--ink-30:#ffffff4d;--error:#f87171;--ok:#4ade80;--cta:linear-gradient(135deg, #565a7d, #242c75);--r-md:8.4px;--r-lg:10.8px;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg) fixed;background-color:#0f0c29;margin:0}a{color:inherit}button{font:inherit}.page{flex-direction:column;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.page.center{justify-content:center}.brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;text-decoration:none;display:flex}.brand img{border-radius:var(--r-lg);width:72px;height:72px}.brand span{color:var(--ink-60);letter-spacing:.1em;text-transform:uppercase;font-size:14px}.column{flex-direction:column;gap:16px;width:100%;max-width:448px;display:flex}.column.wide{max-width:640px}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:16px;padding:24px;display:flex}.card.status{text-align:center;align-items:center;padding:32px}h1{text-wrap:balance;margin:0;font-size:20px;font-weight:600;line-height:28px}.desc{color:var(--ink-70);margin:0;font-size:14px;line-height:1.625}.price{font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:700;line-height:36px}.section-title{color:var(--ink-60);letter-spacing:.025em;text-transform:uppercase;margin:0;font-size:14px;font-weight:500}.muted{color:var(--ink-50);margin:0;font-size:12px}.hint{color:var(--ink-30);text-align:center;margin:0;padding-top:8px;font-size:12px}.hint a{color:var(--ink-50)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-60);font-size:12px}.field input,.field select{border-radius:var(--r-md);width:100%;color:var(--ink);background:var(--field);border:1px solid var(--field-border);outline:none;padding:12px 16px;font-size:16px;transition:border-color .15s}.field select option{color:#1a1446}.field input::placeholder{color:var(--ink-30)}.field input:focus,.field select:focus{border-color:var(--field-focus)}.field.invalid input{border-color:#f87171b3}.field .error{color:var(--error);margin:0;font-size:12px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;border-radius:var(--r-md);border:1px solid var(--field-border);width:100%;color:var(--ink);cursor:pointer;background:#ffffff0f;align-items:center;gap:12px;padding:16px 20px;transition:border-color .15s,transform .15s;display:flex}.option:hover{border-color:#fff6}.option:active{transform:scale(.99)}.option[aria-checked=true]{border-color:var(--field-focus);background:#ffffff1f}.option .flag{font-size:20px}.option .label{flex:1;font-size:14px;font-weight:500}.option .amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.btn{border-radius:var(--r-md);width:100%;color:var(--ink);background:var(--cta);cursor:pointer;text-align:center;border:0;padding:14px;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#ffffff1f;padding:12px;font-size:14px;font-weight:500}.btn.ghost:hover{opacity:.8}.btn.link{color:var(--ink-50);background:0 0;padding:12px;font-size:14px}.btn.link:hover{color:var(--ink-80)}.btn:focus-visible,.option:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.rows{flex-direction:column;gap:10px;margin:0;display:flex}.rows div{justify-content:space-between;gap:12px;font-size:14px;display:flex}.rows dt{color:var(--ink-60)}.rows dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:500}.rows .total dd{font-size:20px;font-weight:700}.method{border-radius:var(--r-md);background:var(--field);color:var(--ink-80);align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.method .flag{font-size:20px}.notice{border-radius:var(--r-md);padding:12px 16px;font-size:14px;line-height:1.5}.notice.error{color:#fecaca;background:#f871711f;border:1px solid #f8717159}.notice.ok{color:#bbf7d0;background:#4ade801a;border:1px solid #4ade804d}.status-icon{font-size:36px;line-height:1}.status-icon.dim{color:var(--ink-50)}.status-text{color:var(--ink-70);margin:0;font-size:14px;line-height:1.625}.store-links{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.copyright{color:var(--ink-30);margin-top:24px;font-size:12px}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}*{transition:none!important}}.tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tabs button{border-radius:var(--r-md);border:1px solid var(--field-border);color:var(--ink-70);cursor:pointer;background:0 0;padding:10px}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--field-focus);background:#ffffff1f}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chip{background:#ffffff1f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.chip.awaiting{color:#fde68a;background:#facc1526}.chip.partial{color:#fed7aa;background:#fb923c26}.chip.paid,.chip.fulfilled{color:#bbf7d0;background:#4ade8026}.chip.cancelled,.chip.refunded{color:#fecaca;background:#f8717126}.check{color:var(--ink-80);align-items:center;gap:10px;font-size:14px;display:flex}.check input{accent-color:#565a7d;width:18px;height:18px}.linkbox{gap:8px;display:flex}.linkbox input{border-radius:var(--r-md);min-width:0;color:var(--ink-80);background:var(--field);border:1px solid var(--field-border);flex:1;padding:10px 12px;font-size:13px}.linkbox button{width:auto;padding:10px 14px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .btn{flex:160px;width:auto}@media (width<=480px){.grid2{grid-template-columns:1fr}.card.status{padding:24px}}.turnstile{min-height:65px}.turnstile:empty{display:none}
