:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", var(--font-sans);--bg-main:#06070a;--bg-card:#0d101bb3;--bg-card-hover:#141827cc;--border-glass:#ffffff14;--border-focus:#6366f180;--primary:#6366f1;--primary-glow:#6366f159;--secondary:#8b5cf6;--secondary-glow:#8b5cf64d;--accent-teal:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-inverse:#0f172a;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);box-sizing:border-box;-webkit-font-smoothing:antialiased;line-height:1.5}*,:before,:after{box-sizing:inherit}body{background-image:radial-gradient(circle at 10% 20%,#6366f126 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf61f 0%,#0000 40%);background-attachment:fixed;min-height:100vh;margin:0}#root{flex-direction:column;width:100%;max-width:680px;min-height:100vh;margin:0 auto;padding:24px 16px;display:flex}header{text-align:center;animation:fadeInDown var(--transition-normal);margin-bottom:32px}header h1{font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin:0 0 8px;font-size:2.25rem;font-weight:800}header p{color:var(--text-muted);margin:0;font-size:.95rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 8px 32px #0006}.glass-card:hover{border-color:#6366f133;box-shadow:0 12px 40px #6366f114}.form-group{flex-direction:column;margin-bottom:20px;display:flex;position:relative}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:500}.swap-container{z-index:10;justify-content:center;margin:-10px 0 10px;display:flex;position:relative}.swap-button{border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0003}.swap-button:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 12px var(--primary-glow);transform:rotate(180deg)scale(1.05)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1.05rem;font-weight:600;display:flex}.btn-primary:hover{box-shadow:0 6px 24px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.result-card{background:linear-gradient(145deg,#0d101bcc 0%,#140f26cc 100%);border:1px solid #6366f140}.result-headline{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 8px #6366f14d;margin:0 0 12px;font-size:1.5rem;font-weight:700;line-height:1.3}.result-subheader{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.timeline{margin:24px 0;padding-left:32px;position:relative}.timeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:6px;bottom:6px;left:11px}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{width:24px;height:24px;transition:all var(--transition-fast);background:#0f121d;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;left:-32px}.timeline-item.active .timeline-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.timeline-dot-inner{width:8px;height:8px;transition:all var(--transition-fast);background:#fff3;border-radius:50%}.timeline-item.active .timeline-dot-inner{background:#fff}.timeline-content{flex-direction:column;display:flex}.timeline-title{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600}.timeline-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4}.timeline-time{font-size:.75rem;font-family:var(--font-heading);color:var(--primary);margin-top:4px;font-weight:500}.bank-select-wrapper{position:relative}.bank-select-input{border:1px solid var(--border-glass);width:100%;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:10px;outline:none;padding:12px 40px 12px 14px;font-size:.95rem}.bank-select-input:focus,.bank-select-input.active{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px #6366f126}.bank-select-arrow{color:var(--text-muted);pointer-events:none;transition:transform var(--transition-fast);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.bank-select-input.active+.bank-select-arrow{color:var(--primary);transform:translateY(-50%)rotate(180deg)}.bank-dropdown{border:1px solid var(--border-glass);z-index:50;max-height:240px;animation:slideDown var(--transition-fast);background:#0d0f19;border-radius:12px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.bank-option{cursor:pointer;transition:all var(--transition-fast);flex-direction:column;padding:12px 14px;font-size:.9rem;display:flex}.bank-option:hover{color:#fff;background:#6366f126}.bank-option-short{color:var(--text-muted);margin-top:2px;font-size:.75rem}.bank-option:hover .bank-option-short{color:#c7d2fe}.bank-empty{text-align:center;color:var(--text-muted);padding:14px;font-size:.9rem}.warning-box{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.warning-icon{color:var(--accent-amber);flex-shrink:0;margin-top:2px}.warning-text{color:#f59e0be6;margin:0;font-size:.85rem;line-height:1.45}.freshness-badge{border:1px solid var(--border-glass);color:var(--text-muted);background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.freshness-indicator{background:var(--accent-teal);width:6px;height:6px;box-shadow:0 0 6px var(--accent-teal);border-radius:50%}.freshness-indicator.stale{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.sources-details{border-top:1px solid var(--border-glass);margin-top:24px;padding-top:16px}.sources-title{color:#fff;margin-bottom:8px;font-size:.85rem;font-weight:600}.sources-list{margin:0;padding:0;list-style:none}.sources-item{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;line-height:1.4}.sources-link{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}.sources-link:hover{color:#818cf8;text-decoration:underline}.toggle-group{border:1px solid var(--border-glass);background:#ffffff08;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.toggle-button{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:550}.toggle-button.active{color:#fff;background:#ffffff12;box-shadow:0 2px 8px #0003}.datetime-inputs{animation:fadeIn var(--transition-fast);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.input-date,.input-time{border:1px solid var(--border-glass);color:var(--text-main);transition:all var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff08;border-radius:10px;outline:none;padding:11px 14px;font-size:.95rem}.input-date:focus,.input-time:focus{border-color:var(--primary);background:#ffffff0d}.offline-banner{background:var(--accent-rose);color:#fff;text-align:center;z-index:100;border-radius:0 0 12px 12px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #f43f5e4d}footer{text-align:center;margin-top:auto;padding-top:40px}.disclaimer{color:var(--text-muted);margin-bottom:12px;font-size:.75rem;line-height:1.5}.footer-credits{color:var(--text-muted);margin-top:12px;margin-bottom:24px;font-size:.8rem}.footer-credits a{color:var(--primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.footer-credits a:hover{color:#a5b4fc;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){header h1{font-size:1.75rem}.datetime-inputs{grid-template-columns:1fr;gap:12px}.glass-card{padding:16px}}