body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#90ee90,green);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{margin:0 auto;max-width:1200px;padding:20px}.app-header{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;padding:20px}.header-image.with-border{border:2px solid #28a745;border-radius:8px;display:block;height:auto;width:100%}.title{color:#2c3e50;font-size:36px;font-weight:700;margin:20px 0 15px;text-align:center}.info-button{background:linear-gradient(45deg,#28a745,#1e7e34);border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.info-button:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}.header-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.card{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;margin-bottom:30px;padding:30px}.input-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.input-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000000d;padding:15px;text-align:left;width:250px}.input-container label{color:#555;display:block;font-weight:700;margin-bottom:8px}.input-container input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px;width:100%}.selection-group{grid-gap:20px;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px auto 30px;max-width:900px;padding:25px}.selection-container{text-align:center}.selection-header{gap:8px}.selection-header,.selection-info-icon{align-items:center;display:flex;justify-content:center}.selection-info-icon{background:#28a745;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:20px;width:20px}.frequency-buttons,.rate-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:10px}.frequency-button,.rate-button{background:#f9f9f9;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease}.frequency-button:hover,.rate-button:hover{background:#e9f5e9;border-color:#28a745}.frequency-button.active,.rate-button.active{background:#28a745;border-color:#28a745;color:#fff}.custom-input{margin-top:10px}.custom-input input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}.graph-container{margin-top:20px;text-align:center}.graph-title{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:20px}.legend-container{display:flex;gap:15px;justify-content:center;margin-top:15px}.legend-item{align-items:center;display:flex;gap:5px}.legend-color-box{border-radius:3px;height:16px;width:16px}.legend-label{color:#555;font-size:14px}.comparison-final{margin-top:20px;text-align:center}.comparison-final p{color:#2c3e50;font-size:16px;margin:4px 0}.desmos-container{margin-top:30px;position:relative}.yearly-breakdown{background:#fff;border:2px solid #28a745;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:20px auto;padding:20px;width:1006px}.breakdown-title{color:#28a745;font-size:22px;margin-bottom:10px;text-align:center}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table td,.breakdown-table th{border:1px solid #ddd;padding:8px;text-align:center}.breakdown-table th{background-color:#e9f5e9;color:#28a745}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20}.popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:400px;padding:20px;text-align:center}.close-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 16px;transition:background .3s ease}.close-button:hover{background:#218838}.info-page{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;margin:0 auto 30px;max-width:900px;padding:30px}.info-title{color:#28a745;font-size:32px;margin-bottom:20px;text-align:center}.info-container{display:flex;flex-direction:column;gap:20px}.info-box{background:#f7f7f7;border-radius:8px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.info-box:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.info-subtitle{color:#28a745;font-size:24px;margin-bottom:10px}.info-text{color:#555;font-size:16px;line-height:1.6}.formula-container{background:#e9f5e9;border-radius:6px;margin:10px 0;padding:10px}.formula{color:#333;font-family:monospace;font-size:18px}.info-box-inner{background:#fff;border-radius:6px;box-shadow:0 4px 10px #0000000d;margin-top:10px;padding:15px}.info-list{list-style:none;padding-left:0}.info-list li{color:#555;font-size:16px;margin-bottom:10px}.info-list li strong{color:#28a745}.real-life-example{background-color:#f7f7f7;margin-top:20px;padding:20px}.example-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:10px;margin-top:10px}.example-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 5px #0000000d;flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;padding:15px}.image-green-header{background-color:#28a745;border-radius:6px 6px 0 0;color:#fff;font-weight:700;margin-bottom:10px;padding:6px;text-align:center}.example-card-image{border-radius:0 0 6px 6px;display:block;height:200px;margin-bottom:10px;object-fit:cover;width:100%}.example-card p{color:#555;font-size:15px;line-height:1.5}.deep-dive{background:#eef8f0;border:2px solid #28a745;border-radius:10px;padding:20px}.platform-list{list-style:none;padding-left:0}.platform-list li{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;margin-bottom:20px;padding:15px}.platform-list a{color:#1e7e34;cursor:pointer;font-size:18px;font-weight:700;text-decoration:underline;transition:color .2s ease}.platform-list a:hover{color:#028f28}.platform-pros{color:#2e7d32;margin-top:6px}.platform-cons{color:#c62828;margin-top:4px}.vehicle-item{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;margin-bottom:20px;padding:15px}.vehicle-item h4{color:#1e7e34;margin-bottom:8px}.vehicle-pros{color:#2e7d32;margin-top:6px}.vehicle-cons{color:#c62828;margin-top:4px}.glossary-page{background:#fff;border:2px solid #28a745;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:900px;padding:20px}.glossary-title{color:#28a745;font-size:28px;margin-bottom:20px;text-align:center}.glossary-table{border-collapse:collapse;margin-bottom:30px;width:100%}.glossary-table td,.glossary-table th{border:1px solid #ddd;padding:8px;text-align:left}.glossary-table th{background-color:#e9f5e9;color:#28a745}.glossary-page .info-button{display:block;margin:20px auto 15px}.quiz-container{background:#0000;box-sizing:border-box;height:100vh;justify-content:center;padding:20px;width:100vw}.quiz-container,.quiz-inner{align-items:center;display:flex}.quiz-inner{background:#fff;border:5px solid #038221;border-radius:12px;box-shadow:0 6px 20px #0000001a;flex-direction:column;max-width:900px;padding:30px;width:80%}.quiz-title{color:#28a745;font-size:28px;margin-bottom:20px;text-align:center}.quiz-progress-bar{background:#ddd;border-radius:5px;height:10px;margin-bottom:20px;overflow:hidden;width:80%}.quiz-progress{background:#28a745;border-radius:5px;height:10px;transition:width .3s ease;width:0}.quiz-question{font-size:18px;margin-bottom:20px;text-align:center;width:80%}.quiz-options{align-items:center;display:flex;flex-direction:column;gap:10px;width:80%}.quiz-option{background:#f9f9f9;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;transition:background .3s ease,border-color .3s ease;width:100%}.quiz-option:hover{background:#e9f5e9;border-color:#28a745}.quiz-result{margin-bottom:20px;text-align:center}.quiz-result h3{color:#28a745;font-size:24px;margin-bottom:10px}.quiz-completion-card{background:#fafafa;border:2px solid #038221;border-radius:12px;box-shadow:0 8px 20px #0000001a;margin:0 auto;max-width:500px;padding:30px;text-align:center}.completion-title{color:#038221;font-size:26px;margin-bottom:15px}.completion-score{color:#333;font-size:18px;margin-bottom:10px}.completion-score span{color:#028f28;font-weight:700}.completion-feedback{color:#035c17;font-size:18px;line-height:1.4;margin-bottom:10px}.completion-back{background:#038221;border-radius:8px;font-size:16px;margin-top:10px;padding:10px 24px}.quiz-completion-card .completion-back{margin-top:20px}.budget-planner-page{background:#fff;border:2px solid #28a745;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:900px;padding:20px}.budget-planner-title{color:#28a745;font-size:28px;margin-bottom:20px;text-align:center}.budget-section{margin-bottom:30px}.budget-section-title{color:#28a745;font-size:22px;margin-bottom:15px;text-align:center}.budget-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.budget-form label{color:#555;font-size:16px}.budget-form input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:8px}.budget-guide{background:#e9f5e9;border-radius:6px;color:#333;font-size:16px;line-height:1.6;margin:0 auto;padding:15px 20px}.budget-guide p,.budget-guide ul{margin-bottom:15px}.budget-guide ul{list-style:disc inside}.budget-result{color:#28a745;font-size:18px;margin-bottom:20px;text-align:center}.budget-planner-page .info-button.budget-back-button{display:block;margin:30px auto 15px}.comparison-input-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.scenario-input{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000000d;padding:20px;width:300px}.scenario-title{color:#28a745;font-size:22px;margin-bottom:15px;text-align:center}.scenario-input label{color:#555;display:block;font-weight:700;margin-bottom:6px}.scenario-input input{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:12px;padding:8px;width:100%}.yearly-breakdown-comparison{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.challenge-container{align-items:center;background:linear-gradient(135deg,#90ee90,green);box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:20px;width:100vw}.challenge-card{background:#fff;border:5px solid #038221;border-radius:12px;box-shadow:0 6px 20px #0000001a;max-width:500px;padding:30px;text-align:center;width:90%}.challenge-title{color:#28a745;font-size:28px;margin-bottom:20px}.challenge-explanation{margin-bottom:15px}.challenge-explanation p{color:#555;font-size:14px;line-height:1.5}.challenge-question{color:#333;font-size:18px;margin-bottom:20px}.challenge-input-group{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.challenge-input-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:8px;width:150px}.challenge-button{background:linear-gradient(45deg,#28a745,#1e7e34);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.challenge-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.challenge-feedback{color:#2c3e50;font-size:16px;margin-bottom:15px}.challenge-buttons{gap:10px;margin-top:10px}.challenge-buttons,.coin-count{display:flex;justify-content:center}.coin-count{align-items:center;color:#daa520;font-size:18px;font-weight:700;gap:6px;margin-bottom:10px}
/*# sourceMappingURL=main.45b6eb00.css.map*/