:root{font-family:Inter,system-ui,sans-serif;color:#f5f7ff;background:#050914;--app:#070d19;--card:#0e1421;--line:#242c3d;--brand:#635cf7;--brand2:#8b83ff;--muted:#9ea8bf;--income:#3dc785;--expense:#ff5b6e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 15%,#211b5d 0,transparent 30%),radial-gradient(circle at 90% 80%,#0d3540 0,transparent 28%),#050914}.site{min-height:100vh;display:grid;grid-template-columns:minmax(300px,560px) 390px;justify-content:center;align-items:center;gap:8vw;padding:64px}.copy{max-width:540px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.17em;color:#9691ff;font-weight:800}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#3dc785;box-shadow:0 0 0 5px #3dc78518}.copy h1{font-size:clamp(50px,6vw,84px);line-height:.96;letter-spacing:-.06em;margin:24px 0}.copy h1 em{font-style:normal;color:#827cff}.copy>p{color:#aab2c7;font-size:18px;line-height:1.7;max-width:500px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.feature{padding:15px;border:1px solid #232c41;border-radius:14px;background:#0b1120aa}.feature b{display:block;font-size:12px}.feature span{display:block;color:#7f899f;font-size:10px;margin-top:5px;line-height:1.4}.hint{display:flex;align-items:center;gap:10px;margin-top:25px;color:#767f95;font-size:11px}.hint i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #283149;border-radius:50%;font-style:normal;color:#aaa6ff}.phone{width:390px;height:844px;border-radius:42px;padding:9px;background:linear-gradient(145deg,#4c5368,#111622 24%,#03060c);box-shadow:0 50px 120px #000b,0 0 0 1px #66708666;position:relative}.phone:before{content:"";position:absolute;z-index:9;top:17px;left:50%;translate:-50%;width:82px;height:20px;border-radius:20px;background:#02050b}.screen{width:100%;height:100%;position:relative;background:var(--app);border-radius:34px;overflow:hidden}.view{height:100%;padding:34px 20px 105px;overflow:auto;scrollbar-width:none}.view::-webkit-scrollbar{display:none}.header{height:70px;display:flex;align-items:flex-start;justify-content:space-between}.header small{font-size:13px}.header h2{font-size:20px;margin:4px 0}.avatar{width:38px;height:38px;border:2px solid #6963de;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1d2253,#a44282);font-weight:700}.balance{height:168px;padding:20px 18px;border-radius:17px;background:linear-gradient(135deg,#514ad9,#3c39bd);display:flex;flex-direction:column;box-shadow:0 14px 35px #3632ad38}.balance>small{font-size:13px}.balance>strong{font-size:24px;margin-top:12px}.trend{font-size:11px;color:var(--income);margin-top:8px}.trend i{color:#91e6bd;font-style:normal}.split{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}.split p{margin:0}.split p+p{border-left:1px solid #ffffff30;padding-left:22px}.split small,.split b{display:block}.split small{font-size:11px}.split b{font-size:14px;margin-top:6px}.section{margin-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h3{font-size:15px;margin:0}.text-button{border:0;background:none;color:var(--brand2);font:inherit;font-size:11px;cursor:pointer}.chart-row{display:grid;grid-template-columns:128px 1fr;align-items:center;margin-top:16px}.donut{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff4f68 0 62%,#6bc6d5 62% 72%,#ffc343 72% 84%,#3dc785 84% 100%);position:relative}.donut:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:var(--app)}.donut div{position:relative;z-index:1;text-align:center}.donut small,.donut b{display:block}.donut small{font-size:9px;color:var(--muted)}.donut b{font-size:15px;margin-top:7px}.legend{list-style:none;margin:0;padding:0}.legend li{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:10px;margin-bottom:10px}.legend i{width:8px;height:8px;border-radius:50%}.c1{background:#5b7cfa}.c2{background:#3dc785}.c3{background:#ffc343}.c4{background:#ff4f68}.c5{background:#6bc6d5}.card{background:var(--card);border:1px solid #151d2c;border-radius:16px}.recent{padding:16px}.tx{height:42px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.tx:last-child{border:0}.tx-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px}.orange{background:#ff852e}.blue{background:#3f8cff}.green{background:#3dc785}.yellow{background:#ffb92e}.tx p{margin:0}.tx p b,.tx p small{display:block}.tx p b{font-size:11px}.tx p small{font-size:9px;color:var(--muted);margin-top:2px}.tx>strong{font-size:10px}.income{color:var(--income)!important}.title-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 26px}.title-row h2{margin:0;font-size:23px}.title-row p{margin:5px 0 0;color:var(--muted);font-size:11px}.pill-button{border:0;border-radius:10px;background:var(--brand);color:white;padding:10px 13px;font:600 11px Inter;cursor:pointer}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary .card{padding:16px}.summary small{display:block;color:var(--muted);font-size:10px}.summary strong{display:block;margin-top:7px;font-size:17px}.filterbar{display:flex;gap:8px;margin:18px 0}.filter{border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);padding:8px 12px;font:500 10px Inter}.filter.active{background:#635cf722;border-color:#635cf7;color:#aaa6ff}.transaction-list .tx{height:66px;padding:0 14px}.hero-budget{padding:18px;margin-bottom:24px}.hero-budget strong{font-size:22px}.hero-budget small{color:var(--muted);font-size:10px}.progress{height:6px;background:#283044;border-radius:6px;margin-top:13px;overflow:hidden}.progress span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#635cf7,#8b83ff)}.budget-list{display:grid;gap:11px}.budget-item{padding:14px 16px}.budget-item div:first-child{display:flex;justify-content:space-between;font-size:11px}.budget-item small{color:var(--muted)}.profile-head{display:flex;align-items:center;gap:16px;margin:10px 0 28px}.profile-head .avatar{width:68px;height:68px;font-size:23px}.profile-head h3{margin:0 0 5px}.profile-head p{margin:0;color:var(--muted);font-size:11px}.plan{display:inline-block;background:#635cf722;color:#aaa6ff;padding:5px 8px;border-radius:99px;margin-top:8px;font-size:9px}.settings{display:grid;gap:9px}.setting{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:12px}.setting span:last-child{color:var(--muted)}nav{position:absolute;z-index:5;left:0;right:0;bottom:0;height:84px;background:#0d1422ee;backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:4px 9px 12px;border-top:1px solid #1a2232}nav button{border:0;background:none;color:var(--muted);font:inherit;font-size:8px;display:grid;place-items:center;gap:5px;cursor:pointer}nav button span{font-size:19px}nav button.active{color:var(--brand2)}nav .add{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#766fff,#574ff0);color:white;font-size:25px;transform:translateY(-22px);justify-self:center;box-shadow:0 8px 24px #635cf766}.modal{position:absolute;z-index:10;inset:0;background:#020611bb;backdrop-filter:blur(8px);display:none;align-items:flex-end}.modal.open{display:flex}.sheet{width:100%;background:#0d1422;border-radius:25px 25px 0 0;padding:25px 20px 30px;animation:up .25s ease-out}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet h3{margin:0}.close{border:0;background:#1a2233;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}.amount{font-size:36px;font-weight:700;margin:25px 0;border-bottom:1px solid var(--line);padding-bottom:15px}.field{display:flex;justify-content:space-between;background:#121a29;padding:15px;border-radius:12px;margin-top:10px;font-size:11px;color:var(--muted)}.save{width:100%;border:0;border-radius:13px;background:var(--brand);color:white;padding:15px;margin-top:20px;font:700 12px Inter;cursor:pointer}.toast{position:absolute;z-index:20;top:24px;left:50%;translate:-50% -100px;background:#15261f;border:1px solid #28543e;color:#7fe7af;padding:11px 16px;border-radius:99px;font-size:10px;transition:.3s}.toast.show{translate:-50% 0}@keyframes up{from{translate:0 100%}to{translate:0 0}}@media(max-width:900px){.site{grid-template-columns:1fr;padding:42px 20px;gap:55px}.copy{text-align:center;margin:auto}.copy>p{margin-inline:auto}.hint{justify-content:center}.phone{margin:auto}}@media(max-width:430px){.site{padding:0;display:block}.copy{display:none}.phone{width:100vw;height:100vh;border-radius:0;padding:0;box-shadow:none}.phone:before{display:none}.screen{border-radius:0}.view{min-height:844px}}