.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.template-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);align-items:center;gap:clamp(32px,7vw,110px);padding-block:clamp(75px,9vw,135px)}
.template-hero h1{font-family:var(--headline);font-size:clamp(43px,5.4vw,84px);line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;max-width:850px;margin:24px 0}.template-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#e9e7f3;max-width:690px}.template-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:30px}.template-hero-actions span{font-size:13px;color:#bfbacb}.template-hero-example{border:1px solid #ffffff35;border-radius:14px;background:#111116;padding:clamp(22px,3vw,40px);box-shadow:0 25px 70px #0008}.template-hero-example>span{font-size:11px;letter-spacing:.14em;color:#b8adff}.template-hero-example>strong{display:block;font-size:clamp(47px,5vw,75px);line-height:1.05;margin-top:16px}.template-hero-example>p{color:#b9b9c3;margin:3px 0 26px}.template-hero-example>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #ffffff20}.template-hero-example>div span{color:#c2c0cc}.template-hero-example .template-example-remain{color:#c6bbff}.template-hero-example>small{display:block;margin-top:22px;color:#aaa8b2}
.template-section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(30px,5vw,90px);padding-block:clamp(80px,9vw,140px)}.template-intro h2{margin:20px 0}.template-intro>p:not(.section-label){font-size:17px;line-height:1.65;color:#cfced7}.template-intro .template-privacy{font-size:14px!important;color:#b7adc9!important;border-left:3px solid var(--accent);padding-left:17px;margin-top:30px}
.template-card{background:#111116;border:1px solid #ffffff30;border-radius:14px;padding:clamp(19px,3vw,36px);min-width:0}.template-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid #ffffff25}.template-card-top>strong{font-size:12px;letter-spacing:.12em}.template-card label{font-size:13px;color:#d8d6e1}.template-card input,.template-card select{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid #ffffff42;border-radius:7px;background:#191922;color:#fff;font:inherit;font-size:16px}.template-card input:focus-visible,.template-card select:focus-visible,.template-card button:focus-visible{outline:3px solid #b8adff;outline-offset:2px}.template-card [aria-invalid="true"]{border-color:#ff938c}.template-card-top label{display:flex;align-items:center;gap:10px}.template-card-top select{width:auto;min-width:105px}.template-income,.template-savings{display:block;font-weight:700;margin-top:24px}.template-income input,.template-savings input{margin-top:8px}.template-table-head,.template-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(90px,.8fr) minmax(110px,.85fr) auto;gap:10px;align-items:end}.template-table-head{font-size:11px;color:#a9a7b5;letter-spacing:.04em;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #ffffff25}.template-row{padding:10px 0;border-bottom:1px solid #ffffff13}.template-row label{font-size:0}.template-row label input,.template-row label select{font-size:15px}.template-remove{min-height:46px;background:transparent;color:#d5cfe7;border:1px solid #ffffff30;border-radius:7px;padding:8px 10px;font:inherit;cursor:pointer}.template-remove:hover{background:#ffffff12}.template-add{margin-top:15px;border:1px solid #8f83e6;background:#292341;color:#fff;border-radius:7px;padding:11px 16px;font:inherit;cursor:pointer}.template-add:hover{background:#3b315c}.template-error{color:#ffaaa5;font-size:13px}.template-totals{border-top:1px solid #ffffff30;margin-top:28px;padding-top:12px}.template-totals>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.template-totals span{color:#c6c4d0}.template-totals strong{text-align:right;font-size:17px}.template-totals .template-remaining{border-top:1px solid #ffffff30;margin-top:8px;padding-top:17px}.template-remaining strong{color:#c6bbff;font-size:23px}.template-remaining.is-negative strong{color:#ffaaa5}.template-ratio{background:#1b1b24;border-radius:9px;padding:20px;margin-top:20px}.template-ratio h3{font-size:17px;margin:0}.template-ratio>p{font-size:12px;color:#bbb9c6;margin:5px 0 16px}.template-ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-ratio-grid>div{display:flex;flex-direction:column;gap:2px;border-top:2px solid #8878ec;padding-top:10px}.template-ratio-grid strong{font-size:20px}.template-ratio-grid span{font-size:12px;color:#c6c4d0}.template-status{min-height:22px;font-size:13px;color:#c6bbff;margin:20px 0}.template-actions{display:flex;flex-wrap:wrap;gap:9px}.template-actions button{background:#fff;color:#101014;border:1px solid #fff;border-radius:100px;padding:11px 15px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.template-actions button:nth-child(n+3){background:transparent;color:#eee;border-color:#ffffff45}.template-actions button:disabled{opacity:.4;cursor:not-allowed}.template-fineprint{font-size:11px;line-height:1.6;color:#9996a7;margin:22px 0 0}
.template-how{padding-block:clamp(70px,8vw,120px);border-top:1px solid #ffffff26}.template-how h2{max-width:750px;margin:20px 0 42px}.template-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-how-grid article{background:#111116;border:1px solid #ffffff20;border-radius:9px;padding:25px}.template-how-grid article>span{font-size:12px;color:#b8adff}.template-how-grid h3{font-size:22px;line-height:1.2;margin:38px 0 12px}.template-how-grid p{font-size:15px;color:#c8c6cf;margin:0}.final-cta p:nth-last-child(3){max-width:560px;margin:18px auto 25px;font-size:17px}
@media(max-width:900px){.template-hero,.template-section{grid-template-columns:1fr}.template-hero-example{max-width:550px}.template-intro{max-width:710px}}
@media(max-width:760px){.template-hero{padding-block:62px 75px}.template-hero h1{font-size:clamp(38px,8vw,58px)}.template-how-grid{grid-template-columns:1fr}.template-how-grid h3{margin-top:22px}.template-section{padding-block:75px}.template-table-head{display:none}.template-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.template-row .template-name{grid-column:1/-1}.template-row label{font-size:12px}.template-row label input,.template-row label select{margin-top:6px}.template-row .template-amount{grid-column:1}.template-row .template-remove{grid-column:2}.template-card-top{align-items:flex-start}}
@media(max-width:400px){.template-hero-actions .button{width:100%}.template-card{padding:18px}.template-card-top{flex-direction:column}.template-actions button{width:100%}.template-ratio-grid strong{font-size:17px}}
@media print{body{background:#fff!important;color:#111!important;font:12pt/1.35 Arial,sans-serif}.site-header,.template-hero,.answer-wrap,.template-intro,.template-add,.template-remove,.template-actions,.template-how,.related,.final-cta,.site-footer,.template-fineprint{display:none!important}.template-section{display:block;padding:0;max-width:none}.template-section::before{content:'Budget Planner BPT — Monthly Budget Template';display:block;font:bold 20pt Arial,sans-serif;margin-bottom:8mm}.template-card{background:#fff;color:#111;border:0;padding:0}.template-card label{color:#111}.template-card input,.template-card select{background:#fff;color:#111;border:0;border-bottom:1px solid #bbb;border-radius:0;min-height:0;padding:2px}.template-row{break-inside:avoid}.template-row label input,.template-row label select{font-size:11pt}.template-totals span,.template-ratio-grid span,.template-ratio>p,.template-card-top strong{color:#111}.template-ratio{background:#fff;border:1px solid #999;break-inside:avoid}.template-remaining strong,.template-status{color:#111}.template-card-top{border-bottom:1px solid #111}.template-privacy{display:none}}