@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Nunito:wght@400;600;700;800;900&display=swap");:root{--bg:#0a0a0c;--bg2:#111116;--surface:hsla(0,0%,100%,.04);--surface2:hsla(0,0%,100%,.07);--stroke:hsla(44,79%,73%,.12);--stroke-hi:hsla(44,79%,73%,.28);--fg:#f4ecd8;--fg-dim:#a59a80;--fg-muted:#5a5240;--gold:#e7b84a;--gold2:#c48a22;--gold-grad:linear-gradient(135deg,#f4d47a,#c48a22);--silver:#a8b8cc;--bronze:#c97c3a;--gem:#2dd4bf;--pos:#2fb890;--neg:#e06670;--glow-gold:0 0 24px rgba(231,184,74,.35);--shadow:0 8px 32px rgba(0,0,0,.6);--font-display:"Space Grotesk","Nunito",sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-body:"Nunito",sans-serif;--ease:cubic-bezier(0.22,0.61,0.36,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app-shell{max-width:430px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.app-shell:before{content:"";position:fixed;inset:0;max-width:430px;background:radial-gradient(ellipse at 20% 0,rgba(231,184,74,.07) 0,transparent 60%),radial-gradient(ellipse at 80% 10%,rgba(47,184,144,.05) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(201,124,58,.06) 0,transparent 60%);pointer-events:none;z-index:0}.screen{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1rem 1rem 6rem;scrollbar-width:none;position:relative;z-index:1}.screen::-webkit-scrollbar{display:none}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow),inset 0 1px 0 hsla(44,79%,73%,.06);position:relative;overflow:hidden}.card-gold{border-color:rgba(231,184,74,.35);box-shadow:var(--shadow),0 0 24px rgba(231,184,74,.1)}.card-pos{border-color:rgba(47,184,144,.3);box-shadow:var(--shadow),0 0 20px rgba(47,184,144,.1)}.card-neg{border-color:rgba(224,102,112,.3);box-shadow:var(--shadow),0 0 20px rgba(224,102,112,.1)}.balance-card{padding:1.5rem;margin-bottom:1rem;background:linear-gradient(145deg,#1a1408,#0a0804);border:1px solid var(--stroke-hi)}.balance-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 0,rgba(231,184,74,.1),transparent 60%);pointer-events:none}.coin-3d{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;flex-shrink:0}.coin-3d:after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(145deg,hsla(0,0%,100%,.15),transparent 55%);pointer-events:none}.coin-emas{background:linear-gradient(145deg,#6a4500,#3a2200);border:1px solid rgba(231,184,74,.55);box-shadow:0 4px 16px rgba(231,184,74,.25),inset 0 1px 0 hsla(44,85%,72%,.3)}.coin-perak{background:linear-gradient(145deg,#2a3048,#141820);border:1px solid rgba(168,184,204,.4);box-shadow:0 4px 12px rgba(168,184,204,.15),inset 0 1px 0 rgba(168,184,204,.2)}.coin-perunggu{background:linear-gradient(145deg,#5c2e0c,#2e1406);border:1px solid rgba(201,124,58,.5);box-shadow:0 4px 14px rgba(201,124,58,.25),inset 0 1px 0 rgba(201,124,58,.3)}.coin-berlian{background:linear-gradient(145deg,#003a54,#001822);border:1px solid rgba(45,212,191,.5);box-shadow:0 4px 14px rgba(45,212,191,.25),inset 0 1px 0 rgba(45,212,191,.3)}.btn{border:none;cursor:pointer;font-family:var(--font-body);font-weight:800;border-radius:14px;transition:all .15s var(--ease);display:flex;align-items:center;justify-content:center;gap:6px}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-gold{background:var(--gold-grad);color:#1a0e00;box-shadow:0 4px 14px rgba(231,184,74,.35),inset 0 1px 0 rgba(255,236,160,.4)}.btn-gold:hover{box-shadow:0 6px 22px rgba(231,184,74,.5),inset 0 1px 0 rgba(255,236,160,.4)}.btn-pos{background:linear-gradient(135deg,#1a6b50,#2fb890);color:#001a10;box-shadow:0 4px 14px rgba(47,184,144,.35)}.btn-neg{background:linear-gradient(135deg,#8a2030,#e06670);color:#fff;box-shadow:0 4px 14px rgba(224,102,112,.35)}.btn-bronze{background:linear-gradient(135deg,#7a3a10,#c97c3a);color:#1a0e00;box-shadow:0 4px 14px rgba(201,124,58,.35)}.btn-gem{background:linear-gradient(135deg,#0a4050,#2dd4bf);color:#001a18;box-shadow:0 4px 14px rgba(45,212,191,.35)}.btn-ghost{background:var(--surface2);border:1px solid var(--stroke-hi);color:var(--fg-dim)}.btn-ghost:hover{background:hsla(0,0%,100%,.08)}.input{width:100%;background:var(--bg2);border:1px solid var(--stroke);color:var(--fg);font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.75rem 1rem;border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(231,184,74,.15)}.input::placeholder{color:var(--fg-muted)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.badge-gold{background:rgba(231,184,74,.14);color:var(--gold);border:1px solid rgba(231,184,74,.3)}.badge-silver{background:rgba(168,184,204,.12);color:var(--silver);border:1px solid rgba(168,184,204,.3)}.badge-bronze{background:rgba(201,124,58,.12);color:var(--bronze);border:1px solid rgba(201,124,58,.3)}.badge-gem{background:rgba(45,212,191,.1);color:var(--gem);border:1px solid rgba(45,212,191,.3)}.badge-pos{background:rgba(47,184,144,.12);color:var(--pos);border:1px solid rgba(47,184,144,.3)}.badge-neg{background:rgba(224,102,112,.12);color:var(--neg);border:1px solid rgba(224,102,112,.3)}.bottom-nav{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(10,10,12,.92);border-top:1px solid var(--stroke);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;z-index:100;padding:.4rem 0;box-shadow:0 -4px 20px rgba(0,0,0,.5)}.nav-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.5rem .25rem;background:none;border:none;color:var(--fg-muted);font-family:var(--font-mono);font-size:.5rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none}.nav-btn .icon{font-size:1.25rem}.nav-btn.active{color:var(--gold)}.nav-btn.active .nav-pip{width:20px;height:3px;background:var(--gold-grad);border-radius:999px;box-shadow:var(--glow-gold)}.nav-pip{width:20px;height:3px}.qa-wrap{flex-direction:column;gap:6px;cursor:pointer}.qa-icon,.qa-wrap{display:flex;align-items:center}.qa-icon{width:52px;height:52px;border-radius:14px;justify-content:center;font-size:1.3rem;transition:transform .15s}.qa-wrap:active .qa-icon{transform:scale(.91)}.qa-label{font-family:var(--font-mono);font-size:.55rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-title{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.coin-row{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:.85rem 1rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 2px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(44,79%,73%,.04);transition:border-color .15s,transform .15s;cursor:pointer}.coin-row:hover{border-color:var(--stroke-hi);transform:translateY(-1px)}.denom-card{padding:.85rem 1rem;border-radius:12px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;background:var(--surface);display:flex;align-items:center;gap:.85rem}.denom-card.active-gold{border-color:var(--gold);background:rgba(231,184,74,.06)}.denom-card.active-silver{border-color:var(--silver);background:rgba(168,184,204,.06)}.denom-card.active-bronze{border-color:var(--bronze);background:rgba(201,124,58,.06)}.denom-card.active-gem{border-color:var(--gem);background:rgba(45,212,191,.06)}.tx-row{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;transition:border-color .15s}.tx-row:hover{border-color:var(--stroke-hi)}.tx-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;max-width:430px;margin:0 auto}.modal-sheet{width:100%;background:linear-gradient(180deg,#16140e,#0a0804);border-top:1px solid var(--stroke-hi);border-radius:24px 24px 0 0;padding:1.5rem 1.25rem 2.5rem;box-shadow:0 -8px 40px rgba(0,0,0,.6)}.modal-handle{width:36px;height:4px;background:var(--stroke-hi);border-radius:999px;margin:0 auto 1.25rem}.status-pill{display:flex;align-items:center;gap:8px;padding:.55rem .85rem;background:var(--surface);border:1px solid var(--stroke);border-radius:10px;margin-top:1.25rem}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--live{background:var(--pos);box-shadow:0 0 8px var(--pos);animation:pulse 2s ease-in-out infinite}.status-dot--off{background:var(--neg);box-shadow:0 0 8px var(--neg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.avatar{width:42px;height:42px;border-radius:13px;background:var(--gold-grad);color:#1a0e00;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px rgba(231,184,74,.3)}.avatar,.wallet-id-pill{display:flex;align-items:center}.wallet-id-pill{background:hsla(0,0%,100%,.04);border:1px solid var(--stroke);border-radius:10px;padding:.5rem .85rem;justify-content:space-between}@keyframes coin-float{0%,to{transform:translateY(0) rotateY(0deg)}25%{transform:translateY(-8px) rotateY(90deg)}50%{transform:translateY(0) rotateY(180deg)}75%{transform:translateY(-5px) rotateY(270deg)}}@keyframes halo-breathe{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.5;transform:translateX(-50%) scale(1.1)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.coin-3d{position:relative;width:80px;height:80px;display:grid;place-items:center}.coin-3d__halo{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:140%;aspect-ratio:1/1;border-radius:50%;filter:blur(30px);opacity:.35;pointer-events:none}.coin-3d__img{width:100%;height:100%;position:relative;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));transition:transform .4s var(--ease)}.coin-3d--emas .coin-3d__halo{background:radial-gradient(circle,rgba(231,184,74,.6),transparent 70%)}.coin-3d--perak .coin-3d__halo{background:radial-gradient(circle,rgba(168,184,204,.6),transparent 70%)}.coin-3d--perunggu .coin-3d__halo{background:radial-gradient(circle,rgba(201,124,58,.6),transparent 70%)}.coin-3d--berlian .coin-3d__halo{background:radial-gradient(circle,rgba(45,212,191,.6),transparent 70%)}.glass-premium{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));border:1px solid var(--stroke);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.glass-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(44,79%,73%,.3),transparent)}.text-neon{background:linear-gradient(90deg,#f07bff,#a78bfa,#22d3ee,#f07bff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}