:root{
  --bg:#02060d;--bg2:#06101d;--panel:#081321;--panel2:#0c1a2b;--line:rgba(96,174,255,.15);
  --text:#f5f9ff;--muted:#8194aa;--cyan:#30d5ff;--blue:#2786ff;--green:#35e3a7;--amber:#ffc96b;
  --danger:#ff6881;--shadow:0 26px 80px rgba(0,0,0,.38);--soft:0 12px 35px rgba(9,104,202,.13)
}
*{box-sizing:border-box;min-width:0}
html{width:100%;max-width:100%;background:var(--bg);scroll-behavior:smooth;overflow-x:hidden;overscroll-behavior-x:none}
body{margin:0;width:100%;max-width:100%;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 15% -5%,rgba(0,126,255,.16),transparent 31%),radial-gradient(circle at 100% 35%,rgba(0,218,255,.09),transparent 28%),linear-gradient(180deg,#030812 0%,#02060d 72%,#03070d 100%);overflow-x:hidden;overscroll-behavior-x:none}
img,svg,video,canvas{max-width:100%}
button,input,textarea{font:inherit;max-width:100%}
input,textarea{min-width:0}
.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.aurora{position:fixed;border-radius:50%;filter:blur(105px);pointer-events:none;opacity:.16}.aurora-a{width:360px;height:360px;right:-160px;top:-110px;background:#0c85ff}.aurora-b{width:300px;height:300px;left:-190px;bottom:8%;background:#0adfff}
.app-shell{position:relative;width:100%;max-width:900px;margin:0 auto;padding:12px max(11px,env(safe-area-inset-right)) 34px max(11px,env(safe-area-inset-left));overflow-x:clip}.topbar{display:flex;align-items:center;gap:12px;min-height:60px}.identity{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo-orb{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(61,179,255,.34);background:linear-gradient(145deg,rgba(14,39,68,.98),rgba(4,12,23,.98));box-shadow:inset 0 0 22px rgba(27,168,255,.13),0 10px 25px rgba(0,102,255,.12)}.logo-orb i{font-style:normal;font-size:21px;font-weight:950;color:#b5f2ff;text-shadow:0 0 18px rgba(48,213,255,.38)}.identity-copy{display:flex;flex-direction:column;line-height:1}.identity-copy strong{font-size:14px;letter-spacing:.045em}.identity-copy strong b{color:var(--cyan)}.identity-copy small{margin-top:5px;font-size:8px;letter-spacing:.2em;font-weight:850;color:#5f7894}.secure-badge{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid rgba(53,227,167,.16);background:rgba(53,227,167,.055);color:#89a99e;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:700}.secure-badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(53,227,167,.7)}
.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:19px 3px 18px}.kicker{display:flex;align-items:center;gap:7px;color:#63ddff;font-size:9px;font-weight:900;letter-spacing:.2em}.kicker span{width:22px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.kicker.center{justify-content:center}.intro h1{font-size:clamp(30px,10vw,50px);line-height:.98;letter-spacing:-.05em;margin:10px 0 11px}.intro h1 em{font-style:normal;color:#aeeeff}.intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:560px}.intro-chip{width:68px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(150deg,rgba(31,129,230,.16),rgba(5,16,30,.85));border:1px solid rgba(73,174,255,.18);box-shadow:var(--soft)}.intro-chip span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#68dfff}.intro-chip strong{font-size:18px;margin-top:2px}
.progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:9px 4px 14px}.progress>i{height:1px;background:rgba(106,155,202,.14);position:relative}.progress>i:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.25s}.progress:has(.progress-item[data-progress="value"].active)>i:first-of-type:after,.progress:has(.progress-item[data-progress="pix"].active)>i:after{transform:scaleX(1)}.progress-item{display:flex;align-items:center;gap:7px;color:#52677f;transition:.2s}.progress-item span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(99,151,202,.14);background:rgba(17,39,63,.32);font-size:9px;font-weight:900}.progress-item b{font-size:9px;letter-spacing:.04em}.progress-item.active{color:#d9f8ff}.progress-item.active span{color:#dffaff;border-color:rgba(48,213,255,.34);background:rgba(30,152,226,.12);box-shadow:0 0 22px rgba(48,213,255,.08)}.progress-item.done{color:#6b9587}.progress-item.done span{color:var(--green);border-color:rgba(53,227,167,.25);background:rgba(53,227,167,.07)}
.pay-card{position:relative;width:100%;max-width:100%;border-radius:24px;padding:18px;background:linear-gradient(155deg,rgba(12,28,47,.98),rgba(5,13,24,.985));border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.pay-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(49,177,255,.055),transparent 37%)}.pay-card>*{position:relative}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-top.compact{margin-bottom:15px}.card-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#70e4ff;border:1px solid rgba(48,213,255,.2);background:rgba(48,213,255,.065)}.card-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.card-icon.success{color:var(--green);border-color:rgba(53,227,167,.24);background:rgba(53,227,167,.07);font-size:14px;font-weight:900}.card-top>div{min-width:0}.card-top small,.status-head small{display:block;color:#5e7791;font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:4px}.card-top h2,.status-head h2{font-size:17px;letter-spacing:-.025em;margin:0 0 3px}.card-top p{color:#738aa3;font-size:10px;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-action{margin-left:auto;border:0;background:transparent;color:#59d8ff;font-size:10px;font-weight:800;cursor:pointer;padding:8px 3px}
label{display:block;color:#9eb1c5;font-size:10px;font-weight:750;margin:0 0 7px}.field,.money-field{height:56px;display:flex;align-items:center;border-radius:15px;border:1px solid rgba(112,164,210,.19);background:rgba(0,0,0,.19);transition:.2s}.field:focus-within,.money-field:focus-within{border-color:rgba(48,213,255,.5);box-shadow:0 0 0 3px rgba(48,213,255,.055)}.field-icon{width:49px;height:100%;display:grid;place-items:center;color:#5d7895}.field-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.field input,.money-field input{border:0;outline:0;background:transparent;color:#fff;width:100%;height:100%;padding:0 13px;font-size:14px}.field input::placeholder,.money-field input::placeholder{color:#43566d}.button{width:100%;min-height:52px;border-radius:14px;border:0;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:.16s}.button:active{transform:scale(.987)}.button:disabled{opacity:.56;cursor:not-allowed}.button.primary{color:white;background:linear-gradient(100deg,#0874e9 0%,#14aaf1 54%,#28d3ff 100%);box-shadow:0 13px 34px rgba(10,131,238,.2)}.button.glow{box-shadow:0 16px 40px rgba(16,153,244,.24)}.button.secondary{background:rgba(13,31,50,.55);border:1px solid rgba(106,155,202,.13);color:#71879f}.button b{font-size:15px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.trust-row>div{min-width:0;padding:10px 8px;border:1px solid rgba(104,161,211,.08);background:rgba(17,40,64,.24);border-radius:12px}.trust-row span{display:block;color:#56d8ff;font-size:12px;margin-bottom:4px}.trust-row b{display:block;font-size:9px}.trust-row small{display:block;color:#5b7189;font-size:7px;line-height:1.25;margin-top:2px}
.value-dashboard{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:9px;margin-bottom:16px}.balance-panel,.fast-panel{border-radius:15px;padding:13px;border:1px solid rgba(95,164,224,.11);background:linear-gradient(145deg,rgba(16,50,84,.36),rgba(4,13,25,.4))}.balance-panel{display:flex;flex-direction:column;justify-content:center;min-height:122px}.balance-panel>span,.fast-panel>span{color:#68819a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.balance-panel strong{font-size:20px;letter-spacing:-.04em;margin:6px 0 3px;color:#e7fbff}.balance-panel small{font-size:8px;color:#566c83}.quick-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.quick-values button{min-height:34px;border-radius:9px;border:1px solid rgba(85,160,224,.12);background:rgba(14,49,79,.55);color:#85a0b8;font-size:9px;font-weight:800;cursor:pointer;transition:.15s}.quick-values button:hover,.quick-values button.selected{color:#dff9ff;border-color:rgba(48,213,255,.35);background:rgba(20,125,185,.14);box-shadow:inset 0 0 18px rgba(48,213,255,.04)}.money-field>span{padding-left:16px;font-size:13px;font-weight:950;color:#65dfff}.money-field input{font-size:24px;font-weight:900;letter-spacing:-.04em;padding-left:9px}.money-field small{padding-right:15px;color:#4f6983;font-size:8px;font-weight:900;letter-spacing:.12em}
.status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.status-badge{display:flex;align-items:center;gap:7px;border-radius:999px;border:1px solid rgba(255,201,107,.2);background:rgba(255,201,107,.06);color:#e6bf77;padding:7px 9px;font-size:9px;font-weight:850}.status-badge i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 11px rgba(255,201,107,.55);animation:pulse 1.4s infinite}.status-badge.ended{border-color:rgba(255,104,129,.22);background:rgba(255,104,129,.06);color:#ff9aab}.status-badge.ended i{background:var(--danger);box-shadow:none;animation:none}@keyframes pulse{50%{opacity:.4}}.mobile-pix-grid{width:100%;max-width:100%;display:grid;grid-template-columns:142px minmax(0,1fr);gap:11px;align-items:stretch}.qr-wrap{display:flex;flex-direction:column;gap:7px}.qr-wrap>span{font-size:7px;text-align:center;color:#5d7188}.qr-panel{width:100%;aspect-ratio:1;padding:8px;border-radius:16px;background:white;box-shadow:0 10px 38px rgba(0,0,0,.35)}.qr-panel img{width:100%;height:100%;display:block;object-fit:contain}.pix-summary{display:flex;flex-direction:column;gap:7px}.summary-line{flex:1;border-radius:13px;padding:11px;background:rgba(16,43,70,.35);border:1px solid rgba(95,160,216,.09);display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-line>span{font-size:8px;color:#60788f;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.summary-line>strong{font-size:18px;letter-spacing:-.04em}.summary-line.stack{align-items:flex-start;justify-content:center;flex-direction:column}.summary-line.stack strong{font-size:11px;letter-spacing:0;line-height:1.2}.summary-line.stack small{font-size:8px;color:#627a92;word-break:break-all}.waiting-note{display:flex;align-items:center;gap:7px;border-radius:11px;padding:8px;background:rgba(53,227,167,.045);border:1px solid rgba(53,227,167,.08);color:#6f9b8d;font-size:8px;line-height:1.25}.waiting-note i{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(53,227,167,.5)}.copy-label{margin-top:15px}.copy-box{width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) 76px;border:1px solid rgba(104,159,208,.14);border-radius:13px;overflow:hidden;background:rgba(0,0,0,.16)}.copy-box textarea{width:100%;max-width:100%;height:66px;resize:none;border:0;outline:0;background:transparent;color:#6f879e;padding:11px;font-size:8px;line-height:1.35;word-break:break-all}.copy-box button{border:0;border-left:1px solid rgba(104,159,208,.13);background:rgba(24,82,128,.16);color:#5edcff;font-size:9px;font-weight:850;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.copy-box button b{font-size:14px}.pix-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.pix-actions .button{min-height:48px}.persist-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;border-radius:12px;padding:10px;background:rgba(48,213,255,.035);border:1px solid rgba(48,213,255,.07)}.persist-note>span{color:#5fdcff}.persist-note p{margin:0;color:#617a92;font-size:8px;line-height:1.45}.persist-note strong{color:#90a8bf}
.success-card{text-align:center;padding:31px 20px}.success-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:2px auto 17px;border:1px solid rgba(53,227,167,.24);background:radial-gradient(circle,rgba(53,227,167,.12),rgba(53,227,167,.025));box-shadow:0 0 55px rgba(53,227,167,.08)}.success-ring span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(53,227,167,.12);color:var(--green);font-size:23px;font-weight:900}.success-card h2{font-size:25px;margin:10px 0 8px}.success-card p{max-width:470px;margin:0 auto;color:var(--muted);font-size:11px;line-height:1.55}.success-amount{font-size:30px;font-weight:950;letter-spacing:-.045em;color:#e0fff3;margin:18px 0 4px}
.provider-note{width:100%;max-width:100%;display:flex;gap:10px;align-items:flex-start;margin:15px 2px 0;padding:13px 2px;border-top:1px solid rgba(104,158,204,.06)}.shield{flex:0 0 23px;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;color:#66a78f;background:rgba(53,227,167,.05);border:1px solid rgba(53,227,167,.1);font-size:9px}.provider-note strong{display:block;color:#71879d;font-size:8px;letter-spacing:.06em}.provider-note p{margin:3px 0 0;color:#465a70;font-size:8px;line-height:1.45}footer{display:flex;justify-content:center;align-items:center;gap:8px;color:#33465a;font-size:8px;padding:7px 0}footer i{width:3px;height:3px;border-radius:50%;background:#33465a}
.toast{position:fixed;z-index:50;left:50%;bottom:18px;transform:translate(-50%,22px);width:min(calc(100% - 24px),430px);padding:12px 14px;border-radius:13px;border:1px solid rgba(94,158,218,.18);background:#0d1826;color:#dcecff;font-size:10px;box-shadow:0 18px 55px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:rgba(255,104,129,.24);color:#ffb4c0}.loading{position:fixed;z-index:60;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(2,6,13,.76);backdrop-filter:blur(8px)}.loader-orbit{width:48px;height:48px;border-radius:50%;border:1px solid rgba(48,213,255,.12);display:grid;place-items:center;animation:spin 1.4s linear infinite}.loader-orbit:before{content:"";width:31px;height:31px;border-radius:50%;border:2px solid rgba(48,213,255,.1);border-top-color:#35d7ff}.loader-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#35d7ff;transform:translateY(-24px);box-shadow:0 0 15px #35d7ff}.loading strong{font-size:11px;margin-top:13px}.loading>span{font-size:8px;color:#667c93;margin-top:3px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:359px){.secure-badge span{display:none}.intro-chip{display:none}.intro{grid-template-columns:1fr}.mobile-pix-grid{grid-template-columns:1fr}.qr-wrap{width:180px;margin:0 auto}.pix-summary{display:grid;grid-template-columns:1fr 1fr}.waiting-note{grid-column:1/-1}.value-dashboard{grid-template-columns:1fr}.trust-row small{display:none}.pix-actions{grid-template-columns:1fr}}
@media(min-width:620px){.app-shell{padding-top:20px}.pay-card{padding:24px}.intro{padding-top:30px;padding-bottom:25px}.intro p{font-size:13px}.progress{padding-bottom:17px}.mobile-pix-grid{grid-template-columns:220px 1fr;gap:18px}.summary-line>strong{font-size:24px}.copy-box textarea{font-size:9px}.dev-card{grid-template-columns:1fr 230px;align-items:center}.value-dashboard{grid-template-columns:.8fr 1.2fr}.quick-values{grid-template-columns:repeat(4,1fr)}.balance-panel{min-height:108px}.fast-panel{display:flex;flex-direction:column;justify-content:center}}
@media(min-width:900px){.app-shell{width:900px}.topbar{padding:0 4px}.intro h1{font-size:52px}.pay-card{border-radius:26px}.pix-actions{grid-template-columns:1fr 210px}}

/* Trava horizontal: a página acompanha a largura real do aparelho sem bloquear o scroll vertical. */
@supports (overflow:clip){html,body{overflow-x:clip}}
.topbar,.intro,.progress,.pay-card,.value-dashboard,.mobile-pix-grid,.pix-summary,.pix-actions,.provider-note,footer{max-width:100%}
.identity,.identity-copy,.card-top>div,.status-head>div,.balance-panel,.fast-panel,.summary-line,.pix-summary{min-width:0}
.summary-line strong,.summary-line small,.card-top p,.provider-note p{overflow-wrap:anywhere}
@media(max-width:430px){
  .app-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .topbar{gap:8px}.secure-badge{padding:7px 8px}.secure-badge span{font-size:8px}
  .intro{gap:10px}.intro-chip{width:58px;height:58px;border-radius:17px}.intro-chip strong{font-size:16px}
  .progress{gap:5px}.progress-item{gap:5px}.progress-item b{font-size:8px}
  .pay-card{padding:16px;border-radius:21px}
  .copy-box{grid-template-columns:minmax(0,1fr) 70px}
}
@media(max-width:340px){
  .secure-badge span{display:none}.intro-chip{display:none}.intro{grid-template-columns:1fr}
  .progress-item b{display:none}
}


/* Taxa fixa PIX: disclosure compacto, sem alterar o fluxo mobile-first. */
.fee-note{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px;margin-top:8px;padding:9px 11px;border-radius:11px;border:1px solid rgba(48,213,255,.09);background:rgba(48,213,255,.035)}
.fee-note>span{color:#718aa2;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.fee-note>strong{justify-self:end;color:#8ce9ff;font-size:10px}
.fee-note>small{grid-column:1/-1;color:#536b83;font-size:8px;line-height:1.35}
.waiting-note b{color:#9fdccb;font-weight:850}