@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-a: #f3f6fc;--bg-b: #ecf2fb;--bg-c: #f8fafc;--bankit-blue: #123391;--bankit-blue-soft: #2d56be;--bankit-green: #0bc67f;--ink-900: #1f2937;--ink-600: #6b7280;--stroke: #dbe2ef;--phone-shell: #111827;--terminal-bg: #0a1016;--terminal-panel: #101821;--ok: #7df29f;--warn: #ffc27a;--err: #ff8f8f;--local: #95a9bf}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink-900)}.app-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at 12% 10%,#d9e4ff 0,transparent 34%),radial-gradient(circle at 88% 0%,#d7e9ff 0,transparent 27%),linear-gradient(130deg,var(--bg-a) 0%,var(--bg-b) 45%,var(--bg-c) 100%)}.mockup-grid{display:grid;grid-template-columns:minmax(330px,400px) 1fr;gap:22px;align-items:stretch}.phone-panel{display:flex;justify-content:center;align-items:flex-start}.phone-shell{width:min(100%,390px);background:linear-gradient(155deg,#202837 0%,var(--phone-shell) 85%);border-radius:34px;padding:10px;box-shadow:0 26px 60px #11182747}.phone-screen{background:#eceef2;border-radius:24px;aspect-ratio:9 / 19.5;position:relative;overflow:hidden;font-size:14px;display:flex;flex-direction:column}.bankit-hero{background:var(--bankit-blue);color:#fff;padding:16px 16px 62px}.top-row{display:flex;justify-content:space-between;align-items:flex-start}.id-row{display:flex;align-items:center;gap:10px}.bankit-logo{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;border:3px solid #cfd9ff;overflow:hidden}.bankit-logo img{width:100%;height:100%;object-fit:cover}.hello{margin:0;font-weight:800;font-size:1.38rem}.eyebrow{margin:1px 0 0;color:#c7d4ff;font-size:10px;font-weight:700;letter-spacing:.1em}.bell-btn{border:none;background:transparent;color:transparent;position:relative;width:28px;height:28px;cursor:pointer}.bell-btn:before{content:"🔔";color:#fff;font-size:21px;position:absolute;top:0;right:0;bottom:0;left:0}.bell-btn span{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:50%;background:#ff2d2d;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.dual-balance{display:flex;align-items:center;gap:8px;margin-top:14px}.bal-card-action{cursor:pointer;text-align:left;font-family:inherit}.bal-card-action:hover{background:#ffffff38;border-color:#fff6}.transfer-arrows{display:grid;gap:5px}.transfer-dir-btn{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font-size:1rem;cursor:pointer;display:grid;place-items:center;font-family:inherit;line-height:1}.transfer-dir-btn:hover{background:#ffffff47;border-color:#ffffff8c}.transfer-dir-btn.active{background:#fff;color:#123391;border-color:#fff}.hero-transfer-panel{margin-top:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.26);border-radius:12px;padding:9px;display:grid;gap:6px}.hero-transfer-title{margin:0;color:#fff;font-size:.76rem;font-weight:700}.hero-transfer-panel label{display:grid;gap:4px;color:#d7e2ff;font-size:.72rem;font-weight:700}.hero-transfer-panel input{border:1px solid #c8d6fa;border-radius:9px;background:#f8faff;color:#1e3a8a;padding:8px 9px;font-size:.86rem}.hero-transfer-btn{border:none;border-radius:9px;background:#fff;color:#123391;font-size:.8rem;font-weight:800;padding:9px 10px;cursor:pointer}.hero-transfer-success{margin:8px 2px 0;color:#b8ffd7;font-size:.78rem;font-weight:800}.hero-service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.hero-service-tag{border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#dbe6ff;border-radius:999px;padding:3px 8px;font-size:.67rem;font-weight:700}.hero-service-tag.active{border-color:#bdf9d7;background:#0cc67f47;color:#e7fff2}.abroad-statement-panel{border:1px solid #d9e3f8;border-radius:14px;background:#fff;padding:10px;display:grid;gap:8px;margin-bottom:10px}.abroad-statement-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.abroad-statement-head h3{margin:0;color:#1f2f62;font-size:.88rem}.abroad-statement-head button{border:1px solid #d5def3;background:#f7f9ff;color:#2e478f;border-radius:8px;font-size:.74rem;font-weight:700;padding:5px 8px;cursor:pointer}.abroad-statement-row{border:1px solid #e3e8f5;border-radius:10px;background:#f8faff;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.abroad-statement-row strong{display:block;color:#1f2f62;font-size:.8rem}.abroad-statement-row span{display:block;color:#64748b;font-size:.74rem;margin-top:1px}.content-sheet{background:#f3f4f6;border-radius:28px 28px 0 0;margin-top:-46px;flex:1;min-height:0;padding:14px 12px 82px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.phone-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.back-link{border:none;background:transparent;color:var(--bankit-blue);font-size:.76rem;font-weight:700;cursor:pointer}.screen-id{font-size:.72rem;font-weight:700;color:#5266b6;background:#e3e9fb;padding:4px 8px;border-radius:999px}.phone-title{margin:8px 0 6px;font-size:1.35rem;line-height:1.2}.phone-subtitle{margin:0 0 12px;color:var(--ink-600);font-size:.9rem}.currency-row{display:flex;align-items:center;gap:8px;margin-top:14px}.bal-card{flex:1;background:#ffffff21;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 10px 8px;min-width:0}.bal-tag{display:block;font-size:.64rem;font-weight:700;color:#a8bcff;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bal-amount{margin:0 0 2px;font-size:1.05rem;font-weight:800;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bal-acct{display:block;font-size:.66rem;color:#c8d7ffbf;margin-top:2px}.bal-ccys{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.bal-ccy-chip{font-size:.68rem;font-weight:700;color:#fff;background:#fff3;border-radius:999px;padding:2px 7px}.transfer-arrow-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff26;color:#fff;font-size:1rem;cursor:pointer;display:grid;place-items:center;font-family:inherit}.transfer-arrow-btn:hover{background:#ffffff47;border-color:#ffffff8c;background:#fff;text-align:left;cursor:pointer;font-weight:600;font-size:.86rem}.toggle-btn.active{border-color:var(--bankit-blue);background:#ecf0ff}.amount-label{font-size:.8rem;color:#52635a}.amount-input{width:100%;border:1px solid #d1dfd4;border-radius:10px;padding:8px 10px;font-size:.95rem;margin-top:4px;margin-bottom:10px}.quote-card{display:grid;gap:5px;border:1px dashed #bdc9e5;border-radius:10px;padding:10px;font-size:.82rem;color:#233e7f}.profile-card{border-radius:16px;background:#e5e7eb;border:1px solid #d6dae2;display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:12px}.profile-card h4{margin:0 0 4px;color:var(--bankit-blue);font-size:1rem}.profile-card p{margin:0;color:#5f6471;font-size:.8rem}.progress-ring{width:58px;height:58px;border-radius:50%;border:6px solid #c7d2fe;border-top-color:#2b5ff0;color:#2b5ff0;display:grid;place-items:center;font-weight:800;font-size:.78rem}.actions-grid{display:grid;gap:8px;margin-bottom:10px}.wallet-list{display:grid;gap:8px}.wallet-card{border:1px solid #d8deea;border-radius:14px;background:#fff;text-align:left;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 2px 8px #1118270f}.wallet-card p{margin:2px 0 0;color:#6b7280;font-size:.78rem}.wallet-card strong{color:#1f2937;font-size:1rem}.wallet-ccy{display:inline-flex;background:#e7edff;color:var(--bankit-blue);border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:800}.wallet-actions,.action-groups{display:grid;gap:8px}.action-group{border:1px solid #d8deea;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #1118270f}.action-group.open{border-color:#b0bfea}.group-header{width:100%;border:none;background:transparent;text-align:left;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.9rem;font-weight:700;color:#24335a;font-family:inherit}.action-group.open .group-header{color:var(--bankit-blue);background:#eef2ff;border-bottom:1px solid #dbe5ff}.group-chevron{font-size:1.3rem;color:#8899c8;transition:transform .18s ease;display:inline-block;line-height:1}.group-chevron.rotated{transform:rotate(90deg)}.sub-actions{padding:6px;display:grid;gap:5px}.sub-action-btn{width:100%;text-align:left;border:1px solid #e8edfc;border-radius:9px;padding:9px 10px;background:#f7f9ff;color:#2a3f7e;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit}.sub-action-btn:hover{background:#edf0ff;border-color:#c4cef5}.workflow-note{margin:4px 0 0;color:#627094;font-size:.76rem}.workflow-card{border:1px solid #d9e2f4;background:#fff;border-radius:14px;padding:10px;display:grid;gap:10px}.workflow-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.workflow-head strong{color:#1f2f62;font-size:.9rem}.workflow-head span{color:#5f6ba1;background:#e9eeff;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.workflow-body{display:grid;gap:8px}.workflow-body label{display:grid;gap:4px;color:#334155;font-size:.78rem;font-weight:700}.workflow-body input{border:1px solid #d4deef;border-radius:10px;padding:8px 9px;font-size:.85rem}.workflow-body.review,.workflow-body.success{border:1px dashed #c7d5f8;background:#f5f8ff;border-radius:10px;padding:10px}.workflow-body.review p,.workflow-body.success p{margin:0;font-size:.8rem;color:#334155}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap}.workflow-actions .action-btn{width:auto;min-width:92px}.ghost-btn{border:1px solid #ccd8f1;background:#f8fbff;color:#2e478f;border-radius:10px;padding:9px 11px;font-size:.82rem;font-weight:700;cursor:pointer}.created-items-panel{border:1px solid #d9e3f8;border-radius:14px;background:#f7f9ff;padding:10px;display:grid;gap:10px}.created-items-panel h3{margin:0;color:#1f2f62;font-size:.9rem}.created-block{display:grid;gap:6px}.created-title{margin:0;color:#42538f;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.visa-card{border-radius:14px;padding:10px;background:linear-gradient(140deg,#123391,#2f56c4 45%,#1f3f9f);color:#fff;display:grid;gap:8px;box-shadow:0 8px 24px #12339159}.visa-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;opacity:.96}.visa-top strong{font-size:.9rem;letter-spacing:.06em}.visa-chip{width:26px;height:19px;border-radius:4px;background:linear-gradient(180deg,#f6d36f,#c59d38)}.visa-number{margin:0;font-family:JetBrains Mono,monospace;font-size:.95rem;letter-spacing:.04em}.visa-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.68rem}.created-detail-card{border:1px solid #d8e0f5;border-radius:10px;background:#fff;padding:8px;display:grid;gap:3px}.created-detail-card strong{font-size:.82rem;color:#1f2f62}.created-detail-card span{font-size:.76rem;color:#4b5563}.past-transactions-panel{border:1px solid #d9e3f8;border-radius:14px;background:#fff;padding:10px;display:grid;gap:8px}.past-transactions-panel h3{margin:0;color:#1f2f62;font-size:.9rem}.past-empty{margin:0;color:#64748b;font-size:.78rem}.past-row{border:1px solid #e3e8f5;border-radius:10px;background:#f8faff;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.past-row strong{display:block;color:#1f2f62;font-size:.8rem}.past-row span{display:block;color:#64748b;font-size:.74rem;margin-top:1px}.past-row em{font-style:normal;font-weight:800;font-size:.76rem;white-space:nowrap}.txn-in{color:#059669}.txn-out{color:#dc2626}.feature-suggest-box{border:1px dashed #bed0fa;background:#eef3ff;border-radius:12px;padding:10px}.feature-suggest-box p{margin:0 0 8px;color:#2d4aa0;font-size:.8rem;font-weight:700}.suggest-tags{display:flex;flex-wrap:wrap;gap:6px}.suggest-tags span{display:inline-flex;background:#fff;border:1px solid #ccdaf8;color:#2b3f85;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.action-wrap{position:relative}.action-btn{width:100%;border:1px solid #d8deea;border-radius:12px;padding:10px 11px;text-align:left;background:#fff;color:#24335a;cursor:pointer;font-size:.86rem;font-weight:700;box-shadow:0 2px 8px #1118270f}.action-btn:hover{transform:translateY(-1px);border-color:#b9c8f1}.transaction-list{border-top:1px solid #d7dde8;padding-top:8px}.tx-item{background:#fff;border:1px solid #dde3ec;border-radius:12px;padding:9px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-bottom:8px}.tx-logo{width:30px;height:30px;border-radius:9px;background:#ecf0ff;display:grid;place-items:center;overflow:hidden}.tx-logo img{width:100%;height:100%;object-fit:contain}.tx-text{display:grid;gap:2px}.tx-text strong{font-size:.9rem}.tx-text span{font-size:.8rem;color:#6b7280}.tx-value{color:var(--bankit-green);font-weight:700;font-size:.8rem}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:58px;background:#f7f8fb;border-top:1px solid #d7deea;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px}.bottom-nav button{border:none;background:transparent;color:#9ca3af;font-size:12px;font-weight:600}.bottom-nav button.active{color:var(--bankit-blue)}.terminal-panel{background:linear-gradient(165deg,var(--terminal-panel) 0%,var(--terminal-bg) 85%);border-radius:20px;border:1px solid #253444;display:grid;grid-template-rows:auto 1fr auto;min-height:710px}.terminal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #203244}.terminal-header h3{margin:0;color:#e4edf8;font-size:.8rem}.terminal-controls{display:flex;gap:8px}.terminal-controls button{border:1px solid #2d455d;background:#112031;color:#d8e8ff;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:12px}.terminal-body{overflow:auto;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.45}.terminal-empty{color:#9cb0c8}.log-line{margin-bottom:6px}.log-line.\32xx{color:var(--ok)}.log-line.\34xx{color:var(--warn)}.log-line.\35xx{color:var(--err)}.log-line.local{color:var(--local)}.log-text{display:block}.log-detail{margin-top:3px;margin-left:2px}.log-detail-summary{cursor:pointer;font-size:10px;color:#5a7a9a;letter-spacing:.04em;list-style:none;-webkit-user-select:none;user-select:none;outline:none}.log-detail-summary::-webkit-details-marker{display:none}details[open] .log-detail-summary{color:#8aafd0}.log-detail-body{margin-top:5px;border-left:2px solid #1e3855;padding-left:10px;display:grid;gap:6px;font-size:11px;line-height:1.5}.log-detail-section{display:grid;gap:1px}.ldc-method{font-weight:700;color:#f9a825;letter-spacing:.06em}.ldc-method-GET{color:#64d9af}.ldc-method-POST{color:#f9a825}.ldc-method-PUT{color:#82b4ff}.ldc-method-PATCH{color:#c3a0ff}.ldc-method-DELETE{color:#ff7b7b}.ldc-url{color:#a7c5e8;word-break:break-all}.ldc-label{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#3d6080;margin-bottom:2px;font-weight:700}.ldc-kv{display:flex;flex-wrap:wrap;gap:3px}.ldc-key{color:#6fa3c8;font-weight:600}.ldc-val{color:#c8e0f5}.ldc-json{margin:3px 0 0;padding:6px 8px;background:#071421;border:1px solid #1a3450;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:10.5px;color:#b0d4f5;white-space:pre;overflow-x:auto;line-height:1.55}.terminal-footer{display:flex;justify-content:space-between;color:#8fa6c0;font-size:11px;padding:10px 16px;border-top:1px solid #203244}@media (max-width: 1080px){.mockup-grid{grid-template-columns:1fr}.phone-panel{justify-content:stretch}.hero-balance{font-size:2.6rem}.terminal-panel{min-height:440px}}