.btn-pdf:hover background: #12452d; transform: translateY(-2px);
.finance-card background: #f9fbfd; border-radius: 20px; padding: 1.2rem 1.4rem; margin-bottom: 1.4rem; box-shadow: 0 2px 6px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.03); border: 1px solid #eef2f8;
<!-- MINDSET / SUMMARY --> <div class="footer-note"> <span style="font-weight:700;">🧾 The One-Page Financial Plan philosophy:</span> Financial freedom isn’t about complex spreadsheets — it's about consistent habits, automated systems, and peace of mind. Review this page monthly, track small wins, and stay flexible. <div style="margin-top: 12px; font-size: 0.75rem;">💡 “Do not save what is left after spending, but spend what is left after saving.” — Warren Buffett</div> </div>
<div style="font-size: 0.7rem; text-align: right; margin-top: 1rem; color: #8ba0ae; border-top: 1px solid #eef2f8; padding-top: 0.8rem;"> Your personal snapshot · Last updated: <span id="liveDate"></span> </div> </div> .btn-pdf:hover background: #12452d
.col flex: 1; min-width: 220px;
.section-title font-size: 1.3rem; font-weight: 700; color: #1a472a; border-bottom: 3px solid #9bc4a2; display: inline-block; margin-bottom: 1rem; padding-bottom: 0.25rem;
.rule-list list-style: none; padding-left: 0; .finance-card background: #f9fbfd
<div class="finance-card"> <h3><span class="badge-icon">🎯</span> Top 3 Money Priorities</h3> <ul class="rule-list"> <li><strong>Emergency cushion:</strong> Build $10k – $15k (3–6 months expenses)</li> <li><strong>Kill high-interest debt</strong> (credit cards / personal loans)</li> <li><strong>Automate 15%+ to retirement</strong> (401k, Roth IRA, or index funds)</li> </ul> </div> </div>
.footer-note margin-top: 2rem; background: #f0f6fa; padding: 1rem 1.5rem; border-radius: 20px; text-align: center; font-size: 0.85rem; color: #2c4b3a; border: 1px solid #dde9f0;
.track-label font-weight: 600; font-size: 0.9rem; padding: 1.2rem 1.4rem
hr margin: 1.2rem 0; border: none; height: 2px; background: linear-gradient(90deg, #cbdde6, #e2e8f0, #cbdde6);
.finance-card h3 font-size: 1.1rem; font-weight: 600; display: flex; align-items: center; gap: 8px; margin-bottom: 0.75rem; color: #1e3a2f;
.progress-bg background: #e2e9f0; border-radius: 20px; height: 8px; width: 100%; margin-top: 6px; overflow: hidden;