:root{--ink:#0b2038;--muted:#72829a;--lime:#b6ed49;--lime-dark:#76a714;--cream:#f7f8f2;--line:#e5e9e2;--card:#fff;--sky:#eff7e9;--danger:#d85151}*{box-sizing:border-box}body{margin:0;background:#dce4d9;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{width:100%;max-width:430px;min-height:100vh;margin:auto;background:var(--cream);position:relative;overflow:hidden}.screen{display:none;min-height:100vh;padding:28px 24px 110px;flex-direction:column;position:relative}.screen.active{display:flex}.top-space{height:42px}.hero{margin-top:24px}.logo{width:42px;height:42px;border-radius:14px;background:var(--lime);display:grid;place-items:center;color:var(--ink);font-weight:900;letter-spacing:-1.5px;position:relative;overflow:hidden;flex:none}.logo.large{width:78px;height:78px;border-radius:25px;font-size:25px}.logo i{position:absolute;width:110%;height:10px;background:#fff;transform:rotate(-33deg);opacity:.85;bottom:8px;right:-12px}.logo span{position:relative;z-index:1}.eyebrow{font-weight:800;letter-spacing:1.65px;font-size:11px;color:var(--lime-dark);margin:24px 0 8px}.hero h1,h2,h3,p{margin-top:0}.hero h1{font-size:46px;line-height:.98;letter-spacing:-2.5px;margin-bottom:20px}.lead,.screen-copy p,.payout-head p{line-height:1.55;color:var(--muted);font-size:16px}.trust-card{background:#e8f2dc;padding:16px;border-radius:18px;display:flex;gap:12px;margin:36px 0 18px;font-size:13px;line-height:1.4}.shield,.success-mark{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:28px;height:28px;border-radius:50%;font-weight:900;flex:none}.button{border:0;min-height:56px;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer}.button.primary{background:var(--ink);color:white;box-shadow:0 10px 20px #0b203828}.button.primary span{margin-left:10px;color:var(--lime)}.button.full{width:100%}.button.outline{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}.text-button,.text-link{border:0;background:none;color:var(--ink);font-weight:700;cursor:pointer}.text-button{margin-top:17px}.back{border:0;background:none;font-size:48px;line-height:30px;color:var(--ink);padding:0;cursor:pointer}.stepper{display:flex;gap:7px;justify-content:center;margin:14px 0 45px}.stepper span{width:32px;height:5px;border-radius:5px;background:#dbe2d5}.stepper span.on{background:var(--lime-dark)}.screen-copy h2{font-size:35px;letter-spacing:-1.8px;line-height:1.05;margin:0 0 16px}.screen-copy.centered{text-align:center}.mini-illustration{margin:20px auto 35px;height:136px;width:136px;border-radius:42px;background:#e5f0d9;display:grid;place-items:center;position:relative}.mini-illustration b{font-size:38px;color:var(--lime-dark)}.mini-illustration span{position:absolute;top:20px;left:24px;font-size:18px}.spacer{flex:1}.checklist{margin-top:28px;border-top:1px solid var(--line)}.checklist div{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.check{border:1.5px solid #aeb8a7;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;color:white;background:var(--lime-dark)}.check.empty{background:transparent}.checklist strong,.checklist small,.method strong,.method small,.settings strong,.settings small{display:block}.checklist small,.method small,.settings small{color:var(--muted);font-size:12px;margin-top:3px}.notice{background:#fff4db;color:#7a6023;border-radius:14px;font-size:12px;line-height:1.45;padding:13px;margin:20px 0}.app-header{height:64px;display:flex;gap:11px;align-items:center;margin-bottom:22px}.app-header strong{font-size:15px;letter-spacing:.2px}.app-header small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.avatar{margin-left:auto;border:0;width:39px;height:39px;border-radius:50%;background:#dceac8;color:var(--ink);font-weight:900}.home-content h2{font-size:37px;line-height:1.02;letter-spacing:-2px;margin-bottom:22px}.home-content h2 em{font-style:normal;color:var(--lime-dark)}.balance-card{border-radius:23px;background:var(--ink);color:white;padding:20px;margin-bottom:15px}.balance-heading{display:flex;justify-content:space-between;color:#afbdcb;font-size:12px}.eye{border:0;background:none;color:#d5e0e9}.money{display:block;font-size:36px;letter-spacing:-1.8px;margin:11px 0 20px}.balance-breakdown{display:flex;gap:28px;border-top:1px solid #33485b;padding-top:16px}.balance-breakdown small{display:block;color:#a7b3c1;font-size:11px;margin-bottom:4px}.balance-breakdown b{font-size:14px}.next-card{background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:15px;border-radius:18px;gap:12px}.icon-round{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e5f0d9;color:var(--lime-dark);font-weight:900}.next-card small,.circle-card small{font-size:10px;color:var(--lime-dark);letter-spacing:1px;font-weight:800}.next-card strong{font-size:14px;display:block;margin:3px 0}.next-card p,.circle-card p{color:var(--muted);font-size:12px;margin:0}.chevron{border:0;background:none;margin-left:auto;font-size:28px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 12px}.section-title .eyebrow{margin:0 0 5px}.section-title h3{margin:0;font-size:20px;letter-spacing:-.6px}.section-title button{border:0;background:none;color:var(--lime-dark);font-weight:800}.circle-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;cursor:pointer}.circle-top{display:flex;justify-content:space-between}.people{letter-spacing:-4px;color:var(--lime-dark);font-weight:900}.status,.verified{font-size:10px;color:#4b7f14;background:#e6f4d6;padding:6px 8px;border-radius:20px;font-weight:800;letter-spacing:.5px}.circle-card h3{font-size:16px;margin:18px 0 4px}.progress,.big-progress{height:7px;background:#e6ece3;border-radius:9px;margin:17px 0 8px;overflow:hidden}.progress i,.big-progress i{height:100%;display:block;background:var(--lime-dark);border-radius:inherit}nav{position:absolute;left:0;right:0;bottom:0;height:86px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 8px calc(8px + env(safe-area-inset-bottom))}nav button{border:0;background:none;color:#8190a1;font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:4px;align-items:center;min-width:51px}nav button span{font-size:20px}nav .selected{color:var(--lime-dark)}nav .deposit{margin-top:-35px}nav .deposit span{background:var(--lime);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:35px;font-weight:400;box-shadow:0 8px 17px #91bb4244}.inner-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:25px}.inner-header h3{text-align:center;margin:0;font-size:16px}.inner-header .back{font-size:42px}.more{border:0;background:none;font-weight:900;font-size:15px}.page-content h2{font-size:31px;line-height:1.08;letter-spacing:-1.5px}.circle-hero{text-align:center;padding:13px 0 25px}.circle-symbol{display:grid;place-items:center;margin:auto;width:65px;height:65px;border-radius:50%;background:var(--lime);font-size:19px;font-weight:900}.circle-hero .eyebrow{margin-top:14px}.circle-hero h2{margin:0 0 7px}.circle-hero p:last-child{color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 8px;text-align:center;gap:4px}.metrics small{font-size:9px;letter-spacing:.6px;color:var(--muted);font-weight:800}.metrics b{display:block;font-size:13px;margin-top:5px}.timeline-card,.payout-preview{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:14px}.timeline-card p{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:0}.big-progress{height:10px}.payout-preview .eyebrow{margin:0 0 7px}.payout-preview h3{font-size:16px;margin:0 0 15px}.payout-preview div,.breakdown div,.fee-panel div{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.payout-preview div span,.breakdown div span,.fee-panel div span{color:var(--muted)}.green{color:#4f8e12!important}.members{margin-top:23px}.faces{display:flex;margin-top:10px}.faces span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dceac8;border:2px solid var(--cream);margin-left:-7px;font-size:12px;font-weight:900}.faces span:first-child{margin-left:0}.amount-box{background:#fff;border:1.5px solid var(--ink);border-radius:18px;margin:28px 0 12px;padding:18px;display:flex;justify-content:center;align-items:baseline;gap:5px}.amount-box span{font-size:25px;color:var(--lime-dark)}.amount-box strong{font-size:39px;letter-spacing:-2px}.quick-amounts{display:flex;gap:9px}.quick-amounts button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 13px;color:var(--ink);font-weight:700}.section-gap{margin-top:30px}.method{width:100%;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;gap:12px;text-align:left;align-items:center;margin:10px 0}.method.selected{border-color:var(--lime-dark);box-shadow:0 0 0 1px var(--lime-dark)}.method b{margin-left:auto;color:var(--lime-dark)}.bank-icon{font-size:22px}.fee-panel{border-radius:16px;background:#eaf2e1;padding:13px 16px;margin:20px 0}.fee-panel p{font-size:12px;font-weight:800;color:var(--lime-dark);margin-bottom:5px}.fee-panel hr,.breakdown hr{border:0;border-top:1px solid #cfddc5}.success-screen{text-align:center;margin:auto}.success-mark{width:75px;height:75px;font-size:34px;margin:0 auto 25px}.success-screen h2{font-size:35px;margin:0 0 14px}.success-screen>p:not(.eyebrow){color:var(--muted);line-height:1.5}.receipt{text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:25px 0;display:grid;grid-template-columns:1fr auto;gap:14px;font-size:13px}.receipt span{color:var(--muted)}.payout-head{padding:8px 0 5px}.payout-card{background:var(--ink);color:white;border-radius:22px;padding:22px;margin:20px 0}.payout-card span,.payout-card small{display:block;color:#bdc9d1;font-size:12px}.payout-card strong{display:block;font-size:36px;letter-spacing:-1.8px;margin:9px 0}.breakdown{background:#fff;border:1px solid var(--line);padding:18px;border-radius:18px;margin:15px 0}.breakdown h3{font-size:17px;margin:0 0 10px}.profile-head{text-align:center;margin:10px 0 25px}.profile-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:25px;font-weight:900;margin:auto}.profile-head h2{font-size:26px;margin:12px 0 4px}.profile-head p{font-size:13px;color:var(--muted);margin-bottom:12px}.settings{border-top:1px solid var(--line)}.settings button{width:100%;display:flex;align-items:center;text-align:left;gap:14px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:17px 0;color:var(--ink)}.settings button>span:first-child{font-size:20px}.settings button>span:nth-child(2){flex:1}.settings button>b{font-size:22px;color:var(--muted)}.logout{margin-top:24px;border:0;background:none;color:var(--danger);font-weight:800;width:100%}@media(min-width:650px){body{padding:20px}.app-shell{min-height:820px;border-radius:30px;box-shadow:0 30px 80px #23372b2d}}
