@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--glass:#ffffff08;--glass-border:#ffffff14;--accent:#6366f1;--accent-glow:#6366f166;--success:#10b981;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#fff6}body{background:#0a0a0f;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px;position:relative}.bg-gradient{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:0}.bg-gradient:before{animation:bgFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#6366f126 0,#0000 40%),radial-gradient(circle at 80% 80%,#ec48991a 0,#0000 40%),radial-gradient(circle at 40% 60%,#0ea5e914 0,#0000 30%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes bgFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(2%,2%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-1deg)}}.payment-card{animation:cardEntry .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;max-width:480px;padding:40px;position:relative;width:100%;z-index:1}@keyframes cardEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header{margin-bottom:36px;text-align:center}.logo{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:16px;box-shadow:0 8px 32px #6366f166;box-shadow:0 8px 32px var(--accent-glow);display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:8px}.header p{color:#fff9;color:var(--text-secondary);font-size:15px}.section-label{color:#fff6;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:14px;text-transform:uppercase}.payment-sources{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.source-btn{align-items:center;background:#12121a;background:var(--bg-secondary);border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:18px 12px;transition:all .3s ease}.source-btn:hover{background:#6366f11a;border-color:#6366f14d;transform:translateY(-2px)}.source-btn.active{background:#6366f126;border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 20px #6366f166;box-shadow:0 0 20px var(--accent-glow)}.source-btn .icon{font-size:24px}.source-btn span{color:#fff9;color:var(--text-secondary);font-size:12px;font-weight:500}.source-btn.active span{color:#fff;color:var(--text-primary)}.source-btn .instagram{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;background-clip:text}.form-group{margin-bottom:20px}.input-wrapper{position:relative}.input-wrapper input{background:#12121a;background:var(--bg-secondary);border:2px solid #0000;border-radius:14px;color:#fff;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 4px #6366f11a;outline:none}.input-wrapper input::placeholder{color:#fff6;color:var(--text-muted)}.amount-input-wrapper{position:relative}.currency-symbol{color:#fff9;color:var(--text-secondary);font-size:20px;font-weight:600;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.amount-input-wrapper input{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;padding-left:45px}.quick-amounts{display:flex;gap:10px;margin-top:12px}.quick-amount-btn{background:#12121a;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;color:#fff9;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;padding:10px;transition:all .2s ease}.quick-amount-btn:hover{background:#6366f11a;border-color:#6366f14d;color:#fff;color:var(--text-primary)}.pay-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:17px;font-weight:600;margin-top:12px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.pay-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pay-btn:hover:before{left:100%}.pay-btn:hover{box-shadow:0 12px 40px #6366f166;box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-2px)}.pay-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pay-btn:disabled:hover:before{left:-100%}.security-badge{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);color:#fff6;color:var(--text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:24px;padding-top:24px}.security-badge svg{color:#10b981;color:var(--success)}@media (max-width:480px){.payment-card{padding:28px 20px}.payment-sources{gap:8px;grid-template-columns:repeat(3,1fr)}.source-btn{padding:14px 8px}.header h1{font-size:24px}}.error-text{color:#ef4444;font-size:13px;margin-top:8px;padding-left:4px}.coffee-note{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:10px;color:#fbbf24;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:16px;padding:12px}.coffee-note svg{font-size:16px}.pdf-note{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#fff9;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;margin-bottom:24px;padding:14px 16px}.pdf-note svg{color:#6366f1;color:var(--accent);flex-shrink:0;font-size:18px}.success-card{text-align:center}.success-icon{animation:successPop .5s ease-out;color:#10b981;font-size:64px;margin-bottom:20px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-title{color:#fff;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px}.success-subtitle{color:#fff9;color:var(--text-secondary);font-size:15px;margin-bottom:30px}.success-details{background:#12121a;background:var(--bg-secondary);border-radius:16px;margin-bottom:24px;padding:20px;text-align:left}.detail-row{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#fff6;color:var(--text-muted);font-size:13px}.detail-value{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;max-width:60%;text-align:right;word-break:break-all}.detail-value.highlight{color:#10b981;font-size:18px;font-weight:700}.download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-bottom:12px;padding:16px;text-decoration:none;transition:all .3s ease;width:100%}.download-btn:hover{box-shadow:0 12px 40px #10b98166;transform:translateY(-2px)}.download-btn svg{font-size:18px}.new-payment-btn{background:#0000;border:2px solid #ffffff14;border:2px solid var(--glass-border);border-radius:14px;color:#fff9;color:var(--text-secondary);cursor:pointer;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.new-payment-btn:hover{border-color:#6366f1;border-color:var(--accent);color:#fff;color:var(--text-primary)}
/*# sourceMappingURL=main.c7ba1ddc.css.map*/