@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1abc9c;--primary-dark:#16a085;--text-color:#2c3e50;--light-text-color:#7f8c8d;--background-color:#ecf0f1;--card-background:#fff;--border-color:#dde3e8;--error-color:#e74c3c;--success-color:var(--primary-color);--font-family:"Roboto","Segoe UI",sans-serif;--border-radius:6px;--box-shadow:0 2px 8px #2c3e5014;--box-shadow-hover:0 6px 12px #07090c14}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ecf0f1;background-color:var(--background-color);color:#2c3e50;color:var(--text-color);font-family:Roboto,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.6;margin:0}.App{margin:0 auto;max-width:1100px;padding:20px}.main-content{margin-top:30px}.intro-text{color:#2c3e50;color:var(--text-color);font-size:1.1em;margin-bottom:30px;text-align:center}.card-style{background-color:#fff;background-color:var(--card-background);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 2px 8px #2c3e5014;box-shadow:var(--box-shadow);margin-bottom:30px;padding:30px}.card-style:hover{box-shadow:0 6px 12px #07090c14;box-shadow:var(--box-shadow-hover)}.form-section-title,.section-heading{align-items:center;color:#2c3e50;color:var(--text-color);display:flex;font-size:1.4em;font-weight:600;margin-bottom:25px}.heading-icon{color:#1abc9c;color:var(--primary-color);margin-right:12px}.form-group{margin-bottom:25px}.form-group label{color:#2c3e50;color:var(--text-color);display:block;font-size:1em;font-weight:500;margin-bottom:10px}.label-icon{color:#7f8c8d;color:var(--light-text-color);margin-right:8px}.form-group input[type=number],.form-group input[type=text]{background-color:#f8f9fa;border:1px solid #dde3e8;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);box-sizing:border-box;font-size:1em;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{background-color:#fff;border-color:#1abc9c;border-color:var(--primary-color);box-shadow:0 0 0 2px #1abc9c33;outline:none}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{padding-right:35px}.input-icon-suffix{color:#7f8c8d;color:var(--light-text-color);pointer-events:none;position:absolute;right:12px}.mode-selection .section-heading{border-bottom:none;margin-bottom:15px}.radio-group.modern-radio{display:flex;flex-direction:column;gap:10px}.radio-group.modern-radio label{align-items:center;border:1px solid #dde3e8;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:400;padding:15px;transition:background-color .3s ease,border-color .3s ease}.radio-group.modern-radio label.active,.radio-group.modern-radio label:hover{border-color:#1abc9c;border-color:var(--primary-color)}.radio-group.modern-radio label.active{background-color:#1abc9c1a;color:#16a085;color:var(--primary-dark);font-weight:500}.radio-group.modern-radio input[type=radio]{accent-color:#1abc9c;accent-color:var(--primary-color);height:0;margin-right:12px;opacity:0;position:absolute;width:0}.radio-group.modern-radio label .svg-inline--fa{color:#1abc9c;color:var(--primary-color);margin-right:10px;transition:color .3s ease}.radio-group.modern-radio label.active .svg-inline--fa{color:#16a085;color:var(--primary-dark)}.presets.modern-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.preset-button{background-color:#ecf0f1;border:1px solid #dde3e8;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#2c3e50;color:var(--text-color);cursor:pointer;font-size:.9em;padding:10px 15px;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.preset-button:hover{background-color:#e0e6e8;border-color:#bdc3c7;transform:translateY(-1px)}.preset-button:focus{outline:2px solid #1abc9c;outline:2px solid var(--primary-color);outline-offset:2px}.preset-button .svg-inline--fa{margin-right:6px}.error-message{align-items:center;color:#e74c3c;color:var(--error-color);display:flex;font-size:.9em;margin-top:8px}.error-message .svg-inline--fa{margin-right:6px}.info-message{padding:20px;text-align:center}.info-message p{color:#7f8c8d;color:var(--light-text-color);font-size:1.1em}.info-icon{color:var(--secondary-color);margin-bottom:10px}.modern-card-muted{background-color:#fff;background-color:var(--card-background);border:1px dashed #dde3e8;border:1px dashed var(--border-color);box-shadow:none;padding:30px}.direct-savings-feedback{background-color:#1abc9c1a;border:1px solid #1abc9c;border:1px solid var(--primary-color);border-radius:6px;border-radius:var(--border-radius);margin:20px 0;padding:15px;text-align:center}.direct-savings-feedback p{font-size:1.1em;margin:0}.direct-savings-feedback strong{font-weight:700}.direct-savings-feedback .positive-savings{color:#1abc9c;color:var(--success-color)}.direct-savings-feedback .negative-savings{color:#e74c3c;color:var(--error-color)}.form-actions{display:flex;justify-content:center;margin-top:30px}.modern-button,.reset-button{align-items:center;border:none;border-radius:6px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1em;font-weight:500;gap:8px;padding:12px 25px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.reset-button{background-color:#7f8c8d;background-color:var(--light-text-color);color:#fff}.reset-button:hover{background-color:#95a5a6;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.results.modern-card-highlight{background:#fff;background:var(--card-background);border:2px solid #1abc9c;border:2px solid var(--primary-color);border-radius:6px;border-radius:var(--border-radius);box-shadow:0 2px 8px #2c3e5014;box-shadow:var(--box-shadow);color:#2c3e50;color:var(--text-color);margin-top:30px;padding:25px}.results-heading{align-items:center;color:#16a085;color:var(--primary-dark);display:flex;font-size:1.8em;font-weight:700;justify-content:center;margin-bottom:25px;text-align:center}.results-heading .heading-icon{color:#fff;color:#16a085;color:var(--primary-dark);margin-right:10px}.result-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;text-align:center}.summary-item{background-color:#ffffff1a;background-color:#1abc9c0d;border-radius:6px;border-radius:var(--border-radius);padding:15px}.summary-item .summary-label{display:block;font-size:.9em;margin-bottom:8px;opacity:.8}.summary-item strong{display:block;font-size:1.6em;font-weight:700}.summary-item.profit .svg-inline--fa,.summary-item.profit strong{color:#16a085;color:var(--primary-dark)}.summary-item.profit .svg-inline--fa{margin-left:5px}.results .chart-container{background-color:#fff;background-color:var(--card-background);border:1px solid #f0f0f0;border-radius:6px;border-radius:var(--border-radius);color:#2c3e50;color:var(--text-color);margin-top:20px;padding:20px}.results .chart-container h3{color:#2c3e50;color:var(--text-color);margin-bottom:20px;text-align:center}.recharts-tooltip-wrapper{background-color:#fff!important;background-color:var(--card-background)!important;border:1px solid #dde3e8!important;border:1px solid var(--border-color)!important;border-radius:6px!important;border-radius:var(--border-radius)!important;box-shadow:0 2px 8px #2c3e5014!important;box-shadow:var(--box-shadow)!important}.recharts-tooltip-item-name,.recharts-tooltip-item-value{color:#2c3e50!important;color:var(--text-color)!important}.footer{border-top:1px solid #dde3e8;border-top:1px solid var(--border-color);color:#7f8c8d;color:var(--light-text-color);font-size:.9em;margin-top:50px;padding-top:20px;text-align:center}@media (max-width:768px){.App{margin:20px 15px;padding:30px 15px 15px}.App-header h1{font-size:2.2em}.form-section-title,.section-heading{font-size:1.3em}.result-summary{grid-template-columns:1fr}.presets.modern-presets{justify-content:center}}@media (max-width:480px){.App-header h1{font-size:1.8em}.radio-group.modern-radio label{font-size:.9em;padding:12px}.modern-button,.reset-button{width:100%}.result-summary .summary-item strong{font-size:1.4em}}:root{--header-bg-start:#304356;--header-bg-end:#213447;--header-bg-scrolled:#233140;--header-text-color:#ecf0f1;--header-accent-color:#1abc9c;--header-accent-hover:#16a085}.sticky-header{background:linear-gradient(135deg,#304356,#213447);background:linear-gradient(135deg,var(--header-bg-start) 0,var(--header-bg-end) 100%);box-shadow:0 3px 10px #0000001a;color:#ecf0f1;color:var(--header-text-color);left:0;overflow:hidden;padding:20px 0;position:fixed;top:0;transition:padding .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;z-index:1000}.sticky-header.scrolled{background:#233140;background:var(
    --header-bg-scrolled
  );box-shadow:0 5px 15px #00000026;padding:12px 0}.header-content{cursor:pointer;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 25px}.header-content,.logo-area{align-items:center;display:flex}.logo-icon{color:#1abc9c;color:var(--header-accent-color);font-size:2em;margin-right:15px;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),font-size .3s ease-in-out,color .3s ease}.logo-text,.sticky-header.scrolled .logo-icon{font-size:1.7em}.logo-text{align-items:baseline;color:#ecf0f1;color:var(--header-text-color);display:flex;font-weight:700;letter-spacing:-.5px;transition:font-size .3s ease-in-out}.logo-text-highlight{color:#1abc9c;color:var(--header-accent-color);margin:0 3px;transition:color .3s ease}.sticky-header.scrolled .logo-text{font-size:1.5em}.tagline{color:#ecf0f1cc;font-size:.9em;margin-left:20px;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.sticky-header.scrolled .tagline{opacity:0;transform:translateY(-5px)}.surprise-element{display:inline-block;font-size:1em;margin-left:5px;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:.1s}.surprise-icon{animation:tada 1s ease-out;color:#1abc9c;color:var(--header-accent-color);font-size:.8em;margin-left:2px}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@media (max-width:768px){.header-content{padding:0 15px}.logo-text{font-size:1.4em}.sticky-header.scrolled .logo-text{font-size:1.2em}.logo-icon{font-size:1.7em;margin-right:10px}.sticky-header.scrolled .logo-icon{font-size:1.5em}.tagline{display:none}.surprise-element{margin-left:3px}}@media (max-width:480px){.sticky-header{padding:15px 0}.sticky-header.scrolled{padding:10px 0}.logo-text{font-size:1.2em}.sticky-header.scrolled .logo-text{font-size:1.1em}.logo-icon{font-size:1.5em}.sticky-header.scrolled .logo-icon{font-size:1.3em}}
/*# sourceMappingURL=main.cf7b3494.css.map*/