/* Generated glass illustration + native coin layers: fast, accessible feedback. */
.home-budget .jar-illustration,.jar-illustration{height:147px;width:130px;position:relative;margin:15px auto 10px;isolation:isolate;filter:drop-shadow(0 10px 9px #39205a0c)}
.jar-illustration>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.jar-halo{position:absolute;inset:23% 16% 10%;border-radius:40%;background:radial-gradient(ellipse,#e4d2ff75,transparent 74%);z-index:0}.wants .jar-halo{background:radial-gradient(ellipse,#ffd37e90,transparent 74%)}.savings .jar-halo{background:radial-gradient(ellipse,#72e5ad75,transparent 74%)}
.jar-coins{position:absolute;inset:24% 6% 12%;z-index:2;overflow:hidden;clip-path:inset(0 round 10% 10% 20% 20%)}.jar-coin{position:absolute;left:var(--coin-x);bottom:var(--coin-y);width:24px;height:10px;border-radius:50%;border:1px solid #d09b29;background:linear-gradient(160deg,#fff2b2,#f2bd48 65%,#d99521);box-shadow:0 3px 0 #c98a22,0 4px 2px #7b4e2517;font:800 6px Manrope,sans-serif;line-height:8px;color:#9b640e;text-align:center;transform:translateX(-50%);font-style:normal}.coin-arrives{animation:jarCoinDrop .55s cubic-bezier(.2,.6,.3,1.2) backwards;animation-delay:var(--coin-delay)}.jar-category{position:absolute;z-index:3;top:35%;left:22%;right:22%;padding:6px 2px;border:1px solid #ffffffde;background:#ffffffc9;backdrop-filter:blur(2px);box-shadow:0 4px 10px #452c6110;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#483268}.jar-category svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.jar-category b{font:800 10px Manrope,sans-serif}.wants .jar-category{color:#996b12}.savings .jar-category{color:#14734b}.jar-receives>img{animation:jarReceive .4s ease}.home-budget .budget-jar-card.needs{background:linear-gradient(155deg,#fff,#f2ecff)}.home-budget .budget-jar-card.wants{background:linear-gradient(155deg,#fff,#fff5de)}.home-budget .budget-jar-card.savings{background:linear-gradient(155deg,#fff,#e7fbf0)}
@keyframes jarCoinDrop{from{transform:translate(-50%,-120px) rotate(-30deg);opacity:0}60%{opacity:1}to{transform:translate(-50%,0) rotate(0)}}@keyframes jarReceive{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg)}65%{transform:rotate(2deg)}}
/* A bright woven ribbon with individual paper-cut financial concepts. */
.literacy-ribbon{padding:25px 0;margin:30px 0 24px;background:linear-gradient(110deg,#5121ea,#6534df 55%,#4f23cb);border:0;box-shadow:0 8px 0 #351689,0 20px 30px #5121ea21;transform:rotate(-1.25deg)}.paper-ribbon-edge{inset:7px 0;border-top:1px dashed #ffffff55;border-bottom:1px dashed #ffffff55}.paper-finance-track>div{gap:21px;padding-right:21px}.paper-finance-item{color:#fff;min-width:240px;padding:10px 20px 10px 13px;border-radius:19px;background:#ffffff10;border:1px solid #ffffff25;transform:rotate(1.25deg)}.paper-finance-icon{width:65px;height:65px;flex:none;border:2px solid #fff8;background:#ffda72;color:#5b3615;box-shadow:4px 5px 0 #321a71,0 8px 12px #21104d50;transform:rotate(-8deg)}.paper-finance-item b{font-size:18px;letter-spacing:-.02em}.paper-finance-item small{font-size:10px;color:#eee5ff;line-height:1.5}.paper-finance-icon.saving{background:#83ecc0;color:#155b3d}.paper-finance-icon.payments{background:#c6b6ff;color:#3c159b}.paper-finance-icon.credit{background:#ffc4a1;color:#8d4217}.paper-finance-icon.risk{background:#ffbed5;color:#913756}.paper-finance-icon.safety{background:#a3e7ff;color:#12546b}.paper-finance-item:nth-child(2n) .paper-finance-icon{transform:rotate(7deg)}.paper-finance-track{animation-duration:55s}
[data-theme=dark] .home-budget .budget-jar-card{border-color:#6d5685;background:linear-gradient(150deg,#352443,#21192c)}[data-theme=dark] .jar-category{background:#30203fd9;color:#e1d1ff;border-color:#8c75a2}[data-theme=dark] .wants .jar-category{color:#ffda81}[data-theme=dark] .savings .jar-category{color:#98f4be}
@media(max-width:650px){.home-budget .jar-illustration{width:100%;max-width:105px;height:125px;margin:12px auto 9px}.jar-category{left:20%;right:20%;padding:6px 0}.jar-category b{font-size:9px}.jar-category svg{width:19px;height:19px}.jar-coin{width:19px;height:8px;font-size:5px;line-height:6px}.literacy-ribbon{padding:17px 0;margin:30px 0 18px}.paper-finance-item{min-width:225px;padding:8px 15px 8px 10px;gap:14px}.paper-finance-icon{height:55px;width:55px;border-radius:14px}.paper-finance-item b{font-size:16px}.paper-finance-item small{font-size:9px}}
@media(max-width:370px){.home-budget .jar-illustration{height:105px;max-width:84px}.jar-category{border-radius:7px;gap:2px}.jar-category svg{width:14px;height:14px}.jar-category b{font-size:8px}.jar-coin{width:15px;height:7px;line-height:5px}}
@media(prefers-reduced-motion:reduce){.coin-arrives,.jar-receives>img{animation:none}.paper-finance-track{animation:none;flex-wrap:wrap;width:100%}.paper-finance-track>div{flex-wrap:wrap;padding:0 16px;justify-content:center;gap:10px}.paper-finance-track>div[aria-hidden=true]{display:none}.literacy-ribbon{transform:none}.paper-finance-item{transform:none}}
@media(max-width:650px){.literacy-ribbon{width:calc(100% - 4px);margin-left:2px;margin-right:2px}}