:root{--bg-dark: #f0f2f6;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(15, 23, 42, .06);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--motors-orange: #e87324;--motors-orange-hover: #ff8234;--motors-dark: #0a0b0e;--pix-primary: var(--motors-orange);--pix-gradient-start: var(--motors-orange);--pix-gradient-end: #ff914d;--success: #10b981;--success-light: rgba(16, 185, 129, .1);--error: #ef4444;--error-light: rgba(239, 68, 68, .1);--warning: #d97706;--warning-light: rgba(217, 119, 6, .1);--shadow-premium: 0 20px 40px -15px rgba(15, 23, 42, .1), 0 0 0 1px rgba(15, 23, 42, .02);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative;padding:20px}h1,h2,h3,.pix-value{font-family:Outfit,sans-serif;font-weight:700}.blob{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.4;pointer-events:none}.blob-1{width:400px;height:400px;background:radial-gradient(circle,var(--motors-orange) 0%,transparent 70%);top:-100px;left:-100px;animation:float 12s ease-in-out infinite alternate}.blob-2{width:500px;height:500px;background:radial-gradient(circle,#0b0f19 0%,transparent 70%);bottom:-150px;right:-100px;animation:float 16s ease-in-out infinite alternate-reverse}.blob-3{width:300px;height:300px;background:radial-gradient(circle,rgba(232,115,36,.25) 0%,transparent 70%);top:30%;right:20%;animation:float 10s ease-in-out infinite alternate}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}.brand-logo-container{text-align:center;margin-bottom:24px;background:#ffffff;padding:18px 28px;border-radius:20px;box-shadow:0 10px 25px #0f172a0d;border:1px solid rgba(15,23,42,.05);display:flex;justify-content:center;align-items:center;width:100%;animation:fadeInDown .8s cubic-bezier(.4,0,.2,1)}.brand-logo{max-width:280px;width:100%;height:auto;display:block}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-container{width:100%;max-width:500px;z-index:10;position:relative}.card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:24px;padding:32px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth);overflow:hidden}.hidden{display:none!important}.card-loading{text-align:center;padding:60px 32px}.spinner-container{width:60px;height:60px;position:relative;margin:0 auto 24px}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--pix-primary);opacity:.6;position:absolute;top:0;left:0;animation:bounce 2s infinite ease-in-out}.double-bounce2{animation-delay:-1s;background-color:var(--pix-gradient-end)}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.card-loading p{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.loading-subtext{font-size:14px;color:var(--text-muted)}.card-error{text-align:center;padding:48px 32px}.error-icon{font-size:54px;color:var(--error);margin-bottom:20px;animation:pulse-error 2s infinite}@keyframes pulse-error{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.card-error h2{font-size:24px;margin-bottom:12px}.card-error p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.checkout-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:20px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.security-icon{color:var(--pix-primary);font-size:16px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:600}.status-badge.active{background-color:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.status-badge.completed{background-color:#10b9811f;color:var(--success);border:1px solid rgba(16,185,129,.2)}.pulse-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;display:inline-block;animation:pulse-dot-anim 1.5s infinite}@keyframes pulse-dot-anim{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.4);opacity:1}to{transform:scale(.8);opacity:.5}}.pix-value-box{text-align:center;margin-bottom:28px}.value-label{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);display:block;margin-bottom:6px}.pix-display-value,.pix-value{font-size:40px;background:linear-gradient(135deg,var(--text-primary) 30%,var(--pix-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-1px}.order-info{font-size:13px;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;gap:8px}.order-info .divider{color:var(--text-muted)}.qrcode-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.qrcode-container{background:white;padding:16px;border-radius:20px;box-shadow:0 10px 25px #0003;position:relative;overflow:hidden;width:212px;height:212px;display:flex;justify-content:center;align-items:center}#qrcode img,#qrcode canvas{width:180px;height:180px;display:block}.scanner-line{position:absolute;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,var(--motors-orange),transparent);box-shadow:0 0 8px var(--motors-orange);animation:scan 3s linear infinite;pointer-events:none}@keyframes scan{0%{top:12px;opacity:0}5%{opacity:1}95%{opacity:1}to{top:200px;opacity:0}}.qrcode-instruction{font-size:12px;color:var(--text-secondary);text-align:center;margin-top:14px;max-width:280px;line-height:1.5}.copia-cola-container{margin-bottom:24px}.copia-cola-container label{font-size:12px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-copy-group{display:flex;gap:8px;background:rgba(15,23,42,.03);border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:4px 4px 4px 12px;align-items:center;transition:var(--transition-smooth)}.input-copy-group:focus-within{border-color:#32bcad66;box-shadow:0 0 10px #32bcad1a}.input-copy-group input{background:transparent;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--pix-primary) 0%,#c15615 100%);color:#fff;box-shadow:0 4px 12px #e873244d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e8732480;background:linear-gradient(135deg,var(--motors-orange-hover) 0%,var(--motors-orange) 100%)}.btn-primary:active{transform:translateY(0)}.btn-primary.copied{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-secondary{background:rgba(15,23,42,.04);color:var(--text-primary);border:1px solid rgba(15,23,42,.08)}.btn-secondary:hover{background:rgba(15,23,42,.07);border-color:#0f172a26}.details-section{margin-bottom:24px;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:rgba(15,23,42,.015);overflow:hidden}.details-toggle{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition-smooth)}.details-toggle:hover{background:rgba(15,23,42,.03)}.details-toggle i{color:var(--text-secondary)}.details-toggle .arrow-icon{font-size:11px;transition:transform .3s ease}.details-toggle.active .arrow-icon{transform:rotate(180deg)}.details-content{border-top:1px solid rgba(15,23,42,.06);padding:16px;max-height:200px;overflow-y:auto}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.item-name{color:var(--text-primary);font-weight:500}.item-qty{color:var(--text-muted);font-size:11px;margin-left:6px}.item-price{color:var(--text-secondary);font-weight:600}.instructions-section{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-bottom:8px}.instructions-section h3{font-size:14px;margin-bottom:14px;color:var(--text-primary)}.instructions-list{list-style:none;display:flex;flex-direction:column;gap:12px}.instructions-list li{display:flex;gap:12px;align-items:flex-start}.step-num{background:rgba(50,188,173,.12);color:var(--pix-primary);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.step-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.step-text strong{color:var(--text-primary)}.checkout-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:24px}.safe-payment-seal{display:flex;gap:10px;align-items:flex-start;color:var(--text-muted);font-size:11px;line-height:1.4}.safe-payment-seal i{color:var(--pix-primary);font-size:14px;margin-top:2px}.card-success{text-align:center;padding:48px 32px}.success-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 28px}.success-circle{width:100%;height:100%;border-radius:50%;background-color:var(--success);display:flex;align-items:center;justify-content:center;font-size:36px;color:#0a0e1a;z-index:2;position:relative;box-shadow:0 0 20px #10b98166}.pulse-wave{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--success);opacity:.3;z-index:1}.wave-1{animation:wave-pulse 2s infinite ease-out}.wave-2{animation:wave-pulse 2s infinite ease-out .8s}@keyframes wave-pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.6);opacity:0}}.card-success h2{font-size:26px;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.success-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.5}.receipt-box{background:rgba(15,23,42,.02);border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:20px;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.receipt-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.receipt-label{color:var(--text-muted)}.receipt-val{color:var(--text-primary);font-weight:600}.receipt-val.highlight{color:var(--success);font-size:16px;font-weight:700}.success-footer-msg{font-size:12px;color:var(--text-muted);margin-bottom:24px}.success-actions{display:flex;justify-content:center}.details-content::-webkit-scrollbar{width:6px}.details-content::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.details-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.details-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}@media (max-width: 480px){body{padding:12px}.card{padding:24px 20px;border-radius:20px}.pix-display-value,.pix-value{font-size:32px}.qrcode-container{width:192px;height:192px}#qrcode img,#qrcode canvas{width:160px;height:160px}@keyframes scan{0%{top:12px;opacity:0}5%{opacity:1}95%{opacity:1}to{top:180px;opacity:0}}}