:root{--ink: #1b2430;--muted: #8d97a6;--line: #eef1f6;--bg: #f4f7fb;--card: #ffffff;--mint: #2fe0cf;--mint-deep: #14c8b8;--mint-ink: #083b38;--soft: #e7fbf8;--danger: #e25b6a;--good: #12b37a;--shadow: 0 10px 28px rgba(36, 64, 92, .06);--radius: 22px;--font: "Manrope", sans-serif;color:var(--ink);font-family:var(--font);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#e7f7f4}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h2,h3{font-weight:800}.stage{min-height:100dvh;display:flex;justify-content:center}.device{width:min(430px,100%);min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#9ff7ee,#d8fff9 150px,#f4f7fb 280px);position:relative}.topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 6px;position:sticky;top:0;z-index:6;background:linear-gradient(180deg,#9ff7ee 60%,#9ff7ee00)}.topbar.back{background:#f4f7fbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar.back h1{margin:0;flex:1;text-align:center;font-size:17px}.top-icons{display:flex;gap:8px}.round-icon{width:34px;height:34px;border-radius:50%;border:0;background:#e9fffb;color:#12b3a6;display:grid;place-items:center;text-decoration:none;box-shadow:0 4px 12px #12a0961f}.wallet-btn{height:34px;border:0;border-radius:999px;padding:0 14px;background:linear-gradient(180deg,#6a7bff,#4d5ef0);color:#fff;font-weight:800;font-size:13px}.wallet-btn.ghost{background:#fff;color:#243044;box-shadow:var(--shadow)}.wallet-btn.block{width:100%;height:48px;margin-top:12px;background:linear-gradient(180deg,#4cf0df,#1ad4c4);color:#fff;font-size:16px;box-shadow:0 10px 18px #1ad4c447}.wallet-actions{display:flex;gap:8px;flex:1 0 100%}.brand,.chip,.icon-btn{border:0;background:transparent}.icon-btn{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}.icon-btn.ghost{visibility:hidden}.icon{width:22px;height:22px;display:block}.content{padding:4px 14px 24px;flex:1}.content.with-tabs{padding-bottom:96px}.tabbar{position:sticky;bottom:10px;margin:auto 14px 10px;height:68px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:28px;box-shadow:0 10px 30px #1c30481a;z-index:7}.tab{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#b0b8c4;font-size:11px;font-weight:700;text-align:center;line-height:1.1}.tab.active{color:#13c4b4}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;align-items:center;padding:6px 4px 0}.hero h2{margin:0;font-size:18px;color:#0b3f3c}.hero .pair{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.hero b{display:block;font-size:22px;line-height:1.1;color:#12202b}.hero span{color:#5f7d86;font-size:12px;font-weight:600}.coins{height:112px;border-radius:24px;background:radial-gradient(circle at 70% 40%,#fff 0 18px,transparent 19px),radial-gradient(circle at 42% 62%,#ffe08a 0 22px,transparent 23px),radial-gradient(circle at 58% 28%,#7d8cff 0 14px,transparent 15px),linear-gradient(160deg,#ffffff8c,#fff0)}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-top:12px}.card h2,.card h3{margin:0 0 8px}.muted{color:var(--muted);line-height:1.45}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.head-row{align-items:flex-start}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#f7f9fc;border-radius:16px;padding:12px;text-align:center}.stat b{display:block;font-size:18px;margin-top:4px}.stat span,.label{color:var(--muted);font-size:12px;font-weight:600}.section-title{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 8px}.section-title h3{margin:0;font-size:16px}.scroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.plan-tile,.plan{background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.plan-tile{min-width:148px}.plan{margin-top:12px}.plan header,.plan-tile header{display:flex;justify-content:space-between;gap:8px}.tag{background:#edfbf8;color:#12b3a6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.tag.warn{background:#fff1e8;color:#c2410c}.figure{font-size:26px;font-weight:800;margin:8px 0 0}.meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:13px}.rate{color:#12b37a;font-weight:800;font-size:13px}.calc-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.calc-row b{font-weight:800}.stats-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stats-board article{background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.stats-board b{display:block;margin-top:4px;font-size:18px}.stats-board span{color:var(--muted);font-size:12px;font-weight:700}.invite-banner{margin-top:12px;border-radius:20px;padding:16px;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;background:radial-gradient(circle at 85% 70%,#ffe7a3 0 28px,transparent 29px),linear-gradient(100deg,#3ee0d0,#7af6ea)}.invite-banner strong{display:block;font-size:16px;max-width:210px}.invite-banner span{display:block;margin-top:4px;font-size:12px;max-width:210px;word-break:break-all}.topbar.back .wallet-actions{flex:none}.topbar.back .wallet-btn{height:32px;padding:0 10px;font-size:12px}.invite-banner .btn{background:#fff;color:#12b3a6;height:36px}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.steps-row i{width:42px;height:42px;margin:0 auto 6px;border-radius:14px;display:grid;place-items:center;background:#e9fbf8;color:#12b3a6;font-style:normal;font-weight:800}.steps-row span{display:block;font-size:11px;font-weight:700;color:#5d6b7a}.benefit{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.benefit:first-of-type{border-top:0}.faq details{border-top:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:800}.foot-links{display:flex;justify-content:center;gap:18px;margin:16px 0 8px;font-size:13px;font-weight:700;color:#7d8b9a}.me-head{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 0}.who{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:0}.avatar{width:48px;height:48px;border-radius:50%;background:#fff;color:#13c4b4;display:grid;place-items:center;box-shadow:var(--shadow)}.who h2{margin:0;font-size:20px}.recharge{height:34px;border:0;border-radius:999px;padding:0 16px;background:#fff;color:#13c4b4;font-weight:800;box-shadow:var(--shadow)}.balance-card{display:grid;grid-template-columns:1fr 1fr;text-align:center}.balance-card b{display:block;font-size:22px}.balance-card span{color:var(--muted);font-size:12px;font-weight:700}.mini-stat{background:#fff;border-radius:18px;padding:14px 8px;text-align:center;box-shadow:var(--shadow)}.mini-stat b{display:block;margin-top:6px}.mini-stat span{color:var(--muted);font-size:11px;font-weight:700}.glyph{color:#13c4b4;font-weight:800}.withdraw-box{margin-top:12px;background:#fff;border-radius:18px;padding:8px 8px 8px 14px;display:flex;align-items:center;box-shadow:var(--shadow)}.withdraw-box input{flex:1;border:0;background:transparent;height:44px;outline:none}.all{border:0;background:transparent;color:#8d97a6;font-weight:800;padding:0 8px}.actions{display:flex;gap:8px;margin-top:12px}.btn{border:0;border-radius:999px;height:46px;padding:0 16px;font-weight:800;background:#e7fbf8;color:#12b3a6}.btn.primary{background:linear-gradient(180deg,#4cf0df,#1ad4c4);color:#fff;flex:1;box-shadow:0 8px 16px #1ad4c440}.btn.full{width:100%}.btn.google{width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.btn.dark{background:#1b2430;color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.linkish{border:0;background:transparent;color:#13c4b4;font-weight:800;padding:0}.tutorials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tutorials a,.tutorials article{background:#fff;border-radius:18px;min-height:112px;padding:14px;text-decoration:none;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;font-weight:800}.tutorials small{color:var(--muted);font-weight:700}.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}.partners div{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.partners i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--soft);color:#12b3a6;font-style:normal;font-size:11px}.checkin{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.checkin .box{width:36px;height:36px;border-radius:10px;background:#e7fbf8;color:#12b3a6;display:grid;place-items:center;font-weight:800}.task{background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow);margin-top:10px}.task .pay{color:#12b37a;font-weight:800;white-space:nowrap}.task .bar{margin-top:10px}.field{display:grid;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700}.field input,.field select,.bare{height:48px;border-radius:14px;border:0;padding:0 12px;background:#f4f7fb;font-weight:600;width:100%}.help{color:var(--danger);font-size:13px;min-height:18px}.or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:14px 0}.or:before,.or:after{content:"";height:1px;background:#e4e9f0}.list{display:grid;gap:10px}.list article,.history-item{background:#fff;border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}.history-item{margin-top:10px}.pos{color:var(--good);font-weight:800}.neg{color:var(--danger);font-weight:800}.pending{color:#b86e00;font-weight:800}.bar{height:8px;background:#e7f3f1;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#14b8aa,#8cf3ea)}.level-row{display:grid;grid-template-columns:1.2fr .8fr .6fr;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.level-row.mine{color:#12b3a6;font-weight:800}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);width:min(390px,calc(100% - 32px));background:#1b2430;color:#fff;border-radius:14px;padding:12px 14px;z-index:20}.loader{display:grid;justify-items:center;gap:8px;padding:40px 0;color:var(--muted)}.pulse{width:18px;height:18px;border-radius:50%;background:var(--mint);animation:ping 1.4s infinite}@keyframes ping{70%{box-shadow:0 0 0 8px #2fe0cf00}to{box-shadow:0 0 #2fe0cf00}}.empty{text-align:center;padding:18px 8px}.auth-hero h2{font-size:28px;margin:8px 0}.fine{font-size:12px;color:var(--muted);line-height:1.5}.address{background:var(--soft);border-radius:12px;padding:10px;word-break:break-all;font-size:13px}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#101c2873;display:grid;place-items:end center;padding:16px}.sheet{width:min(400px,100%);background:#fff;border-radius:24px;padding:16px;box-shadow:0 20px 50px #101c2833}.wallet-choice{width:100%;border:0;background:#f4f7fb;border-radius:16px;min-height:56px;padding:8px 12px;display:flex;align-items:center;gap:10px;text-decoration:none;text-align:left;font-weight:800}.wallet-choice strong{flex:1}.wallet-choice span{color:#12b3a6;font-size:13px}.wallet-choice img{width:28px;height:28px;border-radius:8px}.lang-back{place-items:center}.lang-sheet{position:relative;width:min(430px,100%);max-height:min(78vh,640px);overflow:auto;padding:42px 14px 16px}.lang-x{position:absolute;top:10px;inset-inline-end:10px;width:28px;height:28px;border:0;border-radius:50%;background:#eef2f6;color:#5c6b7a;font-size:18px;line-height:1;cursor:pointer}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lang-chip{border:0;background:#fff;box-shadow:0 0 0 1px #e7edf4;border-radius:14px;min-height:46px;padding:8px 10px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:4px;cursor:pointer;text-align:start;color:#1b2430}.lang-chip span{font-size:13px;line-height:1.2}.lang-chip i{font-style:normal;font-size:14px}.lang-chip.on{background:#2fe0cf;box-shadow:none;color:#08332e}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.links a{text-decoration:none;background:#fff;border-radius:16px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;box-shadow:var(--shadow)}.mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:#12b3a6;font-weight:800}