@import url('./responsive.css');
@import url('./services.css');
:root{font-family:'Segoe UI',Arial,sans-serif;color:#f4f7f3;background:#090f0c;font-synthesis:none;--mint:#c4f477;--muted:#829087;--panel:#19251e;--line:#2a352d}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}input:focus{outline:2px solid var(--mint);outline-offset:1px}button:hover{filter:brightness(1.08)}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.phone-shell{width:100%;max-width:440px;min-height:100dvh;background:#101915;position:relative;margin:0 auto;box-shadow:0 0 80px #0004}.desktop-note{display:none}.brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-1px;font-weight:500}.brand b{font-weight:750}.brand sup{font-size:9px;vertical-align:top;padding-left:3px}.app-header,.auth header{display:flex;justify-content:space-between;align-items:center;padding:26px 24px 20px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.notification-dot{position:absolute;width:5px;height:5px;background:var(--mint);border-radius:50%;top:9px;right:11px}.app-content{padding:3px 24px 108px}.greeting{display:flex;align-items:center;justify-content:space-between;margin:6px 0 24px}.greeting p{font-size:12px;color:var(--muted);margin:0 0 7px}.greeting h1{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:650}.greeting h1 span{font-size:21px}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#dce6cd;color:#243322;font-size:19px;font-weight:700;border:4px solid #283c2d}.balance-card{background:var(--mint);color:#1b2d16;border-radius:22px;padding:23px;position:relative;overflow:hidden}.balance-top,.balance-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.balance-top{font-size:12px;font-weight:600}.balance-logo{font-size:10px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;gap:3px}.balance-logo .icon{width:17px}.balance-value{display:flex;align-items:center;gap:12px;position:relative;z-index:1;margin:14px 0 22px}.balance-value h2{font-size:35px;letter-spacing:-1.4px;font-weight:700;margin:0}.eye-toggle{padding:5px;display:grid;place-items:center;color:inherit}.eye-toggle .icon{width:18px}.balance-bottom{font-size:11px}.balance-bottom>span{display:flex;align-items:center;gap:6px}.balance-bottom i{width:6px;height:6px;background:#3d742e;border-radius:50%}.balance-bottom button{display:flex;align-items:center;gap:5px;background:#20351b;color:#eaffd7;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:650}.balance-bottom .icon{width:16px;height:16px}.card-orbit{width:220px;height:220px;border:1px solid #95c55e;border-radius:50%;position:absolute;right:-100px;top:38px;box-shadow:0 0 0 23px #a9d76a60,0 0 0 47px #a9d76a40}.points-strip{display:flex;justify-content:space-between;align-items:center;padding:15px 2px;font-size:10px;color:#a9b9a9;border-bottom:1px solid var(--line)}.points-strip>span:first-child{display:flex;align-items:center;gap:7px}.points-strip .icon{color:var(--mint);width:17px;height:17px}.pill{padding:5px 8px;background:#253623;color:var(--mint);border-radius:5px;font-size:8px;letter-spacing:1px;font-weight:700}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:16px;letter-spacing:-.4px;margin:0;font-weight:600}.section-title>span{font-size:11px;color:var(--muted)}.section-title>button{font-size:10px;color:var(--mint);display:flex;gap:5px;align-items:center;padding:0}.section-title .icon{width:13px;height:13px}.services-section{margin:26px 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px}.services-grid>button{display:flex;flex-direction:column;align-items:center;position:relative;gap:9px;padding:0}.service-icon{width:49px;height:49px;display:grid;place-items:center;border:1px solid #ffffff08;border-radius:16px;flex-shrink:0}.service-icon .icon{width:24px;height:24px}.service-icon.mint{background:#273a26;color:#cbef9b}.service-icon.blue{background:#23323e;color:#9fcdec}.service-icon.purple{background:#332c43;color:#c3abea}.service-icon.orange{background:#3d3224;color:#edc197}.service-icon.pink{background:#3e2935;color:#e6abcb}.services-grid b{font-size:11px;font-weight:500}.services-grid em{position:absolute;top:-5px;right:9px;font-style:normal;font-size:6px;letter-spacing:.5px;color:#182814;background:var(--mint);padding:3px 4px;border-radius:4px;font-weight:800}.promo-card{border:1px solid #365337;background:linear-gradient(115deg,#213a25,#152d21);border-radius:19px;padding:21px;position:relative;overflow:hidden;display:flex;min-height:183px}.promo-card>div:first-child{position:relative;z-index:1}.promo-kicker{font-size:7px;letter-spacing:1.6px;font-weight:700;color:#c3e8a7}.promo-card h2{font-size:22px;line-height:1.17;letter-spacing:-.7px;margin:10px 0 8px;font-weight:650}.promo-card p{font-size:10px;color:#a8b9a5;margin:0 0 15px}.promo-card button{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--mint);padding:0;font-weight:600}.promo-card button .icon{width:15px;height:15px}.promo-art{position:absolute;right:-12px;top:24px;width:139px;height:139px;border:1px solid #68954355;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 14px #4f76371c,0 0 0 29px #4f763714}.mini-coin{width:85px;height:100px;border-radius:50%;background:linear-gradient(140deg,#e4ffb7,#95c44b 64%,#426229);border:5px solid #b7de75;box-shadow:9px 9px 0 #406529,14px 16px 20px #06110970,inset 0 0 0 3px #67953c;transform:rotate(22deg);display:grid;place-items:center;color:#34551f}.mini-coin .icon{width:56px;height:56px;fill:#456d2d;stroke-width:1}.promo-art>span{position:absolute;right:10px;top:1px;font-size:30px;color:var(--mint)}.recent{margin-top:27px}.transaction{display:flex;align-items:center;width:100%;padding:14px 0;border-bottom:1px solid #ffffff07;text-align:left;gap:11px}.transaction .service-icon{width:39px;height:39px;border-radius:12px}.transaction .icon{width:19px;height:19px}.transaction-info{display:grid;gap:6px;flex:1}.transaction b{font-size:11px;font-weight:600}.transaction small{font-size:9px;color:var(--muted)}.transaction-amount{display:grid;text-align:right;gap:6px}.transaction-amount small{color:#a5d48c}.trust-line{display:flex;align-items:center;justify-content:center;gap:6px;color:#61776a;font-size:9px;margin-top:27px}.trust-line .icon{width:13px;height:13px}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:440px;z-index:4;background:#131e18f5;border-top:1px solid var(--line);padding:13px 18px max(15px,env(safe-area-inset-bottom));display:flex;backdrop-filter:blur(15px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;color:#788c7f;flex:1;font-size:9px;position:relative}.bottom-nav button.active{color:var(--mint)}.bottom-nav i{width:4px;height:4px;border-radius:50%;background:var(--mint);position:absolute;bottom:-8px}.primary,.secondary{min-height:49px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:700;padding:12px 18px}.primary{background:var(--mint);color:#1b2b14}.primary .icon,.secondary .icon{width:18px;height:18px}.secondary{border:1px solid #344538;background:#1b2920;color:#d6e5ce}.full{width:100%}.auth header{padding:0}.auth{padding:27px 26px 25px}.tiny-tag{border:1px solid #344638;border-radius:5px;padding:6px 7px;font-size:8px;letter-spacing:1px;color:#a7b6a8}.auth-art{height:230px;position:relative;display:grid;place-items:center;margin-top:8px;overflow:hidden}.orbit{position:absolute;border:1px solid #334f3255;width:220px;height:150px;border-radius:50%;transform:rotate(-30deg)}.orbit-two{width:290px;height:200px;transform:rotate(30deg)}.energy-coin{display:grid;place-items:center;width:103px;height:119px;transform:rotate(20deg);border-radius:35px;background:linear-gradient(135deg,#e1ffb0,#b3e66a);color:#243f1f;border:3px solid #d5f5a5;box-shadow:7px 9px 0 #618943,13px 20px 35px #b5f46612}.energy-coin .icon{width:67px;height:67px;fill:#263f1d;stroke-width:1}.float-chip{position:absolute;border:1px solid #344734;background:#1c2b22;border-radius:10px;padding:10px;font-size:10px;display:flex;align-items:center;gap:6px;z-index:1;box-shadow:0 10px 20px #0003}.float-chip .icon{width:16px;height:16px;color:var(--mint)}.chip-one{top:45px;left:15px;transform:rotate(-10deg)}.chip-two{right:2px;bottom:45px;transform:rotate(7deg)}.spark{position:absolute;color:var(--mint)}.spark-one{right:45px;top:34px;font-size:28px}.spark-two{left:52px;bottom:42px;font-size:23px}.art-caption{position:absolute;bottom:3px;font-size:7px;letter-spacing:2px;color:#899e83;display:flex;align-items:center;gap:6px}.art-caption span{width:4px;height:4px;border-radius:50%;background:var(--mint)}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#a4be93;font-weight:600}.auth-heading{margin:25px 0 25px}.auth-heading h1{font-size:35px;line-height:1.12;letter-spacing:-1.4px;font-weight:650;margin:10px 0 13px}.auth-heading h1 span{color:var(--mint)}.auth-heading p{color:#8b9b8f;font-size:11px;line-height:1.8;margin:0}label{display:block;font-size:11px;font-weight:500;margin:0 0 17px}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #304135;background:#17231c;border-radius:11px;margin-top:8px;padding:0 13px}.input-wrap>.icon{width:17px;height:17px;color:#748b78}input{color:#eef7e9;width:100%;min-width:0;background:#17231c;border:1px solid #304135;border-radius:11px;padding:14px;font-size:12px;margin-top:8px}.input-wrap input{border:0;margin:0;background:none;padding:15px 0}.input-wrap:focus-within{outline:1px solid var(--mint)}.input-wrap input:focus{outline:none}input::placeholder{color:#647a69}.input-wrap .eye-toggle{color:#758c77}.form-error{font-size:11px;line-height:1.6;color:#ffad9e;margin:8px 0 15px}.form-error:empty{display:none}.divider{display:flex;align-items:center;gap:12px;font-size:9px;color:#718776;margin:20px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-switch{text-align:center;font-size:11px;color:#889b8c;margin:23px 0}.auth-switch button{color:var(--mint);font-size:11px;padding:0 4px}.auth-footer{border-top:1px solid var(--line);padding-top:18px;font-size:9px;color:#6f8875;display:flex;align-items:center;justify-content:center;gap:6px}.auth-footer .icon{width:14px;height:14px}.empty{text-align:center;padding:28px 10px;color:var(--muted)}.empty>.icon{margin-bottom:12px;width:30px;height:30px;color:#708d6d}.empty b{display:block;color:#a9bcaa;font-size:12px}.empty p{font-size:11px;line-height:1.7}.page-heading{margin:24px 0}.page-heading h1{font-size:29px;letter-spacing:-1px;margin:9px 0}.page-heading p{font-size:12px;color:var(--muted)}.summary-card{background:#243721;border:1px solid #3b5231;padding:23px;border-radius:17px}.summary-card span,.summary-card small{font-size:11px;color:#b0c3a6}.summary-card h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.filter-tabs{display:flex;gap:6px;margin:24px 0 10px}.filter-tabs button{padding:10px 13px;border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--muted)}.filter-tabs .selected{background:var(--mint);color:#21331a;border-color:var(--mint)}.info-card{border:1px solid var(--line);background:#17241c;padding:25px;border-radius:17px;margin:22px 0}.info-card>.icon{color:var(--mint);width:30px;height:30px}.info-card h2{font-size:20px;letter-spacing:-.6px}.info-card h3{font-size:15px}.info-card p{color:#9caf9e;font-size:12px;line-height:1.9}.tall{min-height:230px;align-items:center}.profile-card{text-align:center;border:1px solid var(--line);border-radius:18px;padding:28px 16px;margin-bottom:25px}.large{width:70px;height:70px;font-size:30px;margin:0 auto 15px}.profile-card h2{font-size:21px;margin-bottom:7px}.profile-card p{font-size:12px;color:var(--muted);margin-bottom:20px;overflow-wrap:anywhere}.settings-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);width:100%;padding:20px 3px;text-align:left;font-size:12px}.settings-row>.icon:last-child{margin-left:auto;width:16px}.danger{color:#e5a896}dialog{color:#edf4e9;border:1px solid #3b4d3c;border-radius:25px;background:#142019;padding:28px;max-width:410px;width:calc(100% - 28px);max-height:90dvh;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#030a06b8;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:15px;top:15px;width:32px;height:32px;z-index:1}.modal-close .icon{width:16px;height:16px}.purchase>.service-icon{margin-bottom:18px;width:55px;height:55px}.purchase h2{font-size:28px;margin:7px 0 9px;letter-spacing:-1px}.purchase>p{font-size:11px;color:var(--muted);line-height:1.7}.demo-notice{display:flex;align-items:center;gap:7px;background:#283720;border-radius:9px;color:#b4c99e;padding:10px;font-size:9px;margin:20px 0}.demo-notice .icon{width:15px;height:15px}.amount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 20px}.amount-grid button{border:1px solid #344536;padding:14px 8px;border-radius:10px;font-size:13px;background:#1b2b20}.amount-grid button.selected{border-color:var(--mint);color:var(--mint);background:#293f25}.purchase-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);font-size:11px}.purchase-total strong{font-size:18px;letter-spacing:-.5px}.muted{color:var(--muted);font-size:9px;display:block;margin-bottom:17px}.receipt{text-align:center;padding-top:13px}.success-mark{display:grid;place-items:center;margin:0 auto 23px;width:65px;height:65px;border-radius:50%;background:var(--mint);color:#203516;box-shadow:0 0 0 8px #c4f4770e}.success-mark .icon{width:30px;height:30px}.receipt h2{font-size:27px;letter-spacing:-.8px;margin:10px 0}.receipt>p{font-size:12px;color:var(--muted)}.receipt h1{font-size:34px;letter-spacing:-1px}.receipt dl{margin:20px 0}.receipt dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px}.receipt dt{color:var(--muted)}.receipt dd{margin:0;text-align:right}.token-box{border:1px dashed #637b49;background:#243320;border-radius:12px;padding:16px 8px}.token-box small{font-size:7px;letter-spacing:.7px;color:#a9bc94}.token-box b{display:block;margin:13px 0;font-size:16px;letter-spacing:1px;color:var(--mint)}.text-button{font-size:10px;color:#c7ddaf}.text-button .icon{width:13px;height:13px}.receipt .receipt-id{font-size:8px;margin:20px 0;overflow-wrap:anywhere}#toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,15px);background:#d8f6ba;color:#1d3119;border:1px solid #a8c68b;border-radius:12px;padding:13px 20px;font-size:12px;max-width:90vw;width:max-content;opacity:0;pointer-events:none;z-index:20;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.boot{padding:80px 24px;text-align:center;color:var(--mint)}