:root{color-scheme:dark;--bg:#090b10;--surface:#12161e;--surface2:#171c25;--line:#242b36;--text:#f5f7fb;--muted:#929cab;--accent:#ffe600;--good:#4ed69a;--shadow:0 20px 50px rgba(0,0,0,.28)}
:root.light{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface2:#f1f3f6;--line:#e4e7ec;--text:#11151d;--muted:#687281;--accent:#ffe600;--good:#16885d;--shadow:0 16px 40px rgba(20,30,45,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{min-height:100vh;max-width:520px;margin:auto;padding:0 18px 92px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;font-weight:900;letter-spacing:-.04em}.product{margin-left:7px;color:var(--muted);font-weight:700}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:18px}.hero{padding:26px 2px 24px}.eyebrow{margin:0 0 7px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero h1{margin:0;font-size:40px;letter-spacing:-.055em}.hero-copy{max-width:390px;color:var(--muted);line-height:1.5;font-size:15px}.status-pill{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,230,0,.1);color:#ffe600;font-size:12px;font-weight:800}.light .status-pill{color:#756900;background:#fff8bb}.focus-card,.money-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.focus-card{display:flex;gap:14px;padding:18px}.focus-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(78,214,154,.12);color:var(--good);font-weight:900}.focus-card strong{font-size:16px}.focus-card p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.section{padding:28px 0 12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:18px;margin:0}.section-head span{font-size:11px;color:var(--muted)}.flow{display:grid;gap:9px}.flow article{display:flex;gap:13px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.flow article>b{width:28px;height:28px;display:grid;place-items:center;background:var(--surface2);border-radius:9px;font-size:12px}.flow strong{font-size:14px}.flow p{margin:3px 0 0;color:var(--muted);font-size:12px}.money-card{margin-top:18px;padding:20px}.money-card>p{margin:0;color:var(--muted);font-size:12px}.money-card>strong{display:block;font-size:34px;letter-spacing:-.05em;margin-top:5px}.money-card>span{display:block;color:var(--muted);font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.split div{background:var(--surface2);border-radius:14px;padding:12px}.split small{display:block;color:var(--muted)}.split b{font-size:20px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom-nav a{text-decoration:none;color:var(--muted);display:grid;place-items:center;gap:3px;font-size:10px;font-weight:700}.bottom-nav span{font-size:18px}.bottom-nav a.active{color:var(--text)}
@media(min-width:821px){.app{max-width:1180px;padding:0 34px 50px}.topbar{height:78px}.hero{padding-top:48px}.hero h1{font-size:56px}.focus-card{max-width:620px}.section{max-width:880px}.flow{grid-template-columns:1fr 1fr}.money-card{max-width:620px}.bottom-nav{position:static;transform:none;width:auto;max-width:620px;margin:26px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface)}}