.tagline display: inline-block; background: #eef5ea; color: #1f5437; font-weight: 600; font-size: 0.75rem; padding: 0.2rem 0.8rem; border-radius: 40px; margin-bottom: 1rem; letter-spacing: 0.3px;
.btn-pdf:hover background: #12452d; transform: translateY(-2px); .tagline display: inline-block
.grid-2col display: flex; gap: 2rem; flex-wrap: wrap; margin: 1.8rem 0; padding: 0.2rem 0.8rem
<!-- 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> .btn-pdf:hover background: #12452d
.btn-reset background: #eef2f5; color: #2c4b3a; border: 1px solid #cbdbe0;
/* Typography & spacing */ h1 font-size: 2.2rem; font-weight: 700; letter-spacing: -0.01em; background: linear-gradient(135deg, #1E3C2C, #2B5E3B); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 0.25rem;
<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>