:root{--bg-dark:#0f1115;--panel-bg:#14181e99;--panel-border:#ffffff14;--text-main:#fff;--text-muted:#8b92a5;--accent-purple:linear-gradient(90deg, #d946ef, #a855f7);--accent-green:#2ecc71;--accent-red:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-dark{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.steps-container{border:1px solid var(--panel-border);background:#ffffff08;border-radius:30px;justify-content:center;align-items:center;margin-bottom:30px;padding:10px 20px;display:flex}.step-wrapper{align-items:center;display:flex}.step-circle{width:28px;height:28px;color:var(--text-muted);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .3s;display:flex}.step-circle.active{color:#d946ef;background:#a855f733;border:1px solid #d946ef}.step-circle.completed,.step-circle.final.active{background:var(--accent-purple);color:#fff}.step-line{background:#ffffff1a;width:20px;height:2px;margin:0 8px;transition:all .3s}.step-line.active{background:#d946ef}.panel-glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:24px;width:100%;max-width:420px;padding:30px;transition:box-shadow .5s;box-shadow:0 20px 40px #00000080}.panel-glass.success-glow{border-color:#2ecc714d;box-shadow:0 0 40px #2ecc7126}.panel-header{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;margin-bottom:30px;font-family:monospace;font-size:13px;display:flex}.copy-icon{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px;transition:opacity .2s}.copy-icon:hover{opacity:1}.title-glow{text-align:center;margin-bottom:24px;font-size:22px;font-weight:600}.subtitle{color:var(--text-muted);text-align:center;font-size:14px;line-height:1.5}.info-row{background:#0003;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.info-row .label{color:var(--text-muted);font-size:14px}.info-row .value{font-size:15px;font-weight:600}.info-row .value.accent{color:#fff}.info-row .value.timer{color:#d946ef;font-family:monospace;font-size:16px}.card-details{border:1px solid var(--panel-border);background:#ffffff08;border-radius:16px;margin-top:20px;padding:20px}.bank-name{color:var(--text-muted);margin-bottom:8px;font-size:14px}.card-number{letter-spacing:1px;margin-bottom:8px;font-size:24px;font-weight:600}.card-holder{color:var(--text-muted);text-transform:uppercase;margin-bottom:20px;font-size:14px}.actions-row{gap:10px;display:flex}.btn-secondary{border:1px solid var(--panel-border);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;padding:10px;font-size:13px;transition:background .2s}.btn-secondary:hover{background:#ffffff1a}.btn-primary{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-text{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px}.btn-text:hover{color:var(--text-main)}.upload-area{text-align:center;border:2px dashed #ffffff26;border-radius:16px;margin-top:20px;padding:40px 20px;transition:border-color .3s}.upload-area:hover{border-color:#d946ef}.upload-label{cursor:pointer;background:#ffffff1a;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:500;transition:background .2s}.upload-label:hover{background:#ffffff26}.upload-label.disabled{opacity:.5;pointer-events:none}.hidden-input{display:none}.success-circle,.error-circle{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;display:flex}.success-circle{color:var(--accent-green);border:2px solid var(--accent-green);background:#2ecc7133}.error-circle{color:var(--accent-red);border:2px solid var(--accent-red);background:#e74c3c33}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.receipt-box{border:1px solid var(--panel-border);background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.spinner{border:4px solid #ffffff1a;border-left-color:#d946ef;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mt-4{margin-top:24px}.mb-2{margin-bottom:12px}.text-center{text-align:center}.icon-large{text-align:center;margin-bottom:20px;font-size:48px}