@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&display=swap";:root{--ink:#0f172a;--slate:#334155;--muted:#64748b;--cloud:#f8fafc;--paper:#fff;--mint:#30d5c8;--nova:#1f7cff;--coral:#ff6b4a;--sun:#ffc857;--ring:#1f7cff2e;--shadow:0 20px 40px #0f172a14}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(1200px 600px at 90% -10%,#30d5c840,#0000 60%),radial-gradient(900px 600px at -10% 20%,#1f7cff2e,#0000 55%),linear-gradient(120deg,#f3f7ff,#f9fafb 50%,#f0fff9 100%);min-height:100vh;margin:0;font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;overflow-x:hidden}body:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#0f172a0f 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}.dashboard{grid-template-columns:1fr;gap:24px;max-width:100vw;min-height:100vh;padding:28px;display:grid;position:relative}.dashboard.nav-open{grid-template-columns:1fr}.sidebar{color:#e2e8f0;box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#0b1220;border-radius:24px;flex-direction:column;gap:28px;padding:26px 22px;transition:transform .25s,opacity .25s;display:flex;transform:translate(-120%)}.dashboard.nav-open .sidebar{opacity:1;pointer-events:auto;transform:translate(0)}.main{transition:margin-left .25s}.hamburger{cursor:pointer;background:#fffc;border:1px solid #94a3b866;border-radius:12px;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;margin-top:0;display:inline-flex;box-shadow:0 10px 24px #0f172a14}.hamburger span{background:var(--ink);border-radius:999px;width:18px;height:2px;display:block}.sidebar-scrim{z-index:15;opacity:0;pointer-events:none;background:#0f172a59;border:none;transition:opacity .2s;display:none;position:fixed;inset:0}.sidebar-scrim.is-open{opacity:1;pointer-events:auto}.mobile-nav{z-index:30;background:#0b1220f2;border:1px solid #94a3b840;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px;display:none;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 18px 40px #0f172a59}.mobile-nav button{color:#cbd5f5;width:auto;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;margin-top:0;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.mobile-nav svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mobile-nav button:hover{box-shadow:none;background:0 0;transform:none}.mobile-nav .nav-dot{background:#94a3b899;border-radius:999px;width:8px;height:8px}.mobile-nav button.is-active{color:#f8fafc}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--mint), var(--nova));color:#0b1220;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand h1{letter-spacing:.4px;margin:0;font-size:18px}.nav{gap:10px;display:grid}.nav button{color:#e2e8f0;text-align:left;cursor:pointer;background:#94a3b81f;border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.nav button:hover{background:#30d5c838;transform:translateY(-1px)}.nav button[aria-current=page]{color:#fff;background:#30d5c826;border-bottom:2px solid #30d5c8;font-weight:700}.sidebar-card{background:#0f172a99;border:1px solid #94a3b833;border-radius:18px;padding:18px}.sidebar-card h3{color:#e2e8f0;margin:0 0 8px;font-size:14px}.sidebar-card p{color:#cbd5f5;margin:0;font-size:12px}.disconnect-button{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #94a3b859;border-radius:999px;width:100%;margin-top:auto;padding:10px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.disconnect-button:hover{background:#94a3b82e;transform:translateY(-1px)}.main{flex-direction:column;gap:22px;min-width:0;display:flex}.topbar{z-index:30;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.headline{margin:0;font-family:Spectral,serif;font-size:28px}.subtle{color:var(--muted);margin:4px 0 0;font-size:14px}.topbar-actions{align-items:center;gap:12px;display:flex}.wallet-menu{position:relative}.wallet-dropdown{z-index:60;background:#0b1220;border:1px solid #94a3b840;border-radius:14px;min-width:180px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0f172a59}.wallet-dropdown button{color:#e2e8f0;text-align:left;background:#94a3b81f;border:none;border-radius:10px;width:100%;margin-top:0;padding:10px 12px;font-size:12px;font-weight:600}.wallet-dropdown button:hover:not(:disabled){box-shadow:none;background:#94a3b833;transform:translateY(-1px)}.connect-pill{color:#f8fafc;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:999px;width:auto;margin-top:0;padding:8px 14px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #7c3aed4d}.connect-pill:hover{transform:translateY(-1px);box-shadow:0 14px 30px #7c3aed59}.chip{background:var(--paper);color:var(--slate);border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.grid{gap:18px;display:grid}.grid.columns-1{grid-template-columns:minmax(0,1fr)}.balance-grid{justify-items:center}.balance-card{width:min(520px,100%)}.balance-tabs{gap:8px;margin-top:16px;display:inline-flex}.balance-tabs button{color:var(--slate);cursor:pointer;background:#94a3b81f;border:1px solid #94a3b859;border-radius:999px;width:auto;margin-top:0;padding:6px 12px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.balance-tabs button.is-active{color:#1f7cff;background:#1f7cff2e;border-color:#1f7cff59}.balance-panel{gap:12px;margin-top:16px;display:grid}.receive-panel{gap:12px;display:grid}.qr-card{background:#f8fafc;border:1px solid #94a3b840;border-radius:16px;width:fit-content;padding:12px}.qr-card img{width:160px;height:160px;display:block}.stack{color:var(--slate);gap:10px;font-size:14px;display:grid}.grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #94a3b833;border-radius:20px;width:100%;padding:20px}.card h2{margin:0 0 12px;font-size:18px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.history-actions{align-items:center;gap:10px;display:inline-flex}.refresh-button{color:#1f7cff;cursor:pointer;background:#1f7cff1f;border:1px solid #1f7cff40;border-radius:999px;justify-content:center;align-items:center;width:auto;margin-top:0;padding:6px 12px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.refresh-button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.refresh-button:hover:not(:disabled){background:#1f7cff33;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.refresh-button.is-loading svg{animation:.8s linear infinite spin}.balance-error{color:#b91c1c;margin-bottom:6px;font-size:12px}.metric{margin:8px 0 2px;font-size:28px;font-weight:700}.metric span{color:var(--muted);margin-left:6px;font-size:14px;font-weight:500}.badge{color:#0f766e;background:#30d5c833;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.payment-card{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.payment-cta{background:linear-gradient(145deg,#1f7cff26,#30d5c833);border-radius:16px;padding:16px}label{color:var(--slate);margin-top:8px;font-size:13px;font-weight:600;display:block}input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-size:15px}input:focus{border-color:var(--nova);box-shadow:0 0 0 3px var(--ring);outline:none}button{color:#f8fafc;cursor:pointer;background-color:#0b1220;border:none;border-radius:12px;width:100%;margin-top:12px;padding:12px 14px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s}button:hover:not(:disabled){background-color:#111a2c;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a33}button:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8}button.connect-pill{color:#f8fafc;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:999px;width:auto;margin-top:0;padding:8px 14px;font-size:12px;font-weight:600;box-shadow:0 10px 24px #7c3aed4d}button.connect-pill:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed);transform:translateY(-1px);box-shadow:0 14px 30px #7c3aed59}button.disconnect-button{color:#e2e8f0;width:100%;box-shadow:none;background:0 0;border:1px solid #94a3b859;border-radius:999px;margin-top:auto;padding:10px 14px;font-size:12px;font-weight:600}button.disconnect-button:hover:not(:disabled){box-shadow:none;background:#94a3b82e;transform:translateY(-1px)}.accent-btn{background-color:var(--nova)}.accent-btn:hover:not(:disabled){background-color:#0e61d9}.form-actions{gap:8px;margin-top:12px;display:flex}.form-actions button{margin-top:0}.form-actions .accent-btn{flex:1}.wallet-status{color:#0f766e;margin-top:10px;font-weight:600}.receive-result{gap:10px;margin-top:10px;display:grid}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.ghost-button{color:#0f172a;cursor:pointer;background:0 0;border:1px solid #0f172a33;border-radius:999px;width:auto;margin-top:0;padding:8px 12px;font-size:13px;font-weight:600;transition:transform .2s,background-color .2s}.ghost-button:hover:not(:disabled){background-color:#0f172a0f;transform:translateY(-1px)}.share-link{color:var(--slate);word-break:break-all;font-size:12px;text-decoration:none}.share-link:hover{text-decoration:underline}#status-box{word-wrap:break-word;text-align:center;border-radius:12px;margin-top:16px;padding:12px;font-size:13px;font-weight:600}.history-table{border-collapse:collapse;width:100%;max-width:100%;font-size:14px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 6px}.details-button{color:var(--slate);cursor:pointer;width:auto;box-shadow:none;background:0 0;border:1px solid #94a3b859;border-radius:999px;margin-top:0;padding:6px 10px;font-size:12px;font-weight:600}.details-button:hover:not(:disabled){box-shadow:none;background:#0f172a0f;transform:translateY(-1px)}.details-row td{border-bottom:none;padding:0 6px 12px}.details-panel{color:var(--slate);word-break:break-word;background:#f8fafccc;border:1px solid #94a3b833;border-radius:12px;gap:6px;padding:12px 14px;font-size:12px;display:grid}.details-link{color:#1f7cff;font-weight:600;text-decoration:none}.details-link:hover{text-decoration:underline}.help-panel{color:var(--slate);gap:12px;font-size:14px;display:grid}.tag{color:#b42318;background:#ff6b4a24;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.hint-card{box-shadow:none;background:#ffffffb3}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{animation:.6s both floatUp}@media (width<=1100px){.dashboard{grid-template-columns:1fr}.sidebar{z-index:20;width:260px;position:fixed;top:20px;bottom:20px;left:20px}.sidebar-scrim{display:block}.main{order:1}.hamburger{z-index:25;position:fixed;top:24px;left:24px}.payment-card{grid-template-columns:1fr}}@media (width<=1200px){.dashboard.nav-open .main{margin-left:0}}@media (width<=900px){.balance-card{width:100%}.topbar-actions{flex-wrap:wrap;justify-content:flex-start}.wallet-menu,.connect-pill{width:100%}}@media (width>=769px){.sidebar{z-index:20;width:260px;position:fixed;top:28px;bottom:28px;left:28px}.dashboard.nav-open .main{margin-left:284px}}@media (width<=768px){.dashboard{padding-bottom:120px}.sidebar,.sidebar-scrim,.hamburger{display:none}.mobile-nav{display:grid}}@media (width<=720px){.dashboard{padding:20px}.grid.columns-3,.grid.columns-2{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.history-table{white-space:nowrap;display:block;overflow-x:auto}.balance-tabs{flex-wrap:wrap}.qr-card{margin:0 auto}}@media (width<=480px){.metric{font-size:24px}.headline{font-size:22px}}.registration{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;min-height:100vh;padding:32px;display:grid}.registration .hero-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#30d5c859,#1f7cff40);border-radius:28px;flex-direction:column;gap:24px;padding:32px;animation:.6s ease-out float-in;display:flex;position:relative;overflow:hidden}.registration .hero-panel:before{content:"";filter:blur();background:radial-gradient(circle,#ff6b4a66,#0000 60%);width:280px;height:280px;position:absolute;inset:auto -20% 10% auto}.registration .hero-panel:after{content:"";background:radial-gradient(circle,#ffc85766,#0000 60%);width:260px;height:260px;position:absolute;inset:15% auto auto -20%}.registration .hero-panel>*{z-index:1;position:relative}.registration .brand{align-items:center;gap:16px;display:flex}.registration .brand-mark{color:#f8fafc;background:linear-gradient(135deg,#0b1220,#1f7cff);border-radius:16px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.registration .brand-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:#0b1220;margin:0;font-size:13px;font-weight:600}.registration .hero-panel h1{color:#0b1220;margin:6px 0 0;font-family:Spectral,serif;font-size:32px}.registration .hero-copy{color:#1e293b;max-width:520px;margin:0;font-size:16px}.registration .pill-row{flex-wrap:wrap;gap:10px;display:flex}.registration .pill-row span{background:#f8fafcb3;border:1px solid #0f172a1a;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.registration .hero-card{background:#ffffffd9;border:1px solid #0f172a1a;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.registration .card-label{color:#475569;margin:0 0 4px;font-size:12px}.registration .card-value{color:#0f172a;margin:0;font-weight:600}.registration .ghost-button{cursor:pointer;background:0 0;border:1px solid #0f172a33;border-radius:999px;width:auto;padding:10px 16px;font-weight:600;transition:transform .2s,background .2s}.registration .ghost-button:hover{background:#0f172a0f;transform:translateY(-1px)}.registration .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.registration .hero-grid h3{margin:0 0 8px;font-size:16px}.registration .hero-grid p{color:#334155;margin:0;font-size:13px}.registration .form-panel{background:var(--paper);box-shadow:var(--shadow);border:1px solid #94a3b833;border-radius:28px;flex-direction:column;gap:24px;padding:32px;animation:.7s ease-out float-in;display:flex}.registration .form-header h2{margin:0 0 6px;font-size:24px}.registration .form-header p{color:var(--muted);margin:0}.registration .registration-form{flex-direction:column;gap:16px;display:flex}.registration .form-field{color:#0f172a;flex-direction:column;gap:8px;font-weight:600;display:flex}.registration .form-field input{background:#f8fafc;border:1px solid #94a3b866;border-radius:14px;padding:12px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.registration .form-field input:focus{border-color:var(--nova);box-shadow:0 0 0 4px var(--ring);outline:none}.registration .helper-row{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.registration .char-counter{color:#64748b;white-space:nowrap}.registration .char-counter--limit{color:#991b1b}.registration .primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f7cff,#30d5c8);border:none;border-radius:14px;width:100%;padding:12px 18px;font-weight:600;transition:transform .2s,box-shadow .2s}.registration .primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #1f7cff40}.registration .status-card{border:1px solid #0000;border-radius:16px;padding:14px 16px;font-weight:600}.registration .status-card.neutral{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.registration .status-card.success{color:#166534;background:#dcfce7;border-color:#86efac}.registration .status-card.error{color:#991b1b;background:#fee2e2;border-color:#fecaca}.registration .form-footer{color:#475569;flex-direction:column;gap:12px;font-size:12px;display:flex}.registration .badge-row{flex-wrap:wrap;gap:10px;display:flex}.registration .badge-row span{background:#f8fafc;border:1px solid #94a3b84d;border-radius:999px;padding:6px 10px;font-weight:600}@media (width<=980px){.registration,.registration .hero-grid{grid-template-columns:1fr}.registration .hero-card{flex-direction:column;align-items:flex-start}}@keyframes float-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.help-hero{min-height:calc(100vh - 120px);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f172a14,#fff9);border:1px solid #94a3b833;border-radius:28px;justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative;overflow:hidden}.help-hero:before{content:"";opacity:.9;background:radial-gradient(circle,#1f7cff47,#0000 60%);width:420px;height:420px;position:absolute;inset:-20% auto auto -10%}.help-hero:after{content:"";opacity:.9;background:radial-gradient(circle,#30d5c847,#0000 62%);width:480px;height:480px;position:absolute;inset:auto -10% -20% auto}.help-hero .hamburger{z-index:2;position:absolute;top:24px;left:24px}.help-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:820px;animation:.7s ease-out float-in;display:flex;position:relative}.help-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#64748b;margin:0;font-size:12px;font-weight:600}.help-title{letter-spacing:-1px;color:#0b1220;margin:0;font-size:44px;font-weight:700}.help-search{width:min(720px,100%);position:relative}.help-search input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #94a3b859;border-radius:999px;width:100%;padding:18px 22px;font-size:15px;font-weight:500;box-shadow:0 18px 40px #0f172a1f}.help-search input:focus{border-color:#1f7cff80;outline:none;box-shadow:0 0 0 4px #1f7cff2e,0 18px 40px #0f172a29}.help-search-glow{filter:blur(12px);z-index:-1;opacity:.7;background:radial-gradient(circle,#1f7cff59,#0000 60%);border-radius:999px;position:absolute;inset:-6px}.help-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.help-actions button{color:#0b1220;cursor:pointer;background:#fffffff2;border:1px solid #0f172a26;border-radius:999px;padding:10px 20px;font-weight:600;transition:transform .2s,box-shadow .2s}.help-actions button:hover{color:#fff;border-color:#1f7cff59;transform:translateY(-1px);box-shadow:0 16px 32px #0f172a2e}.help-action-panel{opacity:0;pointer-events:none;width:min(760px,100%);min-height:0;transition:opacity .35s,transform .35s;transform:translateY(18px)}.help-action-panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.help-action-content{text-align:left;color:#1e293b;background:#fffc;border:1px solid #94a3b847;border-radius:18px;padding:20px 22px;box-shadow:0 18px 40px #0f172a1f}.help-action-content p{margin:0 0 12px;line-height:1.6}.help-action-content p:last-child{margin-bottom:0}.help-action-block{margin:12px 0}.help-action-block ol{gap:6px;margin:8px 0 0 18px;padding:0;display:grid}.help-action-note{color:#475569;font-size:13px}.help-status{color:#475569;background:#ffffffb3;border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.help-status .status-dot{background:#22c55e;border-radius:999px;width:8px;height:8px;box-shadow:0 0 8px #22c55e99}@media (width<=900px){.help-hero{min-height:calc(100vh - 160px);padding:32px 20px}.help-hero .hamburger{top:18px;left:18px}.help-title{font-size:34px}}.scroll-to-top{z-index:100;color:#fff;cursor:pointer;background:#0052ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 4px 12px #0052ff66}.scroll-to-top:hover{background:#003ecc;transform:translateY(-2px)}.field-error{color:#dc2626;margin-top:4px;font-size:.75rem;display:block}