:root{--primary-color:#11998e;--primary-hover:#0d7a70;--secondary-color:#000;--bg-color:#f0f9f4;--border-color:rgba(17,153,142,.2);--border-divider:#86efac;--text-dark:#14532d;--card-shadow:0 4px 16px rgba(17,153,142,.2);--error-red:#dc3545}#savings_growth_calc.calculator-box{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--card-shadow);transition:box-shadow .3s ease;position:relative;overflow:hidden;margin-bottom:15px;contain:layout style}#savings_growth_calc .calc-title{font-size:28px;font-weight:700;color:var(--secondary-color);margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--border-divider);position:relative;display:flex;align-items:center;gap:12px;padding-top:0;min-height:44px}#savings_growth_calc .calc-title:before{content:'💰';font-size:32px;line-height:1;display:inline-block;width:32px;height:32px;flex-shrink:0}#savings_growth_calc .input-group-custom{margin-bottom:8px;position:relative}#savings_growth_calc .input-label{font-size:16px;font-weight:600;color:var(--secondary-color);margin-bottom:8px;display:block}#savings_growth_calc .input-wrapper{position:relative}#savings_growth_calc .input-wrapper:has(.percentage-field):after,#savings_growth_calc .input-wrapper.percentage-wrapper:after{content:'%';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;color:var(--secondary-color);z-index:2;pointer-events:none}#savings_growth_calc .form-control-custom{width:100%;padding:12px 16px;padding-left:40px;border:1px solid var(--border-divider);border-radius:6px;font-size:16px;font-weight:600;color:#11998e;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;min-height:48px;box-sizing:border-box}#savings_growth_calc .form-control-custom:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(17,153,142,.1);box-sizing:border-box}#savings_growth_calc .form-control-custom.error{border-color:var(--error-red)}#savings_growth_calc .dollar-field:before{content:"$";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;color:var(--secondary-color);z-index:2;pointer-events:none}#savings_growth_calc .percentage-field{background-image:none !important;padding-right:45px !important}#savings_growth_calc .input-wrapper:has(.percentage-field):after{content:'%';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;color:var(--secondary-color);z-index:2;pointer-events:none}#savings_growth_calc .year-field:after{content:"Years";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:400;color:var(--secondary-color);z-index:2;pointer-events:none;opacity:.7}#savings_growth_calc .year-field .form-control-custom{padding-right:80px}#savings_growth_calc .error-message{font-size:12px;color:var(--error-red);margin-top:6px;min-height:18px;line-height:1.5;display:block;visibility:hidden}#savings_growth_calc .error-message:not(:empty){visibility:visible}#savings_growth_calc .calculate-btn{width:100%;padding:14px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:8px;position:relative;overflow:hidden;will-change:transform;box-shadow:0 6px 20px rgba(0,0,0,0)}#savings_growth_calc .calculate-btn:before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}#savings_growth_calc .calculate-btn:hover:before{width:300px;height:300px}#savings_growth_calc .calculate-btn:hover{background-color:var(--primary-hover);box-shadow:0 6px 20px rgba(0,0,0,.3)}#savings_growth_calc .results-section{min-height:200px}#savings_growth_calc .result-earned-interest{text-align:center;padding-bottom:24px;border-bottom:2px solid var(--border-divider);min-height:80px}#savings_growth_calc .result-earned-interest-label{font-size:18px;font-weight:600;color:var(--secondary-color);margin-bottom:12px}#savings_growth_calc .result-earned-interest-value{font-size:28px;font-weight:700;color:var(--primary-color);line-height:1.2;position:relative;display:inline-block;min-height:1.2em}#savings_growth_calc .result-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-divider);min-height:50px}#savings_growth_calc .result-item:last-child{border-bottom:none}#savings_growth_calc .result-label{font-size:16px;font-weight:600;color:var(--secondary-color);flex:0 0 58%}#savings_growth_calc .result-value{font-size:18px;font-weight:600;color:var(--secondary-color);text-align:right;flex:0 0 42%;word-break:break-word;min-width:0}#savings_growth_calc .result-value.highlight{color:var(--primary-color);font-size:20px;font-weight:700}#savings_growth_calc.layout-sidebyside .calculation-input-fields{border-right:2px solid var(--border-divider);padding-right:32px}@media (max-width:767.98px){#savings_growth_calc .results-section{padding-left:0;padding-top:16px;border-top:2px solid var(--border-divider)}#savings_growth_calc.calculator-box{padding:24px}#savings_growth_calc .calc-title{font-size:24px;margin-bottom:24px}#savings_growth_calc.layout-sidebyside .calculation-input-fields{border-right:none;padding-right:0}#savings_growth_calc.layout-sidebyside .results-section{padding-left:0}#savings_growth_calc .error-message{min-height:8px}#savings_growth_calc .result-earned-interest{padding-bottom:16px}#savings_growth_calc .result-item{padding:8px 0}#savings_growth_calc .input-label{font-size:14px}}@media (max-width:575.98px){#savings_growth_calc.calculator-box{padding:20px}#savings_growth_calc .calc-title{font-size:22px}#savings_growth_calc .result-earned-interest-value{font-size:28px}#savings_growth_calc .input-group-custom{margin-bottom:20px}}@media (max-width:419.98px){#savings_growth_calc .form-control-custom{padding-left:25px}#savings_growth_calc .dollar-field:before{left:10px}#savings_growth_calc .input-label{font-size:12px}#savings_growth_calc .year-field .form-control-custom{padding-right:70px}}#savings_growth_calc .green_color{color:var(--primary-color) !important}#savings_growth_calc .color-red{color:var(--error-red)}#savings_growth_calc .dark_grey{color:var(--text-dark)}#savings_growth_calc .recalculate_btn{border-radius:6px;background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer}#savings_growth_calc .recalculate_btn:hover{background-color:var(--primary-hover) !important;transform:translateY(-1px);box-shadow:0 4px 8px rgba(17,153,142,.3)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#savings_growth_calc .result-item{animation:fadeIn .3s ease}