@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--purple:#9f9df3;--pink:#ff9bb3;--green:#c9ebca;--lavender:#d5d6f2;--deep:#6353ac;--deep-dark:#4a3d87;--bg:#f0f0fa;--surface:#fff;--surface-2:#ffffffb8;--text-1:#2d2a5e;--text-2:#6353ac;--text-3:#9b98c8;--border:#9f9df340;--shadow-sm:0 2px 8px #6353ac1a, 0 0 0 1px #9f9df31f;--shadow-md:0 6px 20px #6353ac24, 0 0 0 1.5px #9f9df32e;--shadow-lg:0 12px 40px #6353ac2e, 0 0 0 2px #9f9df333;--shadow-inset:inset 0 2px 6px #6353ac1a;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.22s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100vh;color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 10% 20%,#9f9df338 0%,#0000 60%),radial-gradient(50% 40% at 90% 80%,#ff9bb32e 0%,#0000 55%),radial-gradient(40% 50%,#c9ebca1f 0%,#0000 60%);position:fixed;inset:0}h1{color:var(--text-1);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.15}h2{color:var(--text-1);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700}h3{color:var(--text-1);font-size:1.15rem;font-weight:600}p{color:var(--text-2);font-size:.95rem;line-height:1.6}.clay-card{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);transition:transform var(--dur) var(--ease-spring), box-shadow var(--dur) var(--ease-out)}.clay-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.clay-card.flat{border-radius:var(--r-lg)}.btn{border-radius:var(--r-full);cursor:pointer;transition:transform var(--dur) var(--ease-spring), box-shadow var(--dur) var(--ease-out), background var(--dur);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--purple) 0%, var(--deep) 100%);color:#fff;box-shadow:0 4px 16px #6353ac59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6353ac7a}.btn-accent{background:linear-gradient(135deg, var(--pink) 0%, #ff6b9d 100%);color:#fff;box-shadow:0 4px 16px #ff9bb361}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ff9bb385}.btn-success{background:linear-gradient(135deg, var(--green) 0%, #82c785 100%);color:var(--deep);box-shadow:0 4px 16px #82c78552}.btn-ghost{background:var(--surface-2);color:var(--text-2);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){background:var(--lavender);transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn-icon{border-radius:var(--r-full);width:44px;height:44px;padding:0}.input{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;color:var(--text-1);transition:border-color var(--dur), box-shadow var(--dur);outline:none;padding:13px 18px;font-family:Outfit,sans-serif;font-size:.95rem}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #9f9df338}.chip{background:var(--lavender);border-radius:var(--r-full);color:var(--deep);border:1.5px solid var(--border);animation:chip-in .2s var(--ease-spring) both;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-size:.85rem;font-weight:500;display:inline-flex}.chip-close{background:var(--purple);color:#fff;cursor:pointer;width:18px;height:18px;transition:background var(--dur);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}.chip-close:hover{background:var(--deep)}.avatar{color:#fff;width:42px;height:42px;box-shadow:var(--shadow-sm);text-shadow:0 1px 2px #0003;border:2.5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:relative}.avatar-sm{border-width:2px;width:32px;height:32px;font-size:.78rem}.avatar-lg{border-width:3px;width:56px;height:56px;font-size:1.1rem}.avatar-xl{border-width:4px;width:80px;height:80px;font-size:1.5rem}.badge{border-radius:var(--r-full);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:var(--deep);background:#9f9df32e}.badge-pink{color:#c0446b;background:#ff9bb333}.badge-green{color:#3a7a3c;background:#c9ebca80}.badge-grey{color:var(--text-3);background:#6353ac1a}.page{z-index:1;flex:1;width:100%;max-width:480px;margin:0 auto;padding:24px 20px 40px;position:relative}.page-wide{max-width:900px}.header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1.5px solid var(--border);background:#f0f0fad9;padding:12px 20px;position:sticky;top:0}.header-inner{align-items:center;gap:12px;min-width:0;max-width:900px;margin:0 auto;display:flex}.header-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo-text{color:var(--text-1);font-size:1.2rem;font-weight:800}.header-logo-text span{color:var(--pink)}.header-nav{gap:2px;margin-left:12px;display:flex}.nav-link{border-radius:var(--r-full);color:var(--text-2);transition:background var(--dur), color var(--dur);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.87rem;font-weight:600;text-decoration:none}.nav-link:hover,.nav-link.active{background:var(--lavender);color:var(--deep)}.header-right{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.wallet-pill{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-full);color:var(--deep);box-shadow:var(--shadow-sm);align-items:center;gap:8px;min-width:0;padding:6px 12px 6px 6px;font-size:.82rem;font-weight:600;display:flex}.header-logout{white-space:nowrap;flex-shrink:0}@media (width<=520px){.header{padding:10px 12px}.header-inner{gap:8px}.header-brand{flex-shrink:0;gap:8px!important}.header-right{gap:5px!important}.wallet-pill{padding-right:7px}.wallet-pill>span{max-width:76px!important}.header-logout{justify-content:center;width:34px;height:34px;padding:7px!important}.header-logout span{display:none}}.wallet-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 3px #4caf5033}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1.5px;margin:20px 0}.toggle-group{border-radius:var(--r-full);background:#9f9df31f;gap:4px;padding:4px;display:flex}.toggle-btn{border-radius:var(--r-full);cursor:pointer;transition:background var(--dur) var(--ease-spring), color var(--dur), box-shadow var(--dur);color:var(--text-3);background:0 0;border:none;flex:1;padding:9px 16px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600}.toggle-btn.active{background:var(--surface);color:var(--deep);box-shadow:var(--shadow-sm)}.fab{background:linear-gradient(135deg, var(--purple), var(--deep));color:#fff;cursor:pointer;width:58px;height:58px;transition:transform var(--dur) var(--ease-spring), box-shadow var(--dur);z-index:150;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:fixed;bottom:88px;right:24px;box-shadow:0 8px 28px #6353ac73}.fab:hover{transform:scale(1.08)rotate(45deg);box-shadow:0 10px 36px #6353ac8c}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(24px);border-top:1.5px solid var(--border);background:#ffffffe0;justify-content:space-around;align-items:center;padding:8px 16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{border-radius:var(--r-lg);cursor:pointer;transition:background var(--dur), transform var(--dur) var(--ease-spring);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;font-family:Outfit,sans-serif;display:flex}.bottom-nav-item:hover{background:var(--lavender);transform:translateY(-2px)}.bottom-nav-icon{font-size:1.4rem}.bottom-nav-label{color:var(--text-3);font-size:.7rem;font-weight:600}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);will-change:opacity;background:#2d2a5e61;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0}.modal-overlay.centered{align-items:center}.modal-sheet{background:var(--surface);will-change:transform, opacity;border-radius:28px;width:100%;max-width:480px;max-height:calc(100vh - 80px);padding:24px 24px 28px;overflow-y:auto;box-shadow:0 20px 60px #2d2a5e40}.modal-card{background:var(--surface);will-change:transform, opacity;border-radius:28px;width:calc(100% - 48px);max-width:380px;padding:28px 24px 24px;box-shadow:0 24px 64px #2d2a5e38}.modal-handle{background:var(--border);border-radius:var(--r-full);width:40px;height:4px;margin:0 auto 16px}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:10px;font-size:.78rem;font-weight:700}.list-row{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:background var(--dur), transform var(--dur) var(--ease-spring), box-shadow var(--dur);align-items:center;gap:18px;margin-bottom:8px;padding:14px 16px;display:flex}.list-row:hover{background:var(--lavender);box-shadow:var(--shadow-sm);transform:translate(3px)}.list-row-content{flex:1;min-width:0}.list-row-title{color:var(--text-1);font-size:.95rem;font-weight:600}.list-row-sub{color:var(--text-3);margin-top:2px;font-size:.82rem}.list-row-right{color:var(--text-3);flex-shrink:0;font-size:1.1rem}.amount-big{color:var(--deep);letter-spacing:-.02em;font-size:2.8rem;font-weight:800}.amount-currency{color:var(--text-3);margin-right:4px;font-size:1.2rem;font-weight:600}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.success{background:#4caf50;box-shadow:0 0 0 3px #4caf5033}.status-dot.pending{background:var(--purple);box-shadow:0 0 0 3px #9f9df340}.status-dot.failed{background:var(--pink);box-shadow:0 0 0 3px #ff9bb340}.steps{align-items:center;gap:0;margin-bottom:28px;padding:0 8px;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.step-circle{border:2px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-3);transition:all var(--dur);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step.active .step-circle{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 0 4px #9f9df340}.step.done .step-circle{background:var(--green);color:#3a7a3c;border-color:#82c785}.step-label{color:var(--text-3);text-align:center;font-size:.7rem;font-weight:600}.step.active .step-label{color:var(--purple)}.step-line{background:var(--border);height:2px;transition:background var(--dur);flex:1;margin-top:-18px}.step-line.done{background:var(--green)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes chip-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #4caf5033}50%{box-shadow:0 0 0 6px #4caf5014}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.gradient-text{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{background:linear-gradient(90deg, var(--lavender) 25%, #ffffff80 50%, var(--lavender) 75%);border-radius:var(--r-sm);background-size:200%;animation:1.4s linear infinite shimmer}.connect-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:calc(100vh - 100px);padding:40px 24px;display:flex}.connect-blob{background:linear-gradient(135deg, var(--purple), var(--pink));border-radius:40% 60% 70% 30%/40% 50% 60%;justify-content:center;align-items:center;width:160px;height:160px;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 20px 60px #9f9df366}.success-ring{background:linear-gradient(135deg, var(--green), #82c785);width:100px;height:100px;animation:scale-in .35s var(--ease-spring) both;border-radius:50%;justify-content:center;align-items:center;font-size:2.4rem;display:flex;box-shadow:0 8px 32px #82c78566,0 0 0 16px #c9ebca40}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-18{margin-bottom:18px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.color-deep{color:var(--deep)}.color-purple{color:var(--purple)}.color-pink{color:var(--pink)}.color-text2{color:var(--text-2)}.color-text3{color:var(--text-3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-2);letter-spacing:.01em;font-size:.84rem;font-weight:600}.bottom-nav{-webkit-backdrop-filter:blur(16px)saturate(180%);border-top:1px solid var(--border);height:64px;padding:0 8px env(safe-area-inset-bottom,0px);z-index:200;background:#ffffffd1;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #6353ac0f}.bottom-nav-item{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;padding:8px 4px;font-family:Outfit,sans-serif;transition:background .2s,transform .15s;display:flex}.bottom-nav-item:hover{background:#9f9df314}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{background:#9f9df31f}.bottom-nav-label{color:var(--text-3);font-size:.65rem;font-weight:600;transition:color .2s}.bottom-nav-item.active .bottom-nav-label{color:var(--deep)}