:root{--navy:#071d38;--navy2:#102d50;--muted:#737e8d;--line:#e5e8ed;--bg:#f5f6f8;--pink:#e9697a;--green:#197a59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#151d2a;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.training-banner{text-align:center;background:#fff0c8;color:#735200;padding:7px 10px;font-size:10px;font-weight:850;letter-spacing:.08em}.app-header{height:63px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 780px)/2),20px);border-bottom:1px solid #eceef1}.wordmark{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:850;letter-spacing:-.06em;color:var(--navy)}.mark{display:grid;place-items:center;width:29px;height:29px;background:var(--navy);color:#fff;border-radius:50% 50% 50% 8px;font-family:Georgia,serif;font-size:22px}.profile{width:32px;height:32px;border:0;border-radius:50%;background:#e7edf4;color:var(--navy);font-weight:800}main{max-width:780px;margin:0 auto;padding:24px 20px 105px}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.greeting h1{font-size:21px;letter-spacing:-.04em;margin:0 0 3px}.greeting p{margin:0;color:var(--muted);font-size:12px}.demo-tag{font-size:9px;font-weight:900;letter-spacing:.08em;background:#fff0c8;color:#735200;padding:5px 7px;border-radius:5px}.total-card{background:#fff;border:1px solid #eaedf1;border-radius:13px;padding:18px 20px;margin-bottom:17px;box-shadow:0 2px 5px #10243d05}.label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#788493}.amount{font-size:31px;font-weight:850;letter-spacing:-.045em;margin:3px 0}.sub{font-size:11px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:21px 0 11px}.section-title h2{font-size:15px;margin:0;letter-spacing:-.02em}.text-button{border:0;background:none;color:#315c82;font-size:11px;font-weight:750;cursor:pointer}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-card{background:var(--navy);color:white;border-radius:12px;padding:15px 16px 10px;min-width:0}.account-top{display:flex;align-items:center;justify-content:space-between}.account-symbol{width:26px;height:26px;display:grid;place-items:center;background:#ffffff1a;border-radius:8px;font-size:17px}.savings-symbol{color:#bce9d8}.account-kind{font-size:9px;letter-spacing:.11em;color:#b9c9d8;font-weight:800}.account-card h3{font-size:13px;margin:10px 0 0;color:#e0e8f0;font-weight:550}.account-amount{font-size:24px;font-weight:850;letter-spacing:-.04em;margin:1px 0 3px}.account-number{font-size:10px;color:#b6c5d5;letter-spacing:.1em}.account-link{border:0;border-top:1px solid #ffffff25;background:none;color:#d8e3ee;width:100%;display:flex;justify-content:space-between;margin-top:12px;padding:9px 0 0;font-size:10px;cursor:pointer}.quick-section .section-title{margin-top:20px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 4px}.quick-grid button{display:flex;align-items:center;flex-direction:column;gap:6px;background:none;border:0;color:#3e4c5c;font-size:10px;cursor:pointer}.quick-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f0f3f6;color:var(--navy);font-size:16px}.activity-title{margin-top:22px}.transactions{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px}.transaction{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f3}.transaction:last-child{border-bottom:0}.tx-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:13px;flex:none}.tx-icon.debit{background:#fff0f1;color:var(--pink)}.tx-icon.credit{background:#e8f5ef;color:var(--green)}.tx-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.tx-text strong{font-size:11px;font-weight:750}.tx-text small{font-size:9px;color:var(--muted)}.tx-amount{font-size:11px;font-weight:750;white-space:nowrap}.debit-text{color:#bf5966}.credit-text{color:var(--green)}.credit-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.credit-card h2{font-size:25px;margin:4px 0 0}.credit-card h2 span{font-size:11px;color:var(--green);font-weight:650;margin-left:5px}.credit-card p{font-size:10px;color:var(--muted);margin:2px 0 0}.score-ring{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:6px solid #b9dfd0;outline:3px solid #e2b55e;color:var(--navy);font-weight:850}.disclaimer{font-size:10px;line-height:1.5;color:#74633a;background:#fff8e7;border:1px solid #efe0b7;padding:11px 13px;border-radius:9px;margin-top:17px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:clamp(30px,10vw,90px);background:#ffffffed;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:9px 10px max(9px,env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:42px;border:0;background:none;color:#788494;font-size:9px;cursor:pointer}.bottom-nav button span{font-size:19px}.bottom-nav button.active{color:var(--navy);font-weight:800}#toast{display:none;position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#10243d;color:white;border-radius:9px;padding:11px 15px;font-size:12px;max-width:90vw;text-align:center;box-shadow:0 5px 18px #0002}#toast.show{display:block}@media(max-width:520px){main{padding:20px 13px 100px}.app-header{padding:0 15px}.account-card{padding:12px}.account-amount{font-size:21px}.account-card h3{font-size:12px}.quick-grid{padding:11px 1px}.quick-grid button{font-size:9px}.quick-icon{width:27px;height:27px}.greeting h1{font-size:19px}}