@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg: #050914;--bg-2: #080e1e;--bg-card: #0d1528;--bg-elevated: #111e35;--bg-glass: rgba(255,255,255,.03);--teal: #00e5cc;--teal-dim: rgba(0,229,204,.12);--teal-glow: rgba(0,229,204,.25);--gold: #f4b942;--gold-dim: rgba(244,185,66,.12);--blue: #4d8af0;--green: #00d68f;--red: #ff4d6a;--purple: #a78bfa;--t1: #e8edf8;--t2: #7d8fb3;--t3: #3d4f6e;--b1: rgba(255,255,255,.06);--b2: rgba(255,255,255,.12);--g-teal: linear-gradient(135deg,#00e5cc,#00b4a0);--g-gold: linear-gradient(135deg,#f4b942,#e8930a);--g-blue: linear-gradient(135deg,#4d8af0,#2563eb);--g-card: linear-gradient(145deg,#0d1528,#0a1020);--g-hero: linear-gradient(160deg,#050914 0%,#0a1428 50%,#050e1e 100%);--s1: 0 2px 16px rgba(0,0,0,.5);--s2: 0 8px 40px rgba(0,0,0,.6);--s-teal:0 8px 32px rgba(0,229,204,.18);--s-gold:0 8px 32px rgba(244,185,66,.18);--r1: 10px;--r2: 16px;--r3: 22px;--r4: 30px;--max-w: 480px;--nav-h: 72px;--f-display: "Space Grotesk", sans-serif;--f-body: "Plus Jakarta Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--f-body);background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{max-width:var(--max-w);margin:0 auto;min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}button,input,select,textarea{font-family:var(--f-body)}.page{min-height:100vh;background:var(--bg);padding-bottom:calc(var(--nav-h) + 16px)}.card{background:var(--bg-card);border:1px solid var(--b1);border-radius:var(--r3);padding:20px;box-shadow:var(--s1)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--b2);border-radius:var(--r3);padding:20px;box-shadow:var(--s2)}.btn-primary{width:100%;padding:16px;background:var(--g-teal);border:none;border-radius:var(--r2);color:#000;font-family:var(--f-body);font-weight:700;font-size:16px;cursor:pointer;letter-spacing:.2px;transition:all .2s;box-shadow:var(--s-teal)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-gold{width:100%;padding:16px;background:var(--g-gold);border:none;border-radius:var(--r2);color:#000;font-family:var(--f-body);font-weight:700;font-size:16px;cursor:pointer;box-shadow:var(--s-gold);transition:all .2s}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-gold:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-outline{width:100%;padding:14px;background:transparent;border:1px solid var(--b2);border-radius:var(--r2);color:var(--t1);font-family:var(--f-body);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--bg-glass);border-color:var(--teal);color:var(--teal)}.btn-ghost{background:none;border:none;color:var(--teal);font-family:var(--f-body);font-weight:600;cursor:pointer;font-size:14px}.inp{width:100%;background:var(--bg-elevated);border:1px solid var(--b1);border-radius:var(--r2);padding:14px 16px;font-size:15px;color:var(--t1);outline:none;transition:border-color .2s,box-shadow .2s}.inp::placeholder{color:var(--t3)}.inp:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.inp-error{border-color:var(--red)!important}.lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--t3);text-transform:uppercase;margin-bottom:8px}.badge-teal{background:var(--teal-dim);color:var(--teal);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-gold{background:var(--gold-dim);color:var(--gold);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-green{background:#00d68f1f;color:var(--green);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-red{background:#ff4d6a1f;color:var(--red);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.s-title{font-family:var(--f-display);font-size:17px;font-weight:700;color:var(--t1);margin-bottom:16px}.s-label{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--t3);text-transform:uppercase;margin-bottom:8px}.err-box{background:#ff4d6a14;border:1px solid rgba(255,77,106,.2);color:var(--red);border-radius:var(--r1);padding:10px 14px;font-size:13px;margin-top:8px}.ok-box{background:#00d68f14;border:1px solid rgba(0,214,143,.2);color:var(--green);border-radius:var(--r1);padding:10px 14px;font-size:13px;margin-top:8px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--b2);border-radius:var(--r2);padding:12px 22px;font-size:14px;font-weight:600;color:var(--t1);z-index:9999;box-shadow:var(--s2);white-space:nowrap;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);height:var(--nav-h);background:#050914f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--b1);display:flex;align-items:center;z-index:200;padding:0 8px 8px}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;background:none;border:none;color:var(--t3);font-size:10px;font-weight:600;font-family:var(--f-body);padding:8px 0;transition:color .2s;border-radius:var(--r1)}.nav-btn.active{color:var(--teal)}.nav-btn .nav-icon{font-size:22px;line-height:1}.page-header{position:sticky;top:0;z-index:100;background:#050914e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--b1);padding:52px 20px 16px;display:flex;align-items:center;gap:14px}.page-header.hero{background:var(--g-hero);position:relative}.back-btn{width:40px;height:40px;border-radius:var(--r1);background:var(--bg-elevated);border:1px solid var(--b1);color:var(--t1);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.back-btn:hover{border-color:var(--teal);color:var(--teal)}.page-title{font-family:var(--f-display);font-weight:700;font-size:20px;color:var(--t1);flex:1}.divider{height:1px;background:var(--b1);margin:16px 0}.toggle{width:46px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;transition:background .25s;flex-shrink:0}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;transition:left .25s}@keyframes shimmer{0%{background-position:-300px center}to{background-position:300px center}}.shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r1)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px}.text-teal{color:var(--teal)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--t2)}.fw-800{font-weight:800}.f-display{font-family:var(--f-display)}.amount-box{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--b1);border-radius:var(--r2);padding:12px 16px;transition:border-color .2s}.amount-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.amount-input{flex:1;background:none;border:none;outline:none;font-family:var(--f-display);font-weight:700;font-size:30px;color:var(--t1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f6f8fa;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}img,video,canvas,svg{max-width:100%;display:block}input,select,textarea,button{font-size:16px;font-family:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-scrollbar{width:0px;height:0px}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:#f6f8fa}#root{width:100%;min-height:100vh}input,select,textarea{font-size:16px;font-family:inherit}button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}