*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--black:#0a0a0a;--dark:#1a1a1a;--mid:#555;--muted:#888;--border:#d8d8d8;--border-light:#ebebeb;--surface:#f7f7f5;--white:#ffffff;--accent:#535C39;--accent-light:#e8ebe0;--font-ar:"Noto Naskh Arabic",serif;--font-mono:"IBM Plex Mono",monospace;--font-serif:"Instrument Serif",serif;--card:#1e1e1e;--card-border:rgba(255,255,255,.08);--solana-purple:#9945FF;--solana-green:#14F195}html,body,#root{height:100%;height:100dvh;background:var(--white);overflow:hidden}body{font-family:var(--font-ar);color:var(--dark)}.onboarding{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:100;overflow:hidden;display:flex;flex-direction:column;transition:opacity .5s ease,transform .5s ease}.onboarding.exiting{opacity:0;transform:scale(.95);pointer-events:none}.ob-skip{font-family:var(--font-mono);font-size:11px;color:var(--muted);border:.5px solid var(--border);padding:5px 12px;border-radius:999px;cursor:pointer;letter-spacing:.05em;background:var(--white)}.ob-skip:hover{color:var(--dark);border-color:var(--dark)}.ob-logo{position:absolute;top:48px;right:16px;z-index:10}.ob-logo-img{height:28px;width:auto;display:block}.ob-logo span{color:var(--accent)}.ob-slides{display:flex;height:100%;transition:transform .5s cubic-bezier(.77,0,.175,1);direction:ltr}.ob-slide{min-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px 120px;gap:0;direction:rtl}html[dir=ltr] .ob-slide{direction:ltr}.wallet-card{width:100%;max-width:320px;border-radius:22px;padding:26px 26px 22px;position:relative;overflow:hidden;color:var(--white);margin-bottom:40px;transform:rotate(-2deg) scale(.92);animation:cardFloat .8s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 2px #ffffff40 inset,0 -1px #0006 inset,0 40px 80px #00000059,0 8px 24px #0003,0 1px 3px #0000004d;background:linear-gradient(160deg,#2a2a2a,#1a1a1a 20%,#222,#111,#1e1e1e,#2c2c2c 80%,#181818);aspect-ratio:1.586}@keyframes cardFloat{0%{transform:rotate(-2deg) scale(.7) translateY(60px);opacity:0}to{transform:rotate(-2deg) scale(.92);opacity:1}}.wallet-card.variant-2{animation:cardFloat2 .7s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(150deg,#1c2a1c,#111 25%,#1a2218 45%,#0d0d0d 60%,#1e2a1a,#111)}@keyframes cardFloat2{0%{transform:rotate(1deg) scale(.8) translateY(40px);opacity:0}to{transform:rotate(1deg) scale(.88);opacity:1}}.wc-metal-base{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,transparent,transparent 1px,rgba(255,255,255,.012) 1px,rgba(255,255,255,.012) 2px);pointer-events:none}.wc-metal-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#fff0,#ffffff0a 30%,#ffffff17,#ffffff08 60%,#fff0);pointer-events:none}.wc-metal-grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}.wc-holo{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff6b6b,#ffd93d 16%,#6bcb77,#4d96ff 50%,#c77dff 66%,#ff6b6b,#ffd93d);opacity:.6;filter:blur(.5px)}.wc-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.wc-network-badge{display:flex;align-items:center;gap:5px;background:#ffffff12;border:.5px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 10px 3px 7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#fff9}.wc-network-dot{width:5px;height:5px;border-radius:50%;background:#9945ff;box-shadow:0 0 6px #9945ff}.wc-contactless{opacity:.5}.wc-chip{width:38px;height:28px;background:linear-gradient(135deg,#c9a84c,#f5d98a,#c9a84c,#e8c86a,#b8923a);border-radius:5px;margin-bottom:20px;position:relative;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff4d}.wc-chip-h{position:absolute;top:50%;left:0;right:0;height:.5px;background:#00000040;transform:translateY(-50%)}.wc-chip-v{position:absolute;left:50%;top:0;bottom:0;width:.5px;background:#00000040;transform:translate(-50%)}.wc-chip-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:10px;border:.5px solid rgba(0,0,0,.2);border-radius:2px;background:linear-gradient(135deg,#d4b05a,#f0d080)}.wc-balance{font-family:var(--font-mono);font-size:28px;font-weight:300;letter-spacing:-.02em;margin-bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.wc-balance-sub{font-family:var(--font-mono);font-size:10px;color:#fff6;letter-spacing:.04em;margin-bottom:18px}.wc-row{display:flex;justify-content:space-between;align-items:flex-end}.wc-addr-label{font-family:var(--font-mono);font-size:7px;letter-spacing:.12em;color:#ffffff40;margin-bottom:2px;text-transform:uppercase}.wc-addr{font-family:var(--font-mono);font-size:10px;color:#fff6;letter-spacing:.06em}.wc-logo{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;color:#ffffffa6;text-shadow:0 0 12px rgba(255,255,255,.2)}.wc-logo span{color:#9945ffd9}.wc-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.03) 52%,transparent 65%);animation:shimmer 4s ease infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-120%) skew(-15deg)}to{transform:translate(220%) skew(-15deg)}}.ob-ar{font-family:var(--font-ar);font-size:26px;font-weight:700;color:var(--dark);text-align:center;line-height:1.4;margin-bottom:8px}.ob-en{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.05em;text-align:center;text-transform:uppercase}.ob-icons{display:flex;gap:24px;margin-bottom:36px}.ob-icon{width:64px;height:64px;border:.5px solid var(--border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface)}.ob-icon-sym{font-size:20px}.ob-icon-label{font-family:var(--font-ar);font-size:9px;color:var(--muted)}.ob-dots{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:6px}.ob-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:all .3s ease}.ob-dot.active{width:20px;border-radius:3px;background:var(--dark)}.ob-cta{position:absolute;bottom:36px;left:24px;right:24px}.btn-primary{width:100%;padding:16px;background:var(--dark);color:var(--white);border:none;border-radius:999px;font-family:var(--font-ar);font-size:16px;font-weight:600;cursor:pointer;letter-spacing:.02em;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--accent)}.btn-primary:active{transform:scale(.98)}.ob-next{position:absolute;bottom:36px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.btn-ghost{padding:14px 28px;background:transparent;color:var(--dark);border:.5px solid var(--border);border-radius:999px;font-family:var(--font-ar);font-size:14px;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--dark);background:var(--surface)}.main-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--white)}.topbar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid rgba(0,0,0,.07);padding:0 16px 12px;padding-top:max(52px,calc(44px + env(safe-area-inset-top)));gap:8px;min-height:64px;flex-wrap:nowrap}.topbar-logo{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.08em;color:var(--dark)}.topbar-logo span{color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-mono);font-size:11px}.notif{width:32px;height:32px;border:.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.notif-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;position:absolute;top:6px;right:6px}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#f7f7f5;-ms-overflow-style:none;scrollbar-width:none}.tab-content::-webkit-scrollbar{display:none}.home-card-wrap{padding:16px 16px 8px}.dash-card{background:linear-gradient(160deg,#2a2a2a,#1a1a1a 20%,#222,#111,#1e1e1e,#2c2c2c 80%,#181818);border-radius:22px;padding:22px 22px 18px;color:var(--white);position:relative;overflow:hidden;aspect-ratio:1.586;box-shadow:0 2px #fff3 inset,0 -1px #00000080 inset,0 36px 72px #00000052,0 8px 20px #0003}.dash-card-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,transparent,transparent 1px,rgba(255,255,255,.01) 1px,rgba(255,255,255,.01) 2px);pointer-events:none;z-index:0}.dash-card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(128deg,#fff0,#ffffff0d 32%,#ffffff17 46%,#ffffff08 62%,#fff0);pointer-events:none;z-index:0}.dash-card-holo{position:absolute;left:0;top:0;bottom:0;width:3.5px;background:linear-gradient(180deg,#9945ff,#14f195,#9945ff);opacity:.7;z-index:1}.dash-card-toprow{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:2}.dash-card-network-badge{display:flex;align-items:center;gap:5px;background:#ffffff12;border:.5px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 10px 3px 7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#fff9}.dash-card-network-dot{width:5px;height:5px;border-radius:50%;background:#9945ff;box-shadow:0 0 6px #9945ff}.dash-card-chip{width:38px;height:28px;background:linear-gradient(135deg,#c9a84c,#f5d98a,#c9a84c,#e8c86a,#b8923a);border-radius:5px;margin-bottom:16px;position:relative;z-index:2;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff4d}.dash-card-chip-h{position:absolute;top:50%;left:0;right:0;height:.5px;background:#00000040;transform:translateY(-50%)}.dash-card-chip-v{position:absolute;left:50%;top:0;bottom:0;width:.5px;background:#00000040;transform:translate(-50%)}.dash-card-chip-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:10px;border:.5px solid rgba(0,0,0,.2);border-radius:2px;background:linear-gradient(135deg,#d4b05a,#f0d080)}.dash-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#fff0,#ffffff0d 35%,#ffffff14 48%,#ffffff05 62%,#fff0);pointer-events:none}.dash-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#9945ff,#14f195,#9945ff);opacity:.7}.dash-card-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,transparent,transparent 1px,rgba(255,255,255,.01) 1px,rgba(255,255,255,.01) 2px);pointer-events:none}.dash-card-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#fff6;margin-bottom:6px;text-align:right;direction:ltr}.dash-card-balance{font-family:var(--font-mono);font-size:32px;font-weight:300;letter-spacing:-.02em;text-align:right;direction:ltr;display:flex;flex-direction:column;gap:2px}.dash-card-aed{font-family:var(--font-ar);font-size:13px;color:#ffffff73;text-align:right;margin-top:2px}.dash-card-addr{font-family:var(--font-mono);font-size:9px;color:#ffffff40;letter-spacing:.06em;margin-top:20px;direction:ltr;text-align:left}.section-title{font-family:var(--font-ar);font-size:14px;font-weight:600;color:var(--dark);padding:0 20px 12px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:.5px;background:var(--border-light)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px 20px}.qa-btn{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:0}.qa-icon{width:52px;height:52px;border:.5px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--white);transition:all .2s}.qa-btn:hover .qa-icon{background:var(--dark);border-color:var(--dark);color:var(--white);transform:translateY(-2px)}.qa-label{font-family:var(--font-ar);font-size:11px;color:var(--muted)}.ticker-wrap{border-top:.5px solid var(--border-light);border-bottom:.5px solid var(--border-light);overflow:hidden;padding:8px 0;margin-bottom:20px}.ticker-inner{display:flex;gap:32px;animation:tick 20s linear infinite;width:max-content}.ticker-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;white-space:nowrap;flex-shrink:0}.ticker-sym{color:var(--dark);font-weight:500}.ticker-price{color:var(--muted)}.ticker-chg{color:#2d6a4f}.ticker-chg.neg{color:#c0392b}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.holdings{padding:0 16px}.holding-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:.5px solid var(--border-light)}.holding-row:last-child{border-bottom:none}.holding-left{display:flex;align-items:center;gap:12px}.holding-logo{width:36px;height:36px;border-radius:50%;background:var(--surface);border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--dark)}.holding-logo.dark{background:var(--dark);color:var(--white);border-color:var(--dark)}.holding-name{font-family:var(--font-ar);font-size:14px;font-weight:600;color:var(--dark)}.holding-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.holding-right{text-align:left;direction:ltr}.holding-val{font-family:var(--font-mono);font-size:14px;font-weight:400;color:var(--dark)}.holding-chg{font-family:var(--font-mono);font-size:10px;color:#2d6a4f}.holding-chg.neg{color:#c0392b}.learn-hero{background:#fff;padding:24px 20px 16px;direction:rtl}.learn-hero-ar{font-family:var(--font-ar);font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.learn-hero-en{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.06em}.lesson-cards{background:#f7f7f5;padding:0 16px 100px;display:flex;flex-direction:column;gap:12px}.lesson-card{background:linear-gradient(145deg,#1e1e1e,#141414,#1a1a1a);border-radius:18px;padding:20px;margin-bottom:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;box-shadow:0 1px #ffffff1a inset,0 -1px #0006 inset,0 8px 24px #0003}.lesson-card:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff1f inset,0 16px 40px #00000047}.lesson-card:active{transform:scale(.98)}.lesson-card.done{background:linear-gradient(145deg,#1a1e1a,#111411,#141a14)}.lesson-card.done:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#14f195;opacity:.8}.lesson-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(255,255,255,.007) 1px,rgba(255,255,255,.007) 2px);pointer-events:none}.lc-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#ffffff4d;margin-bottom:8px;text-transform:uppercase;direction:ltr;text-align:left;border:.5px solid rgba(255,255,255,.1);background:#ffffff0d;padding:2px 8px;border-radius:4px;display:inline-block}.lc-ar{font-family:var(--font-ar);font-size:16px;font-weight:600;color:#ffffffeb;margin-bottom:4px}.lc-en{font-family:var(--font-mono);font-size:10px;color:#fff6;direction:ltr;text-align:left;margin-bottom:12px}.lc-bar-wrap{background:#ffffff14;height:3px;border-radius:2px;overflow:hidden}.lc-bar{height:100%;background:linear-gradient(90deg,#9945ff,#14f195);border-radius:2px;transition:width .5s ease}.lc-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.lc-pct{font-family:var(--font-mono);font-size:10px;color:#ffffff73}.lc-arr{font-size:14px;color:#ffffff4d}.lesson-detail{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:50;transform:translate(100%);transition:transform .4s cubic-bezier(.77,0,.175,1);overflow-y:auto}.lesson-detail.open{transform:translate(0)}.ld-back{padding:52px 20px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;direction:rtl}.ld-back-icon{width:36px;height:36px;border:.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.ld-back:hover .ld-back-icon{background:var(--dark);color:var(--white);border-color:var(--dark)}.ld-back-text{font-family:var(--font-ar);font-size:13px;color:var(--muted)}.ld-content{padding:0 20px 40px;direction:rtl}.ld-title{font-family:var(--font-ar);font-size:24px;font-weight:700;color:var(--dark);margin-bottom:4px}.ld-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.05em;margin-bottom:24px;direction:ltr;text-align:left}.ld-step{margin-bottom:20px;padding:16px;border:.5px solid var(--border-light);border-radius:12px;background:var(--surface)}.ld-step-num{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-bottom:6px;direction:ltr;text-align:left}.ld-step-ar{font-family:var(--font-ar);font-size:15px;font-weight:600;color:var(--dark);margin-bottom:4px}.ld-step-en{font-family:var(--font-ar);font-size:13px;color:var(--mid);line-height:1.7}.analogy-box{background:var(--accent-light);border:.5px solid var(--accent);border-radius:10px;padding:14px;margin-top:16px}.analogy-label{font-family:var(--font-mono);font-size:9px;color:var(--accent);letter-spacing:.06em;margin-bottom:4px;direction:ltr;text-align:left}.analogy-text{font-family:var(--font-ar);font-size:13px;color:var(--dark);line-height:1.7}.swap-wrap{background:#f7f7f5;min-height:100%;padding:20px 16px 100px}.swap-title{font-family:var(--font-ar);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:4px}.swap-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.05em;margin-bottom:20px;direction:ltr;text-align:left}.swap-box{background:linear-gradient(145deg,#1e1e1e,#151515,#1c1c1c);border-radius:18px;padding:18px;position:relative;overflow:hidden;margin-bottom:10px;box-shadow:0 1px #ffffff1a inset,0 -1px #0006 inset,0 8px 24px #0000002e}.swap-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(255,255,255,.006) 1px,rgba(255,255,255,.006) 2px);pointer-events:none}.swap-box-label{font-family:var(--font-mono);font-size:10px;color:#fff6;letter-spacing:.06em;margin-bottom:10px;direction:ltr;text-align:left}.swap-box-row{display:flex;justify-content:space-between;align-items:center}.swap-token{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:.5px solid var(--border);border-radius:10px;background:var(--white);transition:all .2s}.swap-token:hover{border-color:var(--dark)}.swap-token-logo{width:28px;height:28px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-mono);font-size:9px;font-weight:500}.swap-token-name{font-family:var(--font-mono);font-size:12px;font-weight:500;color:#fff}.swap-token-arr{font-size:10px;color:var(--muted)}.swap-amount-input{font-family:var(--font-mono);font-size:24px;font-weight:300;color:#fff;background:#ffffff0f;border:.5px solid rgba(255,255,255,.1);border-radius:10px;outline:none;text-align:left;direction:ltr;width:140px;padding:4px 8px}.swap-output{font-family:var(--font-mono);font-size:24px;font-weight:300;color:#ffffffe6;direction:ltr}.swap-balance{font-family:var(--font-mono);font-size:9px;color:#ffffff59;direction:ltr;text-align:left;margin-top:8px}.swap-divider{display:flex;justify-content:center;margin:4px 0;position:relative;z-index:1}.swap-arrow-btn{width:36px;height:36px;border:.5px solid rgba(255,255,255,.1);border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;box-shadow:0 4px 12px #0000004d}.swap-arrow-btn:hover{background:#333;border-color:#fff3}.swap-rate{background:#ffffff0a;border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#ffffff80}.swap-rate-label{font-family:var(--font-ar);font-size:12px;color:var(--muted)}.swap-rate-val{font-family:var(--font-mono);font-size:11px;color:var(--dark);direction:ltr}.slippage-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.slippage-label{font-family:var(--font-ar);font-size:12px;color:var(--muted)}.slippage-opts{display:flex;gap:6px}.slip-opt{padding:5px 10px;border:.5px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:10px;cursor:pointer;color:var(--muted);transition:all .2s;background:var(--white)}.slip-opt.active,.slip-opt:hover{background:var(--dark);color:var(--white);border-color:var(--dark)}.btn-swap{width:100%;padding:16px;background:linear-gradient(135deg,#9945ff,#7b2fe0);color:#fff;border:none;border-radius:999px;font-family:var(--font-ar);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.02em;box-shadow:0 4px 20px #9945ff59}.btn-swap:hover{background:linear-gradient(135deg,#a855ff,#8b3ff0)}.btn-swap:active{transform:scale(.98)}.swap-fee-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:.5px solid var(--border-light)}.swap-fee-row:last-child{border-bottom:none}.swap-fee-label{font-family:var(--font-ar);font-size:11px;color:var(--muted)}.swap-fee-val{font-family:var(--font-mono);font-size:11px;color:var(--dark);direction:ltr}.fee-box{background:#ffffff0a;border-radius:12px;padding:12px 16px;margin-top:14px;color:#ffffff80}.earn-wrap{background:#f7f7f5;min-height:100%;padding:20px 16px 100px}.earn-title{font-family:var(--font-ar);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:4px}.earn-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.05em;margin-bottom:20px;direction:ltr;text-align:left}.earn-card{background:linear-gradient(150deg,#1e1e1e,#141414 40%,#1a1a1a,#222);border-radius:20px;padding:22px;margin-bottom:14px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px #ffffff1f inset,0 -1px #00000080 inset,0 20px 48px #00000038,0 4px 12px #00000026}.earn-card:hover{transform:translateY(-2px);box-shadow:0 2px #ffffff26 inset,0 28px 56px #0000004d}.earn-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(255,255,255,.008) 1px,rgba(255,255,255,.008) 2px);pointer-events:none}.earn-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#9945ff,#14f195,#9945ff);opacity:.6}.earn-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.earn-protocol{display:flex;align-items:center;gap:10px}.earn-proto-logo{width:36px;height:36px;border-radius:10px;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-mono);font-size:9px;font-weight:500}.earn-proto-name{font-family:var(--font-ar);font-size:15px;font-weight:600;color:#ffffffe6}.earn-proto-sub{font-family:var(--font-mono);font-size:9px;color:#ffffff73;direction:ltr;text-align:left}.earn-badge{padding:4px 10px;border-radius:20px;font-family:var(--font-ar);font-size:10px;font-weight:500;background:#ffffff14;border:none;color:#fff9}.earn-badge.safe{background:#14f19526;border:.5px solid rgba(20,241,149,.3);color:#14f195}.earn-apy-block{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.earn-apy-num{font-family:var(--font-mono);font-size:32px;font-weight:300;color:#14f195;letter-spacing:-.02em;direction:ltr}.earn-apy-pct{font-family:var(--font-mono);font-size:14px;color:#14f195;direction:ltr}.earn-apy-label{font-family:var(--font-ar);font-size:11px;color:#fff6}.risk-bar-wrap{margin-bottom:14px}.risk-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.risk-ar{font-family:var(--font-ar);font-size:11px;color:#ffffff80}.risk-level{font-family:var(--font-mono);font-size:10px;color:#ffffffb3}.risk-track{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.risk-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#9945ff,#14f195);transition:width .5s ease}.btn-earn{width:100%;padding:12px;background:#ffffff14;color:#fff;border:.5px solid rgba(255,255,255,.15);border-radius:999px;font-family:var(--font-ar);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.02em}.btn-earn:hover{background:#ffffff24}.btn-earn:active{transform:scale(.98)}.comm-wrap{padding:0}.comm-hero{background:var(--dark);padding:28px 20px;color:var(--white);position:relative;overflow:hidden}.comm-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.015) 40px,rgba(255,255,255,.015) 80px)}.comm-hero-ar{font-family:var(--font-ar);font-size:20px;font-weight:700;margin-bottom:4px}.comm-hero-en{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#fff6}.comm-stats{display:flex;gap:0;margin-top:20px}.comm-stat{flex:1;padding:12px 0;position:relative}.comm-stat:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:.5px;background:#ffffff1a}.comm-stat-num{font-family:var(--font-mono);font-size:18px;font-weight:300;color:var(--white);direction:ltr}.comm-stat-label{font-family:var(--font-ar);font-size:10px;color:#fff6;margin-top:2px}.news-list{padding:16px 20px;display:flex;flex-direction:column;gap:0}.news-item{padding:14px 0;border-bottom:.5px solid var(--border-light);cursor:pointer;transition:all .2s}.news-item:hover{padding-right:6px}.news-item:last-child{border-bottom:none}.news-tag{font-family:var(--font-mono);font-size:9px;color:var(--muted);letter-spacing:.06em;margin-bottom:6px;direction:ltr;text-align:left}.news-headline{font-family:var(--font-ar);font-size:15px;font-weight:600;color:var(--dark);margin-bottom:8px;line-height:1.4}html[dir=ltr] .news-headline{font-family:var(--font-mono);font-size:13px;font-weight:500}.news-meta{display:flex;justify-content:space-between;align-items:center}.news-date{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.news-arr{font-size:10px;color:var(--muted)}.superteam-card{margin:16px 20px;border:.5px solid var(--accent);border-radius:16px;padding:20px;background:var(--accent-light)}.st-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;direction:ltr;text-align:left}.st-ar{font-family:var(--font-ar);font-size:16px;font-weight:700;color:var(--dark);margin-bottom:4px}.st-en{font-family:var(--font-ar);font-size:12px;color:var(--mid);margin-bottom:14px;line-height:1.6}.btn-st{padding:12px 20px;background:var(--dark);color:var(--white);border:none;border-radius:999px;font-family:var(--font-ar);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-st:hover{background:var(--accent)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:72px;background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:.5px solid var(--border-light);display:flex;align-items:flex-start;padding-top:0;z-index:20}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;border:none;background:transparent;position:relative;transition:all .15s;padding:10px 4px 4px;min-height:56px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-item.active .nav-icon{color:#9945ff;text-shadow:0 0 12px rgba(153,69,255,.5)}.nav-item.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1.5px;background:var(--dark);border-radius:0 0 2px 2px}.nav-icon{font-size:18px;color:var(--muted);transition:color .2s}.nav-label{font-family:var(--font-ar);font-size:9px;color:var(--muted);transition:color .2s}.nav-item.active .nav-label{color:#9945ff;font-weight:600}.nav-item:hover .nav-icon,.nav-item:hover .nav-label{color:var(--dark)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:80;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-sheet{background:var(--white);border-radius:20px 20px 0 0;width:100%;padding:20px;max-height:70%;overflow-y:auto;direction:rtl;transform:translateY(100%);transition:transform .3s cubic-bezier(.77,0,.175,1)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.modal-handle{width:32px;height:3px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-title{font-family:var(--font-ar);font-size:16px;font-weight:700;color:var(--dark);margin-bottom:14px}.token-option{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid var(--border-light);cursor:pointer;transition:all .2s}.token-option:hover{padding-right:6px}.token-option:last-child{border-bottom:none}.tok-logo{width:36px;height:36px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-mono);font-size:10px;font-weight:500}.tok-name{font-family:var(--font-ar);font-size:14px;font-weight:600;color:var(--dark)}.tok-ticker{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.tok-bal{font-family:var(--font-mono);font-size:12px;color:var(--dark);margin-right:auto;direction:ltr}.toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:var(--dark);color:var(--white);padding:12px 20px;border-radius:12px;font-family:var(--font-ar);font-size:13px;opacity:0;transition:all .3s;z-index:200;white-space:nowrap;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}:root{--card: #1e1e1e;--solana-purple: #9945FF;--solana-green: #14F195}html,body,#root{height:100%;height:100dvh;overflow:hidden;-webkit-text-size-adjust:100%}body{-webkit-overflow-scrolling:touch}*{max-width:100%}img,svg{max-width:100%;height:auto}#app{width:100%;max-width:480px;height:100%;height:100dvh;margin:0 auto;background:var(--white);position:relative;overflow:hidden;isolation:isolate}.topbar-price{flex:1;min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;justify-content:center}.topbar-price-sym{font-family:var(--font-mono);font-size:11px;color:var(--muted);flex-shrink:0}.topbar-price-val{font-family:var(--font-mono);font-size:12px;color:var(--dark);white-space:nowrap}.topbar-price-chg{font-family:var(--font-mono);font-size:9px;color:#16a34a;background:#f0fdf4;padding:2px 6px;border-radius:999px;white-space:nowrap;flex-shrink:0}.topbar-price-chg.neg{color:#dc2626;background:#fef2f2}.lang-toggle{font-family:var(--font-mono);font-size:10px;color:var(--muted);border:.5px solid var(--border);border-radius:999px;padding:4px 10px;background:transparent;cursor:pointer;letter-spacing:.04em;transition:all .2s}.lang-toggle:hover{color:var(--dark);border-color:var(--dark)}.demo-banner{flex-shrink:0;text-align:center;font-family:var(--font-mono);font-size:clamp(9px,2.2vw,10px);color:#9945ffcc;background:#9945ff0f;border-bottom:.5px solid rgba(153,69,255,.12);padding:5px 8px;letter-spacing:.04em}.wallet-strip{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:5px 16px;background:#f8f8f8e6;border-bottom:.5px solid rgba(0,0,0,.05)}.cwb-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#9945ff,#7b2fe0);border:none;border-radius:999px;padding:6px 14px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s;white-space:nowrap}.cwb-btn:hover{opacity:.85}.cwb-btn:disabled{opacity:.5;cursor:not-allowed}.cwb-install{background:#0000000f;border:.5px solid var(--border);color:var(--muted);text-decoration:none}.cwb-connected{display:inline-flex;align-items:center;gap:6px;background:#14f19514;border:.5px solid rgba(20,241,149,.25);border-radius:999px;padding:5px 12px;cursor:pointer;transition:background .2s}.cwb-connected:hover{background:#14f19524}.cwb-dot{width:5px;height:5px;border-radius:50%;background:#14f195}.cwb-addr{font-family:var(--font-mono);font-size:9px;color:var(--dark)}.cwb-bal{font-family:var(--font-mono);font-size:9px;color:#16a34a}.dash-card-bottomrow{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;position:relative;z-index:2}.dash-card-addr-label{font-family:var(--font-mono);font-size:7px;letter-spacing:.1em;color:#ffffff38;margin-bottom:2px;text-transform:uppercase}.dash-card-logo{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:#ffffff80}.dash-card-logo span{color:#9945ffd9}.tx-list{padding:0 16px 24px}.tx-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:.5px solid var(--border-light)}.tx-row:last-child{border-bottom:none}.tx-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.tx-icon-receive{background:#f0fdf4;color:#16a34a}.tx-icon-send{background:#fff7ed;color:#ea580c}.tx-icon-swap{background:#f5f3ff;color:#7c3aed}.tx-icon-stake{background:#9945ff14;color:#9945ff}.tx-info{flex:1;min-width:0}.tx-title{font-family:var(--font-ar);font-size:13px;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-date{font-family:var(--font-mono);font-size:9px;color:var(--muted);margin-top:2px}.tx-amount{text-align:left;flex-shrink:0}html[dir=rtl] .tx-amount{text-align:right}.tx-val{font-family:var(--font-mono);font-size:11px;font-weight:500}.tx-val-in{color:#16a34a}.tx-val-out{color:var(--dark)}.tx-usd{font-family:var(--font-mono);font-size:9px;color:var(--muted);margin-top:1px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.send-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;align-items:flex-end;justify-content:center}.send-modal{background:var(--white);border-radius:24px 24px 0 0;padding:24px 20px calc(32px + env(safe-area-inset-bottom));width:100%}.send-modal-title{font-family:var(--font-ar);font-size:18px;font-weight:700;color:var(--dark);margin-bottom:4px}.send-modal-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-bottom:20px}.send-input{width:100%;box-sizing:border-box;border:.5px solid var(--border);border-radius:999px;padding:12px 14px;margin-bottom:10px;font-family:var(--font-mono);font-size:13px;color:var(--dark);background:var(--surface);outline:none}.send-input:focus{border-color:var(--dark)}.send-cancel{width:100%;background:transparent;border:.5px solid var(--border);border-radius:12px;padding:12px;font-family:var(--font-ar);font-size:14px;color:var(--muted);cursor:pointer;margin-top:8px}.send-success{text-align:center;padding:24px 0}.send-success-icon{font-size:36px;color:#16a34a;margin-bottom:12px}.send-success-text{font-family:var(--font-ar);font-size:16px;font-weight:600;color:var(--dark);margin-bottom:6px}.send-success-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.price-chart-wrap{background:var(--white);border-radius:16px;padding:14px;margin:0 0 8px}.price-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.price-chart-sym{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.06em}.price-chart-price{font-family:var(--font-mono);font-size:clamp(18px,5vw,22px);font-weight:500;color:var(--dark);margin-top:2px}.price-chart-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.price-chart-chg{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#16a34a;background:#f0fdf4;padding:2px 8px;border-radius:999px}.price-chart-chg.neg{color:#dc2626;background:#fef2f2}.price-chart-periods{display:flex;gap:4px}.period-btn{font-family:var(--font-mono);font-size:9px;padding:3px 8px;border-radius:999px;border:.5px solid var(--border-light);background:transparent;color:var(--muted);cursor:pointer}.period-btn.active{background:var(--dark);color:var(--white);border-color:var(--dark)}.price-chart-canvas{width:100%;min-height:190px}.processing-row{display:flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-check{font-size:20px}.calc-card{background:var(--white);border-radius:18px;padding:clamp(16px,4vw,22px);margin-bottom:12px}.calc-card.zakat{border-top:2px solid rgba(153,69,255,.2)}.calc-title{font-family:var(--font-ar);font-size:15px;font-weight:700;color:var(--dark);margin-bottom:4px}.calc-sub{font-family:var(--font-mono);font-size:9px;color:var(--muted);letter-spacing:.05em;margin-bottom:16px}.calc-row{margin-bottom:14px}.calc-label{font-family:var(--font-ar);font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.calc-input-wrap{display:flex;align-items:center;gap:8px;border:.5px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--surface)}.calc-input{flex:1;border:none;background:transparent;font-family:var(--font-mono);font-size:14px;color:var(--dark);outline:none;min-width:0}.calc-pills{display:flex;gap:6px;flex-wrap:wrap}.calc-pill{font-family:var(--font-mono);font-size:9px;padding:5px 10px;border-radius:999px;border:.5px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.calc-pill.active{background:var(--dark);color:var(--white);border-color:var(--dark)}.calc-result{background:var(--surface);border-radius:12px;padding:14px;margin-top:4px;display:flex;justify-content:space-between;align-items:center}.calc-result-label{font-family:var(--font-ar);font-size:12px;color:var(--muted)}.calc-result-val{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--dark)}.zakat-info{background:var(--surface);border-radius:12px;padding:14px;margin-top:4px}.zakat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:.5px solid var(--border-light)}.zakat-row:last-child{border-bottom:none}.zakat-row.due{background:#9945ff0a;border-radius:8px;padding:8px;margin-top:4px}.zakat-label{font-family:var(--font-ar);font-size:12px;color:var(--muted)}.zakat-val{font-family:var(--font-mono);font-size:12px;color:var(--dark)}.zakat-val-big{font-family:var(--font-mono);font-size:16px;font-weight:600;color:#9945ff}.zakat-badge{font-family:var(--font-mono);font-size:9px;padding:3px 8px;border-radius:999px}.zakat-badge.above{background:#f0fdf4;color:#16a34a}.zakat-badge.below{background:#fef2f2;color:#dc2626}.price-alert-card{background:linear-gradient(145deg,#1e1e1e,#151515,#1c1c1c);border-radius:18px;padding:clamp(14px,4vw,18px);margin-bottom:14px;box-shadow:0 2px #ffffff14 inset,0 8px 24px #00000026;position:relative;overflow:hidden}.price-alert-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,transparent,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 4px);pointer-events:none}.pa-title{font-family:var(--font-mono);font-size:9px;color:#fff6;letter-spacing:.08em;margin-bottom:8px;position:relative;z-index:1}.pa-label{font-family:var(--font-ar);font-size:13px;color:#ffffffbf;margin-bottom:12px;position:relative;z-index:1}.pa-thresholds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;position:relative;z-index:1}.pa-thresh{background:#ffffff0f;border:.5px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 10px;font-family:var(--font-mono);font-size:9.5px;color:#ffffff80;cursor:pointer;transition:all .15s}.pa-thresh.active{background:#9945ff26;border-color:#9945ff66;color:#9945ff}.pa-btn{width:100%;background:linear-gradient(135deg,#9945ff,#7b2fe0);border:none;border-radius:999px;padding:12px;font-family:var(--font-ar);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .2s;position:relative;z-index:1}.pa-btn:hover{opacity:.88}.pa-active{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:#14f195;flex-wrap:wrap;position:relative;z-index:1}.pa-dot{width:6px;height:6px;border-radius:50%;background:#14f195;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.pa-deny{font-family:var(--font-mono);font-size:10px;color:#ff6464b3;position:relative;z-index:1}.pa-demo-btn{background:#ffffff0f;border:.5px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 10px;font-family:var(--font-mono);font-size:9px;color:#ffffff80;cursor:pointer}.builders-section{padding:16px 16px 0}.builders-title{padding:0 0 12px!important}.builders-list{display:flex;flex-direction:column;gap:10px}.builder-card{background:var(--white);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.builder-avatar{width:40px;height:40px;border-radius:12px;background:var(--dark);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-ar);font-size:13px;font-weight:600;flex-shrink:0}.builder-info{flex:1;min-width:0}.builder-name{font-family:var(--font-ar);font-size:14px;font-weight:600;color:var(--dark);margin-bottom:2px}.builder-project{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-location{font-family:var(--font-mono);font-size:8.5px;color:var(--border)}.onramp-screen,.settings-screen,.lesson-detail{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:30;overflow-y:auto;-webkit-overflow-scrolling:touch}.onramp-content{padding:0 16px calc(40px + env(safe-area-inset-bottom))}.onramp-title{font-family:var(--font-ar);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:4px}.onramp-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.05em;margin-bottom:20px}.onramp-amount-box{background:var(--surface);border-radius:16px;padding:16px;margin-bottom:12px}.onramp-amount-label{font-family:var(--font-ar);font-size:11px;color:var(--muted);margin-bottom:8px}.onramp-amount-row{display:flex;align-items:center;gap:8px}.onramp-currency{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--muted)}.onramp-input{flex:1;border:none;background:transparent;font-family:var(--font-mono);font-size:28px;font-weight:300;color:var(--dark);outline:none;min-width:0}.onramp-amount-ar{font-family:var(--font-ar);font-size:12px;color:var(--muted);margin-top:4px}.onramp-conversion{background:var(--surface);border-radius:12px;padding:12px;margin-bottom:12px}.onramp-conv-row{display:flex;justify-content:space-between;padding:4px 0}.onramp-conv-label{font-family:var(--font-ar);font-size:12px;color:var(--muted)}.onramp-conv-val{font-family:var(--font-mono);font-size:12px;color:var(--dark)}.onramp-quick{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.onramp-quick-btn{flex:1;min-width:calc(25% - 6px);padding:8px 4px;background:var(--surface);border:.5px solid var(--border-light);border-radius:999px;font-family:var(--font-mono);font-size:10px;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}.onramp-quick-btn.active{background:var(--dark);color:var(--white);border-color:var(--dark)}.onramp-methods-title{font-family:var(--font-ar);font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px}.onramp-method{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border-radius:14px;margin-bottom:8px;border:.5px solid transparent;cursor:pointer;transition:all .15s}.onramp-method.active{border-color:var(--dark);background:var(--white)}.onramp-method-icon{color:var(--muted);flex-shrink:0}.onramp-method-info{flex:1;min-width:0}.onramp-method-name{font-family:var(--font-ar);font-size:13px;color:var(--dark);margin-bottom:2px}.onramp-method-en{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.onramp-method-meta{text-align:left;flex-shrink:0}html[dir=rtl] .onramp-method-meta{text-align:right}.onramp-method-time{font-family:var(--font-mono);font-size:9px;color:var(--dark)}.onramp-method-fee{font-family:var(--font-mono);font-size:8px;color:var(--muted);margin-top:1px}.onramp-radio{width:16px;height:16px;border-radius:50%;border:.5px solid var(--border);flex-shrink:0;transition:all .15s}.onramp-radio.checked{background:var(--dark);border-color:var(--dark)}.onramp-note{display:flex;align-items:flex-start;gap:8px;background:#9945ff0d;border-radius:10px;padding:10px;margin:12px 0;color:var(--muted)}.onramp-note-icon{flex-shrink:0;margin-top:1px}.onramp-note-text{font-family:var(--font-ar);font-size:11px;line-height:1.5}.settings-content{padding:16px 16px calc(40px + env(safe-area-inset-bottom))}.settings-title{font-family:var(--font-ar);font-size:22px;font-weight:700;color:var(--dark);margin-bottom:4px}.settings-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.05em;margin-bottom:24px}.settings-profile{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border-radius:14px;margin-bottom:24px}.settings-avatar{width:48px;height:48px;border-radius:14px;background:var(--dark);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;flex-shrink:0}.settings-name{font-family:var(--font-ar);font-size:15px;font-weight:600;color:var(--dark);margin-bottom:2px}.settings-email{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.settings-section-title{font-family:var(--font-ar);font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;margin:20px 0 10px}.settings-address-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border-radius:14px;cursor:pointer}.settings-address-icon{font-size:20px;color:var(--muted);flex-shrink:0}.settings-address-info{flex:1;min-width:0}.settings-address-net{font-family:var(--font-mono);font-size:9px;color:var(--muted);letter-spacing:.06em;margin-bottom:2px}.settings-address-val{font-family:var(--font-mono);font-size:11px;color:var(--dark)}.settings-copy-btn{font-family:var(--font-mono);font-size:9px;color:var(--muted);border:.5px solid var(--border);border-radius:999px;padding:4px 8px;flex-shrink:0}.settings-kyc{background:var(--surface);border-radius:14px;overflow:hidden}.settings-kyc-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:.5px solid var(--border-light)}.settings-kyc-row:last-child{border-bottom:none}.settings-kyc-label{font-family:var(--font-ar);font-size:13px;color:var(--dark)}.settings-kyc-badge{font-family:var(--font-mono);font-size:9px;padding:3px 8px;border-radius:999px}.settings-kyc-badge.verified{background:#f0fdf4;color:#16a34a}.settings-kyc-badge.level{background:#9945ff14;color:#9945ff}.settings-lang-row{display:flex;gap:8px}.settings-lang-btn{flex:1;padding:11px;border:.5px solid var(--border);border-radius:999px;background:transparent;font-family:var(--font-ar);font-size:14px;color:var(--muted);cursor:pointer;transition:all .15s}.settings-lang-btn.active{background:var(--dark);color:var(--white);border-color:var(--dark)}.settings-notif-list{background:var(--surface);border-radius:14px;overflow:hidden}.settings-notif-row{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:.5px solid var(--border-light)}.settings-notif-row:last-child{border-bottom:none}.settings-notif-label{font-family:var(--font-ar);font-size:13px;color:var(--dark)}.settings-toggle{width:40px;height:24px;border-radius:999px;background:var(--border);border:none;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;padding:0}.settings-toggle.on{background:var(--dark)}.settings-toggle-knob{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.settings-toggle.on .settings-toggle-knob{transform:translate(16px)}.settings-footer{text-align:center;padding:32px 0 16px}.settings-footer-logo{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--dark);letter-spacing:.1em;margin-bottom:4px}.settings-footer-logo span{color:var(--accent)}.settings-footer-ver{font-family:var(--font-mono);font-size:9px;color:var(--muted);margin-bottom:20px}.settings-logout{background:transparent;border:.5px solid var(--border);border-radius:999px;padding:12px 24px;font-family:var(--font-ar);font-size:14px;color:#dc2626;cursor:pointer;transition:all .15s}.settings-logout:hover{background:#fef2f2;border-color:#dc2626}.btn-quiz{width:100%;padding:15px;background:var(--dark);color:var(--white);border:none;border-radius:999px;font-family:var(--font-ar);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.quiz-section{background:var(--surface);border-radius:16px;padding:16px;margin-top:8px}.quiz-title{font-family:var(--font-ar);font-size:15px;font-weight:700;color:var(--dark);margin-bottom:16px}.quiz-question{margin-bottom:20px}.quiz-q{font-family:var(--font-ar);font-size:14px;color:var(--dark);line-height:1.5;margin-bottom:10px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-opt{width:100%;padding:11px 14px;background:var(--white);border:.5px solid var(--border);border-radius:999px;font-family:var(--font-ar);font-size:13px;color:var(--dark);text-align:right;cursor:pointer;transition:all .15s}html[dir=ltr] .quiz-opt{text-align:left}.quiz-opt.selected{border-color:var(--dark);background:var(--surface)}.quiz-opt.correct{border-color:#16a34a;background:#f0fdf4;color:#16a34a}.quiz-opt.wrong{border-color:#dc2626;background:#fef2f2;color:#dc2626}.quiz-opt.correct-hint{border-color:#16a34a;background:#f0fdf4;opacity:.7}.quiz-result{text-align:center;padding:16px;font-family:var(--font-ar);font-size:14px;color:var(--dark);background:var(--surface);border-radius:12px;margin-top:12px}.token-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;display:flex;align-items:flex-end}.token-modal{background:var(--white);border-radius:24px 24px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));width:100%;max-height:70dvh;overflow-y:auto}.token-modal-title{font-family:var(--font-ar);font-size:16px;font-weight:700;color:var(--dark);margin-bottom:16px}.token-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid var(--border-light);cursor:pointer;transition:opacity .15s}.token-row:last-child{border-bottom:none}.token-row:hover{opacity:.7}.token-row-logo{width:36px;height:36px;border-radius:10px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;font-weight:600;flex-shrink:0}.token-row-name{font-family:var(--font-ar);font-size:14px;color:var(--dark);flex:1}.token-row-bal{font-family:var(--font-mono);font-size:11px;color:var(--muted)}@media(max-width:375px){.topbar{padding-left:12px;padding-right:12px}.home-card-wrap{padding:12px 12px 8px}.quick-actions{padding:0 12px 12px;gap:5px}.holdings,.tx-list,.section-title,.earn-wrap,.swap-wrap{padding-left:12px;padding-right:12px}.lesson-cards{padding-left:10px;padding-right:10px}.comm-hero{padding:18px 12px 16px}.news-list{padding:8px 12px}.superteam-card{margin-left:12px;margin-right:12px}.builders-section{padding-left:12px;padding-right:12px}.cwb-bal,.topbar-price-chg{display:none}}@media(max-width:320px){.topbar-price{display:none}.dash-card-balance{font-size:20px}.earn-apy-num{font-size:22px}.comm-stat-num{font-size:14px}}@media(min-width:481px){body{background:#dcdcda}#app{border-radius:42px;box-shadow:0 32px 80px #0003,0 0 0 .5px #00000012;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:min(90dvh,900px);max-height:900px}.topbar{padding-top:max(36px,1.5rem);border-radius:42px 42px 0 0}.bottom-nav{border-radius:0 0 42px 42px;height:66px;padding-bottom:0}.tab-content{padding-bottom:66px}.toast{bottom:80px}}@media(min-width:768px){body{background:#c8c8c6}#app{border-radius:50px;box-shadow:0 50px 120px #00000040,0 0 0 .5px #00000014,0 0 0 8px #ffffff14;height:min(88dvh,860px);max-height:860px}.topbar{border-radius:50px 50px 0 0}.bottom-nav{border-radius:0 0 50px 50px}}@media(orientation:landscape)and (max-height:500px){#app{max-width:100%;height:100dvh;border-radius:0;position:relative;top:auto;left:auto;transform:none}.topbar{border-radius:0;padding-top:max(16px,env(safe-area-inset-top));min-height:48px}.bottom-nav{border-radius:0;height:calc(56px + env(safe-area-inset-bottom))}.tab-content{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.ob-slide{padding-top:36px;padding-bottom:70px}.ob-dots{bottom:60px}.ob-cta,.ob-next{bottom:max(12px,env(safe-area-inset-bottom))}.toast{bottom:calc(64px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ob-top-right{position:absolute;top:max(48px,calc(40px + env(safe-area-inset-top)));left:20px;display:flex;gap:8px;z-index:10}html[dir=ltr] .ob-top-right{left:auto;right:20px}.ob-lang{position:static}.settings-profile-info{flex:1;min-width:0}.splash{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;background:linear-gradient(170deg,#1c1c1c,#0f0f0f 45%,#141414 75%,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;will-change:opacity,transform;transition:opacity .45s cubic-bezier(.4,0,1,1),transform .45s cubic-bezier(.4,0,1,1)}.splash-out{opacity:0;transform:scale(1.06);pointer-events:none}.splash-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(92deg,transparent,transparent 1px,rgba(255,255,255,.007) 1px,rgba(255,255,255,.007) 2px)}.splash-holo-top{position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,transparent 0%,#9945FF 20%,#14F195 50%,#9945FF 80%,transparent 100%);opacity:.85}.splash-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(153,69,255,.12) 0%,transparent 70%);pointer-events:none;animation:splashGlowPulse 2.5s ease-in-out infinite}@keyframes splashGlowPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.splash-body{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 32px;gap:0}.splash-logo-area{margin-bottom:20px}.splash-logo{width:clamp(160px,55vw,220px);height:auto;display:block;opacity:0;transform:scale(.82) translateY(20px);transition:opacity .65s cubic-bezier(.34,1.4,.64,1),transform .65s cubic-bezier(.34,1.4,.64,1)}.splash-logo-up{opacity:1;transform:scale(1) translateY(0)}.splash-tagline{font-family:var(--font-ar);font-size:13px;color:#fff0;letter-spacing:.02em;margin-bottom:44px;text-align:center;transition:color .5s ease .3s}.splash-tagline-in{color:#ffffff4d}html[dir=ltr] .splash-tagline{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.splash-progress-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transform:translateY(8px);transition:opacity .4s ease .25s,transform .4s ease .25s}.splash-progress-in{opacity:1;transform:translateY(0)}.splash-progress-track{width:180px;height:2px;background:#ffffff12;border-radius:999px;overflow:hidden;position:relative}.splash-progress-fill{height:100%;background:linear-gradient(90deg,#9945ff,#14f195);border-radius:999px;transition:width .7s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.splash-progress-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:splashBarShimmer 1.5s ease infinite}@keyframes splashBarShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.splash-step-text{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.07em;color:#ffffff47;text-align:center;min-height:14px;transition:opacity .3s ease}.splash-footer{position:absolute;bottom:32px;display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;color:#ffffff2e}.splash-footer-dot{width:4px;height:4px;border-radius:50%;background:#9945ff;opacity:.65;animation:splashDotPulse 2s ease-in-out infinite}.splash-footer-dot-green{background:#14f195;animation-delay:1s}@keyframes splashDotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@media(orientation:landscape)and (max-height:500px){.splash-logo{width:130px}.splash-footer{bottom:16px}}.btn-primary,.btn-swap,.btn-earn,.btn-st,.btn-ghost,.btn-quiz,.pa-btn,.slip-opt,.slip-opt.active,.onramp-quick-btn,.onramp-quick-btn.active,.settings-lang-btn,.settings-lang-btn.active,.settings-logout,.calc-pill,.calc-pill.active,.period-btn,.period-btn.active,.pa-thresh,.pa-thresh.active,.pa-demo-btn,.cwb-btn,.cwb-install,.lang-toggle,.ob-skip,.settings-copy-btn,.send-cancel,.quiz-opt{border-radius:999px!important}