*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:#eef2f7;color:#12213f}button,input{font:inherit}
.app{max-width:430px;min-height:100vh;margin:auto;background:#f8faff;position:relative;overflow:hidden;padding-bottom:92px}.top{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 12px}.brand{font-weight:850;font-size:24px;letter-spacing:-.7px;color:#0b3675}.topbtn,.back{border:0;background:transparent;color:#1558db;font-size:25px;cursor:pointer}
.balance{text-align:center;padding:18px 16px 12px}.eyebrow{font-size:14px;color:#7a869a}.amount{font-size:42px;font-weight:850;letter-spacing:-1.5px;margin:7px 0}.gain{font-size:17px;font-weight:750;color:#13914a}.gain span{color:#8892a4;margin:0 8px}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 14px}.action{text-align:center;border:0;background:transparent;color:#12213f;cursor:pointer}.circle{width:62px;height:62px;margin:auto;display:grid;place-items:center;background:#fff;border-radius:50%;color:#1558db;font-size:29px;box-shadow:0 7px 22px rgba(22,49,92,.11)}.label{font-size:11px;font-weight:800;margin-top:9px}
.card{margin:10px 15px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 7px 24px rgba(25,53,94,.08)}.row{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:15px;font-weight:850}.link{border:0;background:none;color:#1558db;font-weight:750;cursor:pointer}.tx{padding:15px 0;border-bottom:1px solid #edf0f5}.tx:last-child{border-bottom:0}.txhead{display:flex;justify-content:space-between;font-weight:750}.small{font-size:13px;line-height:1.5;color:#718096;margin-top:4px}.credit{color:#13914a;font-weight:800}.debit{color:#d84a4a;font-weight:800}
.nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:78px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid #e6ebf2;display:grid;grid-template-columns:repeat(5,1fr)}.nav button{border:0;background:none;color:#718096;font-size:10px;font-weight:800;cursor:pointer}.nav button b{display:block;font-size:22px;margin-bottom:3px}.nav button.active{color:#1558db}.transfer{width:58px;height:58px;border-radius:50%;background:#1558db;color:white!important;font-size:27px!important;box-shadow:0 8px 20px rgba(21,88,219,.28);margin:-28px auto 3px;display:grid;place-items:center}
.page{padding:12px 16px}.page h2{margin:8px 0 18px}.modal{position:fixed;inset:0;background:rgba(8,24,50,.55);display:none;align-items:flex-end;z-index:30}.modal.open{display:flex}.sheet{width:100%;max-width:430px;margin:auto;background:white;border-radius:25px 25px 0 0;padding:22px}.close{float:right;border:0;background:none;font-size:25px;cursor:pointer}.field{width:100%;padding:14px;border:1px solid #d9e0ea;border-radius:12px;margin:7px 0 14px;outline:none}.field:focus{border-color:#1558db}.primary{width:100%;padding:14px;border:0;border-radius:12px;background:#1558db;color:white;font-weight:800;cursor:pointer}.secondary{width:100%;padding:14px;border:0;border-radius:12px;background:#edf3ff;color:#1558db;font-weight:800;cursor:pointer;margin-top:9px}.mutedbtn{border:0;background:none;color:#1558db;font-weight:750;cursor:pointer;padding:10px}
.login{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#f9fbff,#eaf1ff)}.loginbox{width:100%;background:#fff;border-radius:24px;padding:25px;box-shadow:0 18px 45px rgba(30,65,110,.12)}.loginlogo{text-align:center;color:#0b3675;font-size:30px;font-weight:850}.login-sub{text-align:center;color:#758198;margin:7px 0 28px}.login label{font-size:12px;font-weight:800;color:#526078}.error{color:#c73d3d;font-size:12px;margin:7px 0;display:none}.terms{font-size:11px;color:#8791a2;text-align:center;line-height:1.45;margin-top:13px}
.toast{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);background:#12213f;color:white;padding:11px 16px;border-radius:12px;font-size:13px;display:none;box-shadow:0 8px 25px rgba(0,0,0,.18)}
.cardvisual{height:190px;border-radius:20px;padding:20px;color:white;background:linear-gradient(135deg,#092654,#1558db);box-shadow:0 12px 28px rgba(21,88,219,.25)}.cardnumber{font-size:20px;letter-spacing:2px;margin-top:65px}