@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090b;--surface:#18181b73;--surface-2:#27272a99;--primary:#eab308;--primary-lite:#facc15;--gold-dark:#ca8a04;--gold:#eab308;--primary-glow:#eab30840;--green:#10b981;--green-glow:#10b98133;--text-1:#f4f4f5;--text-2:#a1a1aa;--text-3:#71717a;--border:#ffffff14;--border-hi:#eab30866;--red:#ef4444}html,body{height:100%}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(circle at 15%,#eab30814,#0000 25%),radial-gradient(circle at 85% 30%,#ef44440f,#0000 25%);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}.material-icons-round{-webkit-user-select:none;user-select:none;line-height:1!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spin{border:2px solid #ffffff1a;border-top-color:var(--text-1);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spin-white{border-top-color:#fff}.spin-sm{border-width:2px;border-top-color:var(--text-2);width:12px;height:12px}.page{flex:1;width:100%;max-width:440px;margin:0 auto;padding:40px 16px 56px;animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}.form-card,.transfer-screen,.success-screen,.pix-screen{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;width:100%;padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0d}.fc-header{margin-bottom:24px}.fc-title{letter-spacing:-1px;background:linear-gradient(135deg,#fff 10%,#d4d4d8 90%);-webkit-text-fill-color:transparent;text-shadow:0 4px 24px #ffffff1a;-webkit-background-clip:text;margin-bottom:4px;font-size:clamp(28px,8vw,36px);font-weight:900}.fc-sub{color:var(--text-2);font-size:15px;font-weight:400}.fc-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin-bottom:24px}.fc-discount{background:linear-gradient(90deg, var(--gold-dark) 0%, var(--primary-lite) 100%);text-align:center;color:#111;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 16px var(--primary-glow);border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:800}.fc-field{margin-bottom:20px}.fc-label{color:var(--text-2);letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.fc-input{width:100%;color:var(--text-1);letter-spacing:.5px;background:#0003;border:1px solid #ffffff1a;border-radius:16px;outline:none;padding:16px 20px;font-family:inherit;font-size:16px;font-weight:600;transition:all .25s;box-shadow:inset 0 2px 4px #0003}.fc-input::placeholder{color:var(--text-3);font-weight:400}.fc-input:focus{border-color:var(--primary-lite);box-shadow:0 0 0 4px var(--primary-glow), inset 0 2px 4px #0000001a;background:#eab3080d}.fc-input.input-ok{border-color:var(--green);background:#10b9810d}.fc-input.input-err{border-color:var(--red);background:#ef44440d}.fc-plan-grid{gap:12px;display:flex}.fc-plan-card{border:1px solid var(--border);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000004d;border-radius:20px;flex:1;padding:24px 12px 20px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.fc-plan-card:active{transform:scale(.97)}.fc-plan-card.active{border-color:var(--primary-lite);box-shadow:0 8px 32px var(--primary-glow), inset 0 0 0 1px var(--primary-lite);background:#eab30814}.fc-plan-badge{background:var(--primary-lite);color:#111;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 12px var(--primary-glow);border-radius:0 0 10px 10px;padding:4px 14px;font-size:10px;font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%)}.fc-plan-name{color:var(--text-2);margin-top:10px;margin-bottom:8px;font-size:15px;font-weight:600}.fc-plan-card.active .fc-plan-name{color:var(--text-1)}.fc-price-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.fc-price{color:var(--text-1);letter-spacing:-1px;font-size:28px;font-weight:900}.fc-plan-card.active .fc-price{color:var(--primary-lite);text-shadow:0 0 20px var(--primary-glow)}.fc-summary{border:1px solid var(--border);background:#0000004d;border-radius:20px;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:8px;padding:20px 24px;display:flex}.fc-summary-label{color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:700}.fc-summary-detail{color:var(--text-2);font-size:14px;font-weight:500}.fc-summary-price{color:var(--green);letter-spacing:-1px;text-shadow:0 0 24px var(--green-glow);text-align:right;font-size:32px;font-weight:900}.btn{cursor:pointer;white-space:nowrap;letter-spacing:.5px;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;font-family:inherit;font-weight:700;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none;filter:grayscale()}.btn-dark{background:linear-gradient(135deg, var(--green) 0%, #059669 100%);color:#fff;box-shadow:0 8px 24px var(--green-glow), inset 0 1px 0 #fff3;padding:18px 24px;font-size:16px}.btn-dark:hover{filter:brightness(1.1);box-shadow:0 12px 32px #10b98166,inset 0 1px #ffffff4d}.btn-secondary{color:var(--text-1);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:10px 16px;font-size:13px}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-secondary[style*=ef4444]{color:#ef4444!important;background:#ef44441a!important;border-color:#ef444433!important}.btn-secondary[style*=ef4444]:hover{background:#ef444426!important;border-color:#ef44444d!important}.error-msg{color:var(--red);background:#ef44441a;border:1px solid #ef444433;border-radius:14px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.tf-status{align-items:center;gap:6px;min-height:18px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.tf-status.checking{color:var(--text-2)}.tf-status.ok{color:var(--green)}.tf-status.bad{color:var(--red)}.tf-nav{align-items:center;margin-bottom:24px;display:flex}.back-btn{color:var(--text-1);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:10px;transition:all .2s;display:flex}.back-btn:hover{background:#ffffff1a;transform:translate(-2px)}.tf-nav-title{text-align:center;color:var(--text-1);flex:1;padding-right:42px;font-size:18px;font-weight:700}.tf-desc{color:var(--text-2);margin-bottom:28px;font-size:15px;line-height:1.6}.tf-success{text-align:center;flex-direction:column;align-items:center;padding:10px 0;display:flex}.tf-success-icon{background:linear-gradient(135deg, var(--green) 0%, #059669 100%);width:72px;height:72px;box-shadow:0 12px 32px var(--green-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:.5s cubic-bezier(.34,1.56,.64,1) both scaleIn;display:flex}.tf-success-title{color:var(--text-1);letter-spacing:-.5px;margin-bottom:10px;font-size:24px;font-weight:800}.tf-success-sub{color:var(--text-2);font-size:15px;line-height:1.5}@extend .tf-nav;.pix-nav{align-items:center;width:100%;margin-bottom:24px;display:flex}@extend .tf-nav-title;.pix-nav-title{text-align:center;flex:1;padding-right:42px;font-size:18px;font-weight:700}.pix-amount-wrap{text-align:center;margin-bottom:28px}.pix-amount-label{color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:12px;font-weight:700}.pix-amount{color:var(--green);letter-spacing:-2px;text-shadow:0 0 40px var(--green-glow);font-size:56px;font-weight:900;line-height:1}.qr-card{flex-direction:column;align-items:center;gap:24px;width:100%;margin-bottom:24px;display:flex}.qr-wrapper{background:#fff;border-radius:28px;padding:18px;position:relative;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff1a}.qr-expired{opacity:.1;filter:blur(6px)}.qr-expired-overlay{color:#ef4444;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:800;display:flex;position:absolute;inset:0}.qr-img{border-radius:12px;width:230px;height:230px;display:block}.pix-meta{flex-direction:column;align-items:center;gap:14px;display:flex}.pix-timer{color:var(--text-1);background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0003}.pix-timer-warn{color:#facc15;background:#facc151a;border-color:#facc154d;box-shadow:0 4px 16px #facc1526}.waiting{color:var(--text-2);align-items:center;gap:10px;font-size:14px;font-weight:500;animation:2s ease-in-out infinite pulse;display:flex}.pix-id-info{color:var(--text-3);letter-spacing:.5px;text-align:center;margin-top:24px;font-size:13px;font-weight:500}.sc-header{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;margin-bottom:24px;padding:0 0 32px;display:flex}.sc-check-wrap{background:linear-gradient(135deg, var(--green) 0%, #059669 100%);width:80px;height:80px;box-shadow:0 12px 32px var(--green-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:.5s cubic-bezier(.34,1.56,.64,1) both scaleIn;display:flex}.sc-title{color:var(--text-1);letter-spacing:-.5px;text-align:center;margin-bottom:12px;font-size:26px;font-weight:800}.sc-amount{color:var(--green);letter-spacing:-2px;text-shadow:0 0 32px var(--green-glow);font-size:48px;font-weight:900;line-height:1}.sc-receipt{border:1px solid var(--border);background:#0003;border-radius:20px;margin-bottom:24px;padding:24px}.sc-receipt-title{color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;font-size:12px;font-weight:700}.sc-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;display:flex}.sc-row:last-child{border-bottom:none;padding-bottom:0}.sc-row span{color:var(--text-2);font-weight:500}.sc-row strong{color:var(--text-1);font-weight:700}.sc-row-total{margin-top:8px;border-top:1px dashed #ffffff1a!important;border-bottom:none!important;padding-top:20px!important}.sc-row-total span{color:var(--text-2);font-size:15px}.sc-row-total strong{color:var(--primary-lite);text-shadow:0 0 16px var(--primary-glow);font-size:22px;font-weight:900}.sc-key-card{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e33;border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.sc-key-card:before{content:"";background:linear-gradient(90deg, transparent, var(--green), transparent);height:2px;position:absolute;top:0;left:0;right:0}.sc-key-top{color:var(--green);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.sc-key-badge{background:var(--green);color:#fff;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 12px var(--green-glow);border-radius:99px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:900}.sc-key-value{color:#fff;letter-spacing:2px;word-break:break-all;-webkit-user-select:all;user-select:all;text-shadow:0 0 20px #ffffff4d;margin-bottom:12px;font-family:Courier New,monospace;font-size:clamp(22px,7vw,32px);font-weight:900;line-height:1.2}.sc-key-meta{color:#fff9;font-size:13px;font-weight:500}.sc-actions{flex-direction:column;gap:12px;display:flex}.sc-btn-copy{background:var(--text-1);color:#000;cursor:pointer;letter-spacing:.5px;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px;font-family:inherit;font-size:17px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 8px 24px #fff3}.sc-btn-copy:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffffff4d}.sc-btn-copy:active{transform:scale(.96)}.sc-btn-new{color:var(--text-1);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:18px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.sc-btn-new:hover{background:#ffffff1a;border-color:#fff3}