:root{--bg:#f6fafc;--ink:#12263a;--muted:#687d91;--line:#dce6ed;--mint:#2bb8ad;--blue:#5d70ee;--red:#d84f60;--shadow:0 24px 70px #203e5a1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 5% 0,#edfbf8,transparent 30%),radial-gradient(circle at 95% 4%,#eef0ff,transparent 28%),var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-bottom:1px solid #12263a12;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;height:74px;padding:0 max(4vw,20px);display:grid;position:sticky;top:0}.topbar nav{gap:24px;display:flex}.topbar nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.button{font-weight:850;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:13px 18px;text-decoration:none;display:inline-flex}.dark{background:var(--ink);color:#fff}.light{border:1px solid var(--line);background:#fff}.topbar .button{justify-self:end}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;width:min(1180px,100% - 38px);min-height:760px;margin:auto;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#3979b5;font-size:.74rem;font-weight:900}.hero h1,.section h2,.authCard h1,.accountIntro h1{letter-spacing:-.065em;margin:14px 0;font-size:clamp(3.7rem,7vw,7.5rem);line-height:.94}.hero h1 span{color:#21998e;margin-top:.45em;display:block}.lead,.section>p,.authCard>p,.accountIntro>p,.accountPanel>p{color:var(--muted);max-width:650px;font-size:1.05rem;line-height:1.7}.promise{color:#fff;background:#172d42;border-radius:999px;margin-top:15px;padding:13px 19px;font-weight:900;display:inline-flex}.actions{gap:10px;margin-top:24px;display:flex}.moneyOrbit{min-height:560px;position:relative}.ring{border:3px solid #55697e2b;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.r1{aspect-ratio:1;width:78%}.r2{aspect-ratio:1;border-color:#5d70ee2b;width:58%}.core{text-align:center;width:255px;height:255px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#eaf4ff);border:1px solid #12263a14;border-radius:50%;align-content:center;justify-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.core small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}.core strong{letter-spacing:-.08em;font-size:5rem}.core span{color:var(--muted);font-size:.8rem;font-weight:800}.chip{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:150px;padding:16px 20px;position:absolute;box-shadow:0 18px 45px #2b48641a}.chip small{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900;display:block}.chip b{font-size:1.4rem}.c1{top:16%;left:4%}.c2{top:30%;right:2%}.c3{bottom:14%;left:8%}.valueGrid{border:1px solid var(--line);background:#ffffffc7;border-radius:24px;grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 38px);margin:auto;display:grid;overflow:hidden}.valueGrid article{border-right:1px solid var(--line);padding:25px}.valueGrid article:last-child{border-right:0}.valueGrid p{color:var(--muted);line-height:1.55}.valueGrid strong{color:#24435e}.section{border:1px solid var(--line);width:min(1180px,100% - 38px);box-shadow:var(--shadow);background:#fff;border-radius:30px;margin:100px auto;padding:50px}.section h2{max-width:12ch;font-size:clamp(2.8rem,5vw,5.3rem)}.authShell,.accountShell{width:min(1080px,100% - 38px);min-height:100vh;margin:auto;padding:70px 0}.authShell{place-items:center;display:grid}.authCard{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:36px}.authCard h1{font-size:clamp(2.7rem,6vw,5rem)}.brand{font-weight:900;text-decoration:none}.authForm{gap:15px;margin:28px 0;display:grid}.authForm label{gap:7px;font-weight:800;display:grid}.authForm input{border:1px solid var(--line);min-height:52px;font:inherit;border-radius:14px;padding:0 14px}.authActions{flex-wrap:wrap;gap:10px;display:flex}.authActions button,.secondaryButton{font:inherit;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:14px 18px;font-weight:850}.secondaryButton{color:var(--ink);background:#edf3f6}.authMessage{color:#176b49;background:#eef9f5;border-radius:12px;padding:12px 14px;font-weight:700}.accountHeader{justify-content:space-between;align-items:center;display:flex}.accountIntro{padding:80px 0 38px}.accountIntro h1{font-size:clamp(3rem,6vw,5.8rem)}.accountGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.accountGrid article,.accountPanel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px}.accountGrid span{color:var(--muted);font-weight:800}.accountGrid strong{letter-spacing:-.06em;margin:8px 0;font-size:4rem;display:block}.accountPanel{margin-top:18px}.accountList{gap:10px;display:grid}.accountList>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.accountList span{color:var(--muted)}@media (max-width:850px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:55px 0}.valueGrid,.accountGrid{grid-template-columns:1fr}.valueGrid article{border-right:0;border-bottom:1px solid var(--line)}.moneyOrbit{min-height:500px}}@media (max-width:560px){.hero h1{font-size:3.8rem}.section,.authCard{padding:24px}.chip{min-width:125px;padding:12px}.actions{flex-wrap:wrap}}.moneySummary{grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px;display:grid}.moneySummary article{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px}.moneySummary span{color:var(--muted);font-weight:800;display:block}.moneySummary strong{letter-spacing:-.04em;margin-top:7px;font-size:2rem;display:block}.moneySummary .positive strong{color:#176b49}.moneySummary .negative strong{color:var(--red)}.connectBank{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.connectBank small{color:var(--muted)}.bucketEditor{margin-top:22px}.bucketForm{grid-template-columns:1fr auto auto;gap:10px;display:grid}.bucketForm input,.bucketForm select{border:1px solid var(--line);min-height:48px;color:var(--ink);font:inherit;background:#f9fbfd;border-radius:13px;padding:0 13px}.formMessage{color:var(--red);font-weight:700}@media (max-width:850px){.moneySummary{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.moneySummary,.bucketForm{grid-template-columns:1fr}}
