.budget-page{color:#102a43;background:#fff}.budget-container{width:100%;max-width:1100px;margin:0 auto;padding:0 22px}.budget-hero{padding:48px 0 52px;text-align:center;background:linear-gradient(180deg,#f3f8fd,#fff)}.budget-back{display:inline-block;margin-bottom:22px;color:#1769aa;font-size:13px;font-weight:700;text-decoration:none}.budget-eyebrow{display:block;margin-bottom:10px;color:#1769aa;font-size:11px;font-weight:800;letter-spacing:.08em}.budget-hero h1{margin:0 0 14px;font-size:clamp(32px,5vw,46px);line-height:1.15}.budget-hero p{max-width:680px;margin:auto;color:#607086;font-size:15px;line-height:1.8}.budget-calculator{padding:0 0 70px}.budget-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:start;gap:20px}.budget-form,.budget-results{padding:28px;border:1px solid #dce5ee;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,39,66,.055)}.budget-card-title{display:flex;align-items:center;gap:14px;margin-bottom:25px}.budget-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:11px;background:#edf6fc;font-size:22px}.budget-card-title h2,.budget-results h2{margin:0 0 4px;font-size:21px}.budget-card-title p{margin:0;color:#64748b;font-size:12px}.budget-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.budget-field>span:first-child{display:block;margin-bottom:7px;font-size:13px;font-weight:750}.budget-input{display:flex;align-items:center;border:1px solid #cdd9e5;border-radius:9px;background:#fff;overflow:hidden}.budget-input:focus-within{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.1)}.budget-input input{min-width:0;width:100%;padding:12px;border:0;outline:0;color:#102a43;background:transparent;font:700 15px/1.2 inherit}.budget-input b{padding:0 12px;color:#64748b;font-size:12px;white-space:nowrap}.budget-field small{display:block;margin-top:6px;color:#7b8ba0;font-size:10px;line-height:1.45}.budget-field.income .budget-input{border-left:4px solid #16865a}.budget-field.expense .budget-input{border-left:4px solid #b42339}.budget-field.saving .budget-input{border-left:4px solid #7c3aed}.budget-reset{margin-top:22px;padding:11px 17px;border:0;border-radius:9px;background:#111827;color:#fff;font-weight:800;cursor:pointer}.budget-confidentiality{margin:18px 0 0;color:#557086;font-size:11px}.budget-results{position:sticky;top:90px;background:#f8fafc}.budget-results h2{margin-bottom:18px}.result-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:14px;border-radius:10px;background:#fff;border:1px solid #dce5ee}.result-card span{font-size:12px}.result-card strong{font-size:15px;white-space:nowrap}.result-income strong{color:#16865a}.result-expense strong{color:#b42339}.result-saving strong{color:#7c3aed}.result-balance{margin-top:14px;background:#17375e;color:#fff;border-color:#17375e}.result-balance strong{font-size:18px}.result-balance.is-positive{background:#16865a;border-color:#16865a}.result-balance.is-negative{background:#b42339;border-color:#b42339}.result-progress{margin-top:20px}.progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:#52667d;font-size:11px}.progress-track{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:#1769aa;transition:width .25s ease}.result-message{margin:15px 0 0;color:#52667d;font-size:11px;line-height:1.6}.budget-content{padding:65px 0;background:#f5f8fc}.budget-explanation{max-width:850px;padding:28px;border:1px solid #dce5ee;border-radius:15px;background:#fff}.budget-explanation h2{margin:0 0 12px;font-size:25px}.budget-explanation h3{margin:25px 0 8px;font-size:18px}.budget-explanation p{margin:0;color:#5f6f82;font-size:13px;line-height:1.8}.budget-formula{margin:20px 0;padding:16px;border-radius:10px;background:#edf6fc;color:#17375e;text-align:center;font-size:15px;font-weight:800}.budget-cta{padding:65px 0}.budget-cta-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border-radius:16px;background:#17375e;color:#fff}.budget-cta-card span{font-size:10px;font-weight:800;letter-spacing:.08em}.budget-cta-card h2{margin:7px 0;font-size:24px}.budget-cta-card p{margin:0;color:#d8e5f3;font-size:13px}.budget-cta-card a{flex:0 0 auto;padding:13px 18px;border-radius:9px;background:#4ade80;color:#071a10;font-size:13px;font-weight:800;text-decoration:none}html[dir=rtl] .budget-page{text-align:right}html[dir=rtl] .budget-field.income .budget-input,html[dir=rtl] .budget-field.expense .budget-input,html[dir=rtl] .budget-field.saving .budget-input{border-left:1px solid #cdd9e5;border-right-width:4px}html[dir=rtl] .budget-back{direction:rtl}@media(max-width:800px){.budget-layout{grid-template-columns:1fr}.budget-results{position:static}.budget-cta-card{align-items:stretch;flex-direction:column}.budget-cta-card a{text-align:center}}@media(max-width:600px){.budget-container{padding:0 16px}.budget-hero{padding:38px 0 42px}.budget-hero h1{font-size:32px}.budget-fields{grid-template-columns:1fr}.budget-form,.budget-results{padding:21px 16px}.budget-calculator{padding-bottom:52px}.budget-content,.budget-cta{padding:52px 0}.budget-cta-card{padding:24px 20px}.result-card strong{font-size:14px}.budget-formula{font-size:13px}}