:root{--green:#25d366;--green-dark:#128c7e;--black:#0a0a0a;--white:#fafafa;--gray:#6b7280;--gray-light:#f3f4f6;--red:#ef4444;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--gray-light);color:var(--black);line-height:1.6}.page{max-width:480px;padding:48px 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.card,.page{margin:0 auto}.card{background:var(--white);border-radius:16px;padding:32px;max-width:440px;box-shadow:0 16px 40px rgba(15,23,42,.08)}.card h1{font-size:24px;line-height:1.25;font-weight:700;margin-bottom:6px}.card .lead,.card p{font-size:14px}.card .lead{color:var(--gray);margin-bottom:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.field label{font-size:14px;font-weight:600}.field span{font-size:13px}.field input{padding:12px 14px;border:1px solid #e5e7eb;border-radius:var(--radius);font-size:16px;outline:none}.field input:focus{border-color:var(--green)}.field .error{color:var(--red);font-size:13px}.field .helper-text{color:var(--gray);font-size:13px;line-height:1.5}.btn{width:100%;background:var(--green);color:var(--black);font-size:15px;font-weight:700;padding:16px 20px;border:none;border-radius:var(--radius);cursor:pointer;transition:transform .15s,opacity .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:var(--radius);margin-bottom:16px}.alert,.muted{font-size:13px}.muted{color:var(--gray);text-align:center;margin-top:16px}.copybox{display:flex;gap:8px;margin:12px 0}.copybox input{flex:1 1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:var(--radius);font-size:12px;font-family:monospace;background:var(--gray-light)}.copybox button{background:var(--black);color:var(--white);border:none;padding:0 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.copybox button,.qr{border-radius:var(--radius)}.qr{display:block;width:220px;height:220px;margin:16px auto}.status{font-size:14px;color:var(--gray);margin-top:8px}.center,.status{text-align:center}.link{color:var(--green-dark);font-weight:600;text-decoration:none}.summary{background:var(--gray-light);border-radius:var(--radius);padding:18px 20px;margin-bottom:24px}.summary-label{font-size:12px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.08em}.summary-product{font-size:17px;font-weight:700;margin-top:2px}.summary-desc{font-size:13px;color:var(--gray);margin:4px 0 10px}.summary-total{font-size:18px;font-weight:700;color:var(--green-dark)}.summary-meta{font-size:13px;color:var(--gray);margin-top:6px}.benefits{margin-bottom:24px}.benefits-label{font-size:13px;font-weight:600;margin-bottom:8px}.benefits ul{list-style:none;display:flex;flex-direction:column;gap:6px}.benefits li{font-size:14px;padding-left:24px;position:relative}.benefits li:before{content:"✓";position:absolute;left:0;color:var(--green-dark);font-weight:700}.secure{text-align:center;margin-top:24px;font-size:13px;color:var(--gray)}.secure p{font-size:13px;margin:3px 0}.company-footer{text-align:center;font-size:12px;color:var(--gray);margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.pix-steps{background:var(--gray-light);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px}.pix-steps-title{font-weight:700;font-size:15px;margin-bottom:8px}.pix-steps ol{margin:0 0 8px 18px;font-size:14px;display:flex;flex-direction:column;gap:4px}.pix-steps-note,.qr-hint{font-size:13px;color:var(--gray)}.qr-hint{margin-top:16px}.copybox-primary{flex-direction:column;align-items:stretch}.copybox-primary input{width:100%}.copybox-primary button{background:var(--green);color:var(--black);font-size:15px;font-weight:700;padding:14px 16px;width:100%}@media (min-width:480px){.copybox-primary{flex-direction:row}.copybox-primary input{flex:1 1;width:auto}.copybox-primary button{width:auto}}@media (max-width:480px){.page{padding:32px 16px}.card{padding:24px}.card h1{font-size:22px}.summary{padding:16px 18px}.benefits,.summary{margin-bottom:20px}.field{margin-bottom:16px}}