@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#f8fafc;--ink:#090d16;--muted:#8993a3;--lime:#d9ff66;--line:#ffffff17;background:#e8e9e4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#fff,#d9dcd5);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.phone-shell{background:var(--ink);width:100%;max-width:430px;min-height:100vh;margin:auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #0e14183f}.brand{z-index:2;color:var(--lime);letter-spacing:-1px;align-items:center;gap:10px;font:800 20px Manrope;display:flex;position:relative}.brand-mark{width:37px;height:37px}.brand>span{color:#fff}.brand>span span{color:var(--lime)}.login-page{background:linear-gradient(165deg,#0d1320,#080c13 62%,#11180e);flex-direction:column;padding:28px 24px 22px;display:flex}.login-glow{opacity:.6;border-radius:50%;position:absolute}.login-glow.one{background:radial-gradient(circle,#c8ff3670,#0000 68%);width:280px;height:280px;top:-95px;right:-165px}.login-glow.two{background:radial-gradient(circle,#60a5fa40,#0000 68%);width:240px;height:240px;top:340px;left:-160px}.login-header{z-index:2;justify-content:space-between;align-items:center;display:flex}.secure-pill{border:1px solid var(--line);color:#aeb7c5;background:#ffffff08;border-radius:50px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.login-intro{z-index:2;margin:72px 0 31px}.eyebrow{letter-spacing:2px;font-weight:800;color:var(--lime)!important;margin:0 0 13px!important;font-size:10px!important}.login-intro h1{letter-spacing:-2.4px;margin:0 0 14px;font:700 41px/1.08 Manrope}.login-intro h1 em{color:var(--lime);font-style:normal}.login-intro>p{color:#96a0af;max-width:310px;margin:0;font-size:14px;line-height:1.6}.login-card{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff13,#ffffff06);border-radius:26px;padding:22px;box-shadow:0 22px 40px #0003}.form-heading h2{margin:0;font:700 21px Manrope}.form-heading p{color:var(--muted);margin:5px 0 20px;font-size:12px}.login-card>label,.sheet form>label{color:#c6ccd5;margin:14px 0 0;font-size:11px;font-weight:600;display:block}.input-wrap{background:#070b12;border:1px solid #ffffff14;border-radius:13px;align-items:center;margin-top:7px;padding:0 12px;display:flex}.input-wrap:focus-within{border-color:#d9ff6680}.input-wrap svg{color:#697586;width:17px}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:13px 10px;font-size:13px}.input-wrap button{background:0 0;border:0;padding:0;display:grid}.form-row{justify-content:space-between;align-items:center;margin:13px 0;display:flex}.remember{align-items:center;gap:7px;color:#8d97a6!important;margin:0!important;font-weight:400!important;display:flex!important}.remember input{accent-color:var(--lime)}.text-button,.register-copy button{color:var(--lime);background:0 0;border:0;font-size:11px}.primary-button{background:var(--lime);color:#10150d;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px;font-size:13px;font-weight:800;display:flex}.primary-button:disabled{opacity:.6}.form-error{color:#ff8e8e;font-size:11px}.register-copy{text-align:center;color:#7f8998;margin:16px 0 0;font-size:11px}.login-page footer{z-index:2;color:#626c79;align-items:center;gap:7px;margin:auto auto 0;font-size:8px;display:flex}.login-page footer strong{color:#858f9d;font-size:9px}.login-page footer i{background:#58616e;border-radius:50%;width:3px;height:3px}.dashboard-page{color:#10151e;background:#eef0eb;padding:24px 18px 104px}.dash-bg{background:linear-gradient(150deg,#0c121e,#182118);border-radius:0 0 36px 36px;height:285px;position:absolute;inset:0 0 auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex;position:relative}.dashboard-header>div{align-items:center;gap:11px;display:flex}.dashboard-header small,.dashboard-header strong{display:block}.dashboard-header small{color:#87909e;font-size:10px}.dashboard-header strong{font:700 14px Manrope}.icon-button{border:1px solid var(--line);color:#dbe0e8;background:#ffffff0b;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;position:relative}.icon-button i{background:var(--lime);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.balance-card{background:linear-gradient(135deg,#18222c,#101720);border:1px solid #ffffff16;border-radius:25px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0b10173d}.balance-card:after{content:"";border:35px solid #d9ff6612;border-radius:50%;width:190px;height:190px;position:absolute;top:-120px;right:-90px}.balance-top{color:#9ca6b2;align-items:center;gap:7px;font-size:11px;display:flex}.balance-top button,.balance-meta button{color:#87909c;background:0 0;border:0;align-items:center;padding:0;display:flex}.balance-top svg{width:15px}.balance-card h1{letter-spacing:-1.4px;margin:7px 0;font:700 28px Manrope}.balance-meta{justify-content:space-between;align-items:center;display:flex}.balance-meta span{color:var(--lime);background:#d9ff6611;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.quick-actions{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:19px;padding-top:15px;display:grid}.quick-actions button{color:#dfe4ea;background:0 0;border:0;font-size:10px}.quick-actions i{width:34px;height:34px;color:var(--lime);background:#ffffff0a;border-radius:12px;place-items:center;margin:0 auto 6px;display:grid}.quick-actions svg{width:17px}.content-card{background:#fff;border:1px solid #e4e7e2;border-radius:24px;margin-top:15px;padding:18px 16px;position:relative;box-shadow:0 9px 25px #1720160c}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0;font:800 15px Manrope}.section-title button{color:#70802b;background:0 0;border:0;font-size:10px;font-weight:700}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px 8px;margin-top:18px;display:grid}.service-item{color:#29303a;background:0 0;border:0;padding:0;font-size:9px}.service-icon{color:#131a22;background:var(--service-color);border-radius:15px;place-items:center;width:45px;height:45px;margin:0 auto 7px;display:grid}.service-item>span:last-child{white-space:nowrap;display:block}.promo-card{background:var(--lime);color:#12190b;border-radius:24px;justify-content:space-between;min-height:141px;margin-top:15px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.promo-card small{letter-spacing:1px;font-size:8px;font-weight:800}.promo-card h2{margin:7px 0 2px;font:800 19px Manrope}.promo-card p{margin:0 0 12px;font-size:10px}.promo-card button{color:#fff;background:#10170e;border:0;border-radius:8px;align-items:center;padding:7px 10px;font-size:9px;display:flex}.promo-art{width:105px;position:relative}.promo-art span{z-index:2;font:800 38px Manrope;position:absolute;top:25px;right:0;transform:rotate(-6deg)}.promo-art sup{font-size:15px}.promo-art i{border:18px solid #151c10;border-radius:50%;width:92px;height:92px;position:absolute;top:4px;right:-18px}.transaction{border-bottom:1px solid #eceeeb;align-items:center;gap:11px;padding:13px 0;display:flex}.transaction:last-child{border:0}.transaction-icon{background:#f0f2ed;border-radius:13px;flex:0 0 39px;place-items:center;height:39px;display:grid}.transaction-copy{flex:1;min-width:0}.transaction-copy strong,.transaction-copy span{display:block}.transaction-copy strong{font-size:11px}.transaction-copy span{color:#90979f;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.transaction>strong{font-size:10px}.transaction>strong.positive{color:#5e8d19}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-top:1px solid #e1e5df;justify-content:space-around;height:76px;padding:11px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#9aa0a6;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:55px;font-size:8px;display:flex}.bottom-nav svg{width:19px}.bottom-nav button.active{color:#617521}.bottom-nav .scan{position:relative;top:-25px}.bottom-nav .scan>span{width:50px;height:50px;color:var(--lime);background:#151c17;border:5px solid #eef0eb;border-radius:17px;place-items:center;display:grid}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080bb8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{color:#151b21;background:#fff;border-radius:30px 30px 0 0;width:min(430px,100%);padding:10px 22px 28px;animation:.25s sheet-in}.sheet-handle{background:#d9ddda;border-radius:5px;width:42px;height:4px;margin:0 auto 18px}.sheet-title{justify-content:space-between;align-items:center;display:flex}.sheet-title small{color:#6e7d33;font-weight:800}.sheet-title h2{margin:3px 0;font:800 23px Manrope}.sheet-title button{background:#f0f2ee;border:0;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.sheet form>label{color:#444d56}.sheet input,.sheet select{background:#f7f8f5;border:1px solid #dfe3dd;border-radius:13px;width:100%;margin-top:7px;padding:14px}.sheet form .primary-button{margin-top:19px}.success-state{text-align:center;padding:20px 0}.success-state>div{background:var(--lime);border-radius:21px;place-items:center;width:62px;height:62px;margin:auto;font-size:27px;display:grid}.success-state h3{font:800 21px Manrope}.success-state p{color:#77808a;font-size:12px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.loader{border:3px solid #ffffff18;border-top-color:var(--lime);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loading-screen p{color:#788290;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (width>=520px){body{padding:28px 0}.phone-shell{border-radius:36px;min-height:850px}.sheet{border-radius:30px;margin-bottom:28px}}.dashboard-page{padding-bottom:calc(122px + env(safe-area-inset-bottom))}.bottom-nav{z-index:50;width:min(430px,100%);height:calc(78px + env(safe-area-inset-bottom));padding:10px 10px max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);background:#fffffff2;border-top:1px solid #dfe4dc;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%);box-shadow:0 -10px 30px #15201714}.bottom-nav button{border-radius:14px;justify-content:center;gap:4px;width:64px;min-height:50px;font-size:9px;font-weight:700;transition:transform .2s,background .2s,color .2s}.bottom-nav button:active{transform:scale(.94)}.bottom-nav svg{width:20px;height:20px}.bottom-nav button.active{color:#526817;background:#d9ff6626}.bottom-nav .scan{background:0 0;top:-22px}.bottom-nav .scan>span{border-radius:18px;width:52px;height:52px;box-shadow:0 8px 22px #12181042}.bottom-nav .scan small{font-size:9px;font-weight:700}@media (width>=520px){.bottom-nav{border-radius:0 0 36px 36px;bottom:28px}}