*,*:before,*:after{box-sizing:border-box}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--bg-start: #ede9fe;--bg-mid: #fce7f3;--bg-end: #fff7ed;--surface: rgba(255, 255, 255, .72);--surface-solid: #ffffff;--surface-hover: rgba(255, 255, 255, .88);--border: rgba(148, 115, 220, .12);--border-strong: rgba(148, 115, 220, .22);--text-primary: #1e1b4b;--text-secondary: #5b5294;--text-muted: #8b83b8;--accent: #7c3aed;--accent-light: #a78bfa;--accent-glow: rgba(124, 58, 237, .12);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--success-border: rgba(5, 150, 105, .18);--warning-text: #b45309;--warning-bg: rgba(245, 158, 11, .08);--warning-border: rgba(245, 158, 11, .2);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-card: 0 4px 24px rgba(124, 58, 237, .06), 0 1px 4px rgba(0, 0, 0, .03);--shadow-button: 0 2px 8px rgba(124, 58, 237, .12);font-family:var(--font);line-height:1.6;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:480px){html{font-size:15px}}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(160deg,var(--bg-start) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-100px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(236,72,153,.06) 0%,transparent 70%);pointer-events:none;z-index:0}#root{min-height:100dvh;position:relative;z-index:1}h1,h2,h3{margin:0;letter-spacing:-.02em}button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);padding:.6em 1.1em;font-size:.88rem;font-weight:600;font-family:var(--font);color:var(--text-primary);background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:all .2s ease;white-space:nowrap}button:hover{background:var(--surface-hover);border-color:var(--accent-light);box-shadow:var(--shadow-button);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}::selection{background:#7c3aed2e}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.layout{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid;gap:1rem;position:relative}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.header{text-align:center;padding:2rem 0 .5rem;animation:fadeSlideUp .6s ease both}.logo{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;animation:shimmer 6s ease-in-out infinite;position:relative}.tagline{margin:.6rem 0 0;color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.5}.taglineBanks{margin-top:.35rem;font-size:.82rem;font-weight:600;letter-spacing:.06em;background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}.noticePanel{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1rem;font-size:.82rem;color:var(--text-secondary);line-height:1.6;animation:fadeSlideUp .6s ease .1s both}.noticePanel p{margin:.15rem 0}.noticeLock{display:inline-block;margin-right:.3rem}.noticePanel--disclaimer{padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation-delay:.14s}.noticeDisclaimer{margin:0!important;display:flex;gap:.45rem;align-items:flex-start;padding:.55rem .65rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f973161a,#ea580c0f);border:1px solid rgba(249,115,22,.2);color:#9a3412;font-size:.77rem;line-height:1.5}.noticeDisclaimerIcon{line-height:1;margin-top:.08rem;font-size:.78rem;opacity:.9}.upsellSection{animation:fadeSlideUp .55s ease .15s both}.upsellContent{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(124,58,237,.12),transparent 45%),radial-gradient(circle at bottom left,rgba(236,72,153,.1),transparent 40%),var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow-card)}.upsellEyebrow{display:inline-flex;align-items:center;margin:0 0 .2rem;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7c3aed;background:#7c3aed17;border:1px solid rgba(124,58,237,.16)}.upsellTitle{margin:.45rem 0 0;font-size:1.06rem;line-height:1.34;letter-spacing:-.01em;color:var(--text-primary)}.upsellDesc{margin:.6rem 0 0;font-size:.88rem;color:var(--text-secondary);line-height:1.5;max-width:56ch}.upsellGrid{margin-top:1.05rem;display:grid;gap:.8rem}.upsellCard{display:flex;flex-direction:column;height:100%;text-decoration:none;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-md);padding:.95rem 1rem;background:linear-gradient(160deg,#fffc,#7c3aed0a,#ec48990d);box-shadow:0 2px 10px #4c1d950f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.upsellCard:hover{transform:translateY(-2px);border-color:#7c3aed47;box-shadow:0 10px 24px #7c3aed24;background:linear-gradient(160deg,#ffffffe6,#7c3aed17,#ec489914)}.upsellCardTitle{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.35}.upsellCardText{margin:.4rem 0 0;font-size:.86rem;color:var(--text-secondary);line-height:1.5}.upsellCardCta{display:inline-block;margin-top:auto;padding-top:.65rem;font-size:.82rem;font-weight:600;color:var(--accent);transition:transform .2s ease,color .2s ease}.upsellCard:hover .upsellCardCta{transform:translate(2px);color:#6d28d9}.upsellCard:nth-child(1){border-top:2px solid rgba(124,58,237,.45)}.upsellCard:nth-child(2){border-top:2px solid rgba(34,197,94,.45)}.upsellCard:nth-child(3){border-top:2px solid rgba(236,72,153,.45)}.card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;animation:fadeSlideUp .5s ease both}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.25s}.card:nth-child(5){animation-delay:.35s}.card:hover{box-shadow:0 8px 32px #7c3aed1a,0 2px 8px #0000000a;border-color:var(--border-strong);transform:translateY(-1px)}.stepHeader{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.stepBadge{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:.82rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0000001a;position:relative}.stepBadge:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:inherit;opacity:.2;z-index:-1}.stepBadge--scan{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.stepBadge--paste{background:linear-gradient(135deg,#ec4899,#f9a8d4)}.stepBadge--verify{background:linear-gradient(135deg,#f97316,#fdba74)}.stepBadge--transfer{background:linear-gradient(135deg,#059669,#6ee7b7)}.stepTitle{font-size:.95rem;font-weight:600;color:var(--text-primary)}.successBanner{display:flex;align-items:center;gap:.5rem;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);border-radius:var(--radius-sm);padding:.6rem .85rem;margin-top:.75rem;font-size:.85rem;font-weight:500;animation:fadeSlideUp .3s ease both}.successBanner span:first-child{font-size:1.1rem}.btnGhostSmall{margin-left:auto;padding:.25rem .65rem;font-size:.75rem;font-weight:600;background:transparent;border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--success);cursor:pointer;transition:all .2s ease}.btnGhostSmall:hover{background:var(--success-bg);border-color:var(--success)}.warningBox{display:flex;align-items:flex-start;gap:.5rem;background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--radius-sm);padding:.6rem .85rem;margin-bottom:.75rem;font-size:.85rem}.warningBox p{margin:.15rem 0}textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.7rem .85rem;font:inherit;font-size:.85rem;background:#ffffff80;color:var(--text-primary);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}textarea:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent-glow);outline:none}textarea::placeholder{color:var(--text-muted)}.fieldGrid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:.3rem}.field.fullWidth{grid-column:1 / -1}.fieldLabel{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.fieldInput{width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.6rem .75rem;font:inherit;font-size:.88rem;background:#ffffff80;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.fieldInput:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.fieldInput::placeholder{color:var(--text-muted)}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}.btnPrimary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;box-shadow:0 2px 12px #7c3aed40}.btnPrimary:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 4px 16px #7c3aed59;border-color:transparent}.btnCopy{background:linear-gradient(135deg,#7c3aed0f,#ec48990f);border-color:#7c3aed26;color:var(--accent);font-weight:600}.btnCopy:hover{background:linear-gradient(135deg,#7c3aed1f,#ec48991f);border-color:var(--accent-light)}.btnBank{background:linear-gradient(135deg,#0596690f,#10b9810f);border-color:#0596692e;color:var(--success);font-weight:600;flex:1}.btnBank:hover{background:linear-gradient(135deg,#0596691f,#10b9811f);border-color:#0596694d}.btnBank--revolut{background:linear-gradient(135deg,#006aff0f,#006aff08);border-color:#006aff2e;color:#006aff}.btnBank--revolut:hover{background:linear-gradient(135deg,#006aff1f,#006aff14);border-color:#006aff4d}.btnBank--n26{background:linear-gradient(135deg,#36a38b0f,#36a38b08);border-color:#36a38b2e;color:#36a38b}.btnBank--n26:hover{background:linear-gradient(135deg,#36a38b1f,#36a38b14);border-color:#36a38b4d}.btnGhost{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.btnGhost:hover{background:#7c3aed0a;border-color:var(--accent-light);color:var(--accent)}.hint{font-size:.82rem;color:var(--text-muted);margin:.6rem 0 0;line-height:1.5}.scanHint{font-size:.88rem;color:var(--text-secondary);margin:.35rem 0 .75rem;line-height:1.45}.qrContainer{display:flex;justify-content:center;margin-bottom:.5rem}.qrFrame{display:inline-flex;background:#fff;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 4px 20px #7c3aed14,0 0 0 1px #7c3aed0a,inset 0 1px #fffc;transition:box-shadow .3s ease,transform .3s ease;position:relative}.qrFrame:hover{box-shadow:0 8px 32px #7c3aed24,0 0 0 1px #7c3aed14,inset 0 1px #fffc;transform:scale(1.02)}.qrBlocked{width:220px;height:220px;display:grid;place-items:center;text-align:center;font-size:.86rem;color:var(--text-secondary);background:repeating-linear-gradient(45deg,#7c3aed0f,#7c3aed0f 10px,#7c3aed1a 10px 20px);border-radius:var(--radius-sm);padding:.75rem}.qrCaption{text-align:center;font-size:.8rem;color:var(--text-muted);margin:.25rem 0 .5rem;font-weight:500}.mobileOnly{display:block}.copyToast{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;font-size:.82rem;font-weight:500;padding:.45rem .9rem;border-radius:999px;margin-top:.75rem;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;background:var(--border);margin:.25rem 0;border:none}.scannerBox{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background:#00000005}.scannerActionBox{padding:1rem;display:grid;gap:.5rem;text-align:center}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.row{display:flex;flex-wrap:wrap;gap:.5rem}.scannerScannedBox{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;text-align:center;animation:fadeSlideUp .3s ease both}.scannerScannedIcon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#059669,#34d399);color:#fff;font-size:1.5rem;box-shadow:0 4px 16px #05966940;animation:scanSuccessPop .4s ease both}@keyframes scanSuccessPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.scannerScannedText{font-size:.9rem;font-weight:600;color:var(--success);margin:0}.btnRescan{margin-top:.25rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btnRescan:hover{background:#7c3aed0a;border-color:var(--accent-light);color:var(--accent)}.scannerErrorBox,.scannerStatusBox{margin:.75rem}.scannerStatusBox p{margin:0}.payloadPreview{margin-top:.75rem;background:var(--text-primary);color:#e2e8f0;border-radius:var(--radius-sm);padding:.75rem;overflow-x:auto;white-space:pre-wrap;font-size:.75rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.remittanceHint{font-size:.8rem;color:var(--text-muted);margin:.75rem 0 0;padding:.5rem .75rem;background:#7c3aed08;border-radius:var(--radius-sm);border-left:3px solid var(--accent-light)}.feedbackSection{animation:fadeSlideUp .5s ease .2s both}.feedbackContent{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;box-shadow:var(--shadow-card);transition:box-shadow .3s ease,border-color .3s ease}.feedbackContent:hover{box-shadow:0 8px 32px #7c3aed1a,0 2px 8px #0000000a;border-color:var(--border-strong)}.feedbackIcon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#7c3aed1f,#ec489914);font-size:1.5rem;border:1px solid rgba(124,58,237,.2)}.feedbackText{display:flex;flex-direction:column;gap:.25rem}.feedbackTitle{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.feedbackDesc{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.45}.feedbackBtn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:var(--radius-md);text-decoration:none;box-shadow:0 2px 12px #7c3aed40;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.feedbackBtn:hover{box-shadow:0 4px 20px #7c3aed59;transform:translateY(-1px);color:#fff}.feedbackBtn:active{transform:translateY(0)}.footer{text-align:center;padding:1.5rem 0 0;font-size:.78rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:fadeIn .8s ease .5s both}.disclaimer{max-width:420px;margin:0 auto .5rem;font-size:.72rem;color:var(--text-muted);line-height:1.6;text-align:center;opacity:.7}.footerLink{color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s ease;position:relative}.footerLink:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1.5px;background:var(--accent);transition:width .3s ease}.footerLink:hover{color:#6d28d9}.footerLink:hover:after{width:100%}@media(max-width:480px){.fieldInput{font-size:16px}.fieldGrid{grid-template-columns:1fr}.actions{flex-direction:column}.actions button{width:100%}}@media(min-width:768px){.layout{padding:2rem 1.5rem 4rem;gap:1.25rem}.header{padding-top:2.5rem}.logo{font-size:2.8rem}.card{padding:1.5rem}.upsellContent{padding:1.4rem}.upsellGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.upsellCard:last-child{grid-column:1 / -1}.mobileOnly{display:none}}