#pixgo-app{
            --pg-ink:#0b1524; --pg-ink-soft:#5a6b85; --pg-line:#e7ecf3;
            --pg-teal:#00b8a4; --pg-teal-2:#12d6c1; --pg-emerald:#0ea672;
            --pg-bg:#ffffff; --pg-bg-soft:#f6f9fb;
            --pg-danger:#ef4444; --pg-warn:#f59e0b; --pg-ok:#16a34a;
            --pg-radius:22px;
            display:flex;justify-content:center;width:100%;
          }
          #pixgo-app *{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
          #pixgo-app .pixgo-card{
            position:relative;width:min(96vw,560px);margin:clamp(14px,4vw,32px) auto;
            background:var(--pg-bg);border-radius:var(--pg-radius);overflow:hidden;
            border:1px solid var(--pg-line);
            box-shadow:0 30px 60px -25px rgba(9,30,66,.28),0 8px 20px -12px rgba(9,30,66,.14);
          }
          #pixgo-app .pixgo-card::before{
            content:"";position:absolute;inset:0 0 auto 0;height:5px;
            background:linear-gradient(90deg,var(--pg-teal),var(--pg-teal-2),var(--pg-emerald));
            background-size:200% 100%;animation:pgSlide 6s linear infinite;
          }
          @keyframes pgSlide{to{background-position:200% 0}}
          #pixgo-app .pixgo-inner{padding:clamp(20px,5vw,32px)}

          #pixgo-app .pixgo-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
          #pixgo-app .pixgo-logo{
            width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;
            background:linear-gradient(140deg,var(--pg-teal),var(--pg-emerald));
            box-shadow:0 12px 26px -8px rgba(0,184,164,.6)
          }
          #pixgo-app .pixgo-logo img,#pixgo-app .pixgo-logo svg{width:26px;height:26px;object-fit:contain}
          #pixgo-app .pixgo-title{font-size:clamp(19px,4.4vw,23px);margin:0;color:var(--pg-ink);font-weight:800;letter-spacing:-.02em}
          #pixgo-app .pixgo-sub{color:var(--pg-ink-soft);font-size:13px;margin-top:3px}

          /* Stepper */
          #pixgo-app .pixgo-stepper{display:flex;align-items:center;gap:6px;margin-bottom:22px}
          #pixgo-app .pixgo-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative}
          #pixgo-app .pixgo-step .pg-dot-num{
            width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
            font-size:13px;font-weight:700;color:var(--pg-ink-soft);
            background:var(--pg-bg-soft);border:2px solid var(--pg-line);transition:.3s
          }
          #pixgo-app .pixgo-step .pg-lbl{font-size:11.5px;color:var(--pg-ink-soft);font-weight:600;transition:.3s}
          #pixgo-app .pixgo-step::after{
            content:"";position:absolute;top:15px;left:calc(50% + 22px);width:calc(100% - 44px);height:2px;
            background:var(--pg-line)
          }
          #pixgo-app .pixgo-step:last-child::after{display:none}
          #pixgo-app .pixgo-step.current .pg-dot-num{color:#fff;border-color:transparent;background:linear-gradient(140deg,var(--pg-teal),var(--pg-emerald));box-shadow:0 6px 14px -4px rgba(0,184,164,.7)}
          #pixgo-app .pixgo-step.current .pg-lbl{color:var(--pg-ink)}
          #pixgo-app .pixgo-step.done .pg-dot-num{color:#fff;border-color:transparent;background:var(--pg-emerald)}
          #pixgo-app .pixgo-step.done::after{background:var(--pg-emerald)}

          #pixgo-app label{display:block;font-size:13px;margin:14px 0 6px;color:var(--pg-ink);font-weight:600}
          #pixgo-app .pixgo-input{
            width:100%;padding:14px 16px;border:1.5px solid var(--pg-line);border-radius:14px;
            font-size:16px;outline:none;background:var(--pg-bg-soft);color:var(--pg-ink);transition:.18s
          }
          #pixgo-app .pixgo-input::placeholder{color:#9aa8bd}
          #pixgo-app .pixgo-input:focus{border-color:var(--pg-teal);background:#fff;box-shadow:0 0 0 4px rgba(0,184,164,.14)}
          #pixgo-app .pixgo-row{display:flex;gap:12px;align-items:stretch}
          #pixgo-app .pixgo-row .pixgo-input{flex:1}
          #pixgo-app .pixgo-btn{
            padding:14px 22px;border:0;border-radius:14px;cursor:pointer;
            background:linear-gradient(140deg,var(--pg-teal),var(--pg-emerald));
            color:#fff;font-weight:700;font-size:15.5px;letter-spacing:.01em;white-space:nowrap;
            box-shadow:0 14px 26px -10px rgba(0,184,164,.65);transition:.15s
          }
          #pixgo-app .pixgo-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
          #pixgo-app .pixgo-btn:active{transform:translateY(1px)}
          #pixgo-app .pixgo-btn:disabled{opacity:.7;cursor:progress}
          #pixgo-app .pixgo-btn.secondary{background:var(--pg-ink);box-shadow:0 12px 24px -10px rgba(11,21,36,.55)}
          #pixgo-app .pixgo-muted{color:var(--pg-ink-soft);font-size:12.5px;margin-top:7px;line-height:1.45}
          #pixgo-app .pixgo-error{color:var(--pg-danger);font-size:13.5px;margin-top:10px;font-weight:600}
          #pixgo-app .pixgo-error:empty{margin:0}

          #pixgo-app .pixgo-section{display:none;animation:pgFade .35s ease both}
          #pixgo-app .pixgo-section.active{display:block}
          @keyframes pgFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
          #pixgo-app .pixgo-center{display:flex;flex-direction:column;align-items:center;text-align:center}

          #pixgo-app .pixgo-qr-frame{
            position:relative;padding:14px;border-radius:22px;margin:6px auto 14px;background:#fff;
            border:1px solid var(--pg-line);box-shadow:0 18px 40px -22px rgba(9,30,66,.4)
          }
          #pixgo-app .pixgo-qr-frame::before,#pixgo-app .pixgo-qr-frame::after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--pg-teal)}
          #pixgo-app .pixgo-qr-frame::before{top:8px;left:8px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
          #pixgo-app .pixgo-qr-frame::after{bottom:8px;right:8px;border-left:0;border-top:0;border-radius:0 0 8px 0}
          #pixgo-app .pixgo-qr{width:min(260px,66vw);aspect-ratio:1/1;border-radius:12px;object-fit:contain;display:block}

          #pixgo-app .pixgo-status{
            display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;
            background:var(--pg-bg-soft);color:var(--pg-ink);padding:9px 16px;border-radius:999px;
            margin:2px 0 12px;border:1px solid var(--pg-line)
          }
          #pixgo-app .pixgo-dot{width:9px;height:9px;border-radius:50%;position:relative}
          #pixgo-app .pixgo-pending{background:var(--pg-warn);animation:pgPulse 1.4s ease-in-out infinite}
          #pixgo-app .pixgo-success{background:var(--pg-ok)}
          #pixgo-app .pixgo-failed{background:var(--pg-danger)}
          @keyframes pgPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}

          #pixgo-app .pixgo-bar{height:9px;background:var(--pg-line);border-radius:999px;overflow:hidden;margin:6px 0 8px;width:100%;max-width:320px}
          #pixgo-app .pixgo-bar > div{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pg-teal),var(--pg-emerald));background-size:200% 100%;animation:pgSlide 2.2s linear infinite;transition:width 1s linear}
          #pixgo-app .pixgo-note{font-size:12px;color:var(--pg-ink-soft);margin-bottom:12px}
          #pixgo-app .pixgo-kbd{
            font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0b1524;color:#c7fff4;
            border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.5;max-height:120px;overflow:auto;
            text-align:left;width:100%;max-width:360px;word-break:break-all;white-space:pre-wrap;border:1px solid #16324a
          }
          #pixgo-app .pixgo-flex{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px;width:100%}
          #pixgo-app .pixgo-flex .pixgo-btn{flex:1;min-width:150px}

          /* Sucesso */
          #pixgo-app .pixgo-success-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 6px}
          #pixgo-app .pixgo-check{
            width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;
            background:linear-gradient(140deg,var(--pg-teal),var(--pg-emerald));
            box-shadow:0 18px 36px -12px rgba(14,166,114,.7);animation:pgPop .5s cubic-bezier(.2,1.4,.4,1) both
          }
          #pixgo-app .pixgo-check svg{width:38px;height:38px}
          @keyframes pgPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
          #pixgo-app .pixgo-success-title{font-size:clamp(24px,6vw,30px);color:var(--pg-ink);margin:6px 0 2px;font-weight:800;letter-spacing:-.02em}
          #pixgo-app .pixgo-success-text{font-size:16px;color:var(--pg-ink-soft);margin:0;line-height:1.5}
          #pixgo-app .pixgo-success-text strong{color:var(--pg-emerald)}
          #pixgo-app .pixgo-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:var(--pg-ink-soft);font-size:11.5px}
          #pixgo-app .pixgo-secure svg{width:13px;height:13px}

          @media (max-width:440px){
            #pixgo-app .pixgo-row{flex-direction:column}
            #pixgo-app .pixgo-row .pixgo-btn{width:100%}
            #pixgo-app .pixgo-step .pg-lbl{font-size:10.5px}
          }


/* Página */
html, body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(1200px 500px at 50% -10%, rgba(18, 214, 193, .16), transparent 60%),
    #eef3f7;
  color: #0b1524;
}
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

#pixgo-app .pixgo-meta {
  width: 100%;
  max-width: 360px;
  margin: 16px auto 0;
  text-align: left;
  background: var(--pg-bg-soft);
  border: 1px solid var(--pg-line);
  border-radius: 16px;
  padding: 12px 16px;
}
#pixgo-app .pixgo-meta dt {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--pg-ink-soft);
  margin-top: 10px;
}
#pixgo-app .pixgo-meta dt:first-child { margin-top: 0; }
#pixgo-app .pixgo-meta dd {
  margin: 3px 0 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pg-ink);
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
#pixgo-app .pixgo-meta dd.pg-amount {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: var(--pg-emerald);
}
#pixgo-app .pixgo-expired-title { font-size: clamp(22px,5vw,28px); margin: 8px 0 4px; font-weight: 800; }