@import url(https://fonts.googleapis.com/css?family=Open+Sans);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;position:absolute;width:100%}.App,body{min-height:100%}.App{min-width:100%;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}.fire-content-preview{display:none}*{text-decoration:none}.App{--line-thickness:2px;--size:15px;--primary-color:#2c2c2c;max-width:100%;transition:all .25s ease-out}.App.light{--darker-gray:#d3d3d3;--border-color:#eaeaea;--expense-color:#e66;--investment-color:#69e;--slider-color:#f3f3f3;--default-color:#e3e3e3;--light-gray:#eaeaea;--subtle-text:#4a4a4a font-family:"Instrument Sans",sans-serif;--subtle-text-color:#4a4a4a;--highlight-color:#00b386;--progress-color:var(--highlight-color);--progress-outline-color:#0089b3;--color-text:#000;--primary-text-color:#2c3e50;--border-color:#e9e9eb;--even-row-color:#fff;--odd-row-color:#f8f8f8;--popup-background:#fff;--card-background:#fff;--card-shadow:#0000001a;--card-border:#e0e0e0;--card-title-color:#666;--card-value-color:#2c3e50;--card-primary-color:#2196f3;--card-success-color:#4caf50;--card-warning-color:#ff9800;--summary-bg:#f8f9fa;--summary-border:#e0e0e0;--savings-highlight-bg:linear-gradient(135deg,#a8edea,#fed6e3);--savings-text-color:#2e7d32;--chart-bg:#f8f9fa;--input-section-bg:#fff;--strategy-selector-bg:#f8f9fa;--strategy-option-bg:#fff;--strategy-option-border:#e0e0e0;--strategy-option-hover-bg:#f0f7ff;--strategy-option-hover-border:#2196f3;--strategy-description-bg:#e3f2fd;--strategy-description-border:#2196f3;--strategy-description-text:#1976d2;--top-bar-gradient:linear-gradient(90deg,#fff,#1000ff3d,#fff);--sub-header-gradient:linear-gradient(90deg,#fff,#f700d621,#fff);background-color:#fff;color:#44475b}.App.dark,.App.light{font-weight:500;text-align:left}.App.dark{--darker-gray:#d3d3d3;--border-color:#4a4a4a;--expense-color:#e66;--investment-color:#69e;--color-text:#fff;--slider-color:#636363;--default-color:#e3e3e3;--light-gray:#eaeaea;--subtle-text:#4a4a4a font-family:"Open Sans",sans-serif;--subtle-text-color:#ddd;--highlight-color:#00b386;--progress-color:var(--highlight-color);--progress-outline-color:#575757;--primary-text-color:#e0e0e0;--even-row-color:#12151a;--odd-row-color:#31363f;--popup-background:#222831;--glow-color:#77aaff1c;--card-background:#1a1e24;--card-shadow:#0000004d;--card-border:#3a3d43;--card-title-color:#a0a0a0;--card-value-color:#dfdfdf;--card-primary-color:#4dabf7;--card-success-color:#69db7c;--card-warning-color:#ffa94d;--summary-bg:#1a1e24;--summary-border:#3a3d43;--savings-highlight-bg:linear-gradient(135deg,#1e4d47,#4a2d3e);--savings-text-color:#69db7c;--chart-bg:#1a1e24;--input-section-bg:#1a1e24;--strategy-selector-bg:#12151a;--strategy-option-bg:#1a1e24;--strategy-option-border:#3a3d43;--strategy-option-hover-bg:#2a3140;--strategy-option-hover-border:#4dabf7;--strategy-description-bg:#1a2332;--strategy-description-border:#4dabf7;--strategy-description-text:#74c0fc;--top-bar-gradient:linear-gradient(90deg,#12151a,#002fff1f,#12151a);--sub-header-gradient:linear-gradient(90deg,#12151a,#f100ff24,#12151a);background-color:#12151a;color:#dfdfdf}.switch-button{background:var(--highlight-color);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.switch-button:hover{background:var(--progress-outline-color);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.switch-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.App-footer,.App-header,.Sub-header,.fire-content{align-items:center;border-bottom:1px solid var(--default-color);display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:space-between;margin:auto;max-width:1280px;min-height:40px;padding:5px}.App-header{background-clip:padding-box;background-image:var(--top-bar-gradient);border:none;flex-wrap:wrap;gap:0;padding:10px 20px;position:relative}.App-header .title-container{flex:0 0 auto}.App-header .nav-menu{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.App-header .button-container{flex:0 0 auto;margin-left:auto}.App-header .nav-item{position:relative}.App-header .nav-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.App-header .nav-button:hover{background:var(--card-warning-color);border-color:var(--card-primary-color)}.App-header .dropdown-arrow{font-size:.7rem;transition:transform .2s ease}.App-header .dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.App-header .dropdown-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:4px;box-shadow:0 4px 12px var(--card-shadow);display:none;left:0;min-width:220px;position:absolute;top:calc(100% + 5px);z-index:1000}.App-header .dropdown-content:before{background:#0000;content:"";height:5px;left:0;position:absolute;right:0;top:-5px}.App-header .dropdown:hover .dropdown-content{display:block}.App-header .dropdown-content a{border-bottom:1px solid var(--card-border);color:var(--color-text);display:block;font-size:.9rem;padding:12px 20px;text-decoration:none;transition:all .2s ease}.App-header .dropdown-content a:last-child{border-bottom:none}.App-header .dropdown-content a:hover{background:var(--card-primary-color);color:#fff;padding-left:25px}.Sub-header{background:var(--even-row-color);background-image:var(--sub-header-gradient);border-bottom:none;border-radius:8px;font-size:.9em;justify-content:flex-start;margin-bottom:20px;padding:15px 20px}.App-footer{border-bottom:none;border-top:1px solid var(--default-color);font-size:10px;margin-top:20px}.calculator{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:1280px;min-width:400px}.calculator .description{background:var(--secondary-bg-color);border-left:4px solid var(--card-title-color);border-radius:8px;color:var(--primary-text-color);font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:20px;padding:25px}.App-link{color:#61dafb}.fire-content{border-bottom:none;border-top:1px solid #616161;font-size:15px;margin-top:150px;padding:0 30px}.fire-content h1{text-decoration:underline}.fire-content h2{font-size:14px}.fire-content p{color:var(--color-text);font-size:14px;font-weight:400;padding-left:10px;text-align:justify;text-justify:inter-word}.fire-content a{color:var(--highlight-color)}.fire-content b{text-decoration:underline}.fire-content .tab-space{padding-left:30px}.fire-content .space-around{margin-bottom:30px}input[type=str-number]{background:none;border:none;border-bottom:1px solid var(--light-gray);box-sizing:border-box;caret-color:var(--progress-color);color:var(--progress-color);font-weight:700;max-width:90px;text-align:right}input[type=str-number]:focus{background-color:#77aaff2e;border:none;border-bottom:1px solid var(--default-color);outline:none}input[type=str-number]{-moz-appearance:textfield}input[type=str-number]::-webkit-inner-spin-button,input[type=str-number]::-webkit-outer-spin-button{-webkit-appearance:none}.button-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.button-container>*{margin-right:0}.container{margin:10px}.title-container{font-size:1.2em;margin:0;padding:0}.container .title{font-size:13px;font-weight:900;margin:0 0 5px;padding-left:5px}.feedback-button{background:#e66}@media only screen and (max-width:800px){.row-collection:before{display:none!important}.investment-allocation{border-left:none!important}.retirement-table{font-size:10px!important}.advance-view-container{flex-direction:column!important}.App-header>div:first-child{margin:5px!important}.App-header,.retirement-details,.table-collection{flex-direction:column!important}.retirement-safety-variables,.retirement-timeline{margin:0!important}.growth-chart,.retirement-attributes{width:100%!important}.expense-container .expense-title{font-size:14px!important}.investment-breakdown-container,.retirement-calculator{flex-direction:column!important};}@media only screen and (max-width:1194px){.table-collection{flex-direction:column!important};.investment-allocation{border-left:none!important}.App-header .nav-menu{flex-wrap:wrap;gap:10px;margin-left:0}.App-header .nav-button{font-size:.8rem;padding:6px 12px}.App-header .dropdown-content{min-width:180px}.App-header .title-container{margin-bottom:10px;text-align:center;width:100%}.App-header .button-container{margin-left:0}}@media only screen and (max-width:768px){.App-header,.App-header .nav-menu{align-items:stretch;flex-direction:column}.App-header .nav-menu{gap:5px;margin-left:0;width:100%}.App-header .nav-item{width:100%}.App-header .nav-button{justify-content:space-between;width:100%}.App-header .dropdown-content{background:var(--summary-bg);border:none;border-left:3px solid var(--card-primary-color);box-shadow:none;margin-top:5px;position:static}.App-header .dropdown-content a{padding-left:30px}.App-header .button-container{justify-content:center;width:100%}}@media print{.App.dark{background-color:#222831}}.currency-popup .container{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;padding:0;position:fixed;right:0;text-align:center;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.currency-selector{animation:slideIn .3s ease-out;background:var(--card-background);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;position:relative;width:90%}.currency-header{align-items:center;border-bottom:2px solid var(--card-border);display:flex;justify-content:space-between;padding:20px 25px}.currency-header h3{color:var(--color-text);font-size:1.4rem;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--subtle-text-color);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:var(--card-border);color:var(--color-text);transform:scale(1.1)}.close-button:active{transform:scale(.95)}.currency-container{background:var(--card-background);overflow:hidden}.search-container{padding:20px 25px 15px;position:relative}.search-icon{color:var(--subtle-text-color);left:40px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-container input{background:var(--input-section-bg);border:2px solid var(--card-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:1rem;outline:none;padding:12px 15px 12px 45px;transition:all .2s ease;width:100%}.search-container input::placeholder{color:var(--subtle-text-color)}.search-container input:focus{background:var(--card-background);border-color:var(--card-primary-color);box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--card-primary-color-rgb,76,175,80),.1)}.currency-dropdown{max-height:400px;overflow-y:auto;padding:10px 15px 20px}.currency-dropdown::-webkit-scrollbar{width:10px}.currency-dropdown::-webkit-scrollbar-track{background:var(--summary-bg);border-radius:10px;margin:5px}.currency-dropdown::-webkit-scrollbar-thumb{background:var(--card-border);border:2px solid var(--summary-bg);border-radius:10px}.currency-dropdown::-webkit-scrollbar-thumb:hover{background:var(--subtle-text-color)}.currency-row{align-items:center;background:var(--card-background);border:2px solid var(--card-border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;padding:14px 18px;transition:all .2s ease}.currency-row:hover{background:var(--summary-bg);border-color:var(--card-primary-color);box-shadow:0 2px 8px var(--card-shadow);transform:translateX(5px)}.currency-row:active{transform:translateX(5px) scale(.98)}.currency-code{color:var(--card-primary-color);font-size:1rem;font-weight:700;min-width:60px}.currency-name{color:var(--color-text);flex:1 1;font-size:.95rem;margin-left:15px;text-align:left}.no-results{color:var(--subtle-text-color);font-size:1rem;padding:40px 20px;text-align:center}@media (max-width:768px){.currency-selector{margin:10px;max-width:none;width:95%}.currency-header{padding:15px 20px}.currency-header h3{font-size:1.2rem}.search-container{padding:15px 20px 10px}.currency-dropdown{max-height:300px;padding:10px}.currency-row{padding:12px 15px}.currency-row:hover{transform:none}}.number-container{display:flex;justify-content:space-between;width:100%}.input-box{align-items:center;color:var(--progress-color);display:flex;flex-direction:row;font-size:12px;font-weight:700;padding-left:10px;text-align:right}.number-container .question{width:75%}.input-range{align-items:end;display:flex;flex-direction:column}.input-range>input[type=range]{-webkit-appearance:none;appearance:none;background:none;cursor:pointer;height:var(--size);overflow:hidden;width:100%}.input-range>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;aspect-ratio:1;background-color:var(--slider-color);border-image:linear-gradient(90deg,var(--progress-color) 50%,var(--default-color) 0) 0 1/calc(50% - var(--line-thickness)/2) 200vw/0 200vw;border-radius:50%;box-shadow:inset 0 0 0 2px var(--progress-outline-color);height:var(--size)}.input-range>input[type=range]::-moz-range-thumb{appearance:none;background-color:var(--slider-color);border-image:linear-gradient(90deg,var(--progress-color) 50%,var(--default-color) 0) 0 1/calc(50% - var(--line-thickness)/2) 200vw/0 200vw;border-radius:50%;height:var(--size);width:var(--size)}.theme-toggle-container{background:none;border-radius:50%;height:30px;position:relative;width:30px}.theme-toggle-container svg{fill:#fff;stroke:#0007ff8a;left:0;top:0}.moon,.sun,.theme-toggle-container svg{height:100%;position:absolute;width:100%}.moon-logo{opacity:0}.moon-logo,.sun-logo{transition:all 1s ease-out}.sun-logo{opacity:1}.sun-logo.light{opacity:1;transform:translateY(0) rotate(0deg)}.sun-logo.dark{opacity:0;transform:translateY(20%) rotate(100deg)}.moon-logo.light{opacity:0;transform:translateY(-20%) rotate(100deg)}.moon-logo.dark{opacity:1;transform:translateY(0) rotate(0deg)}.language-row{color:#fff;cursor:pointer;font-weight:900;margin:10px;text-decoration:underline}.expense-list{display:flex;flex-direction:column;min-width:100%}.expense-list .expense-row:not(:first-child){border-top:none}.expense-list .expense-row{border:1px solid var(--border-color);display:grid;grid-template-columns:auto auto auto;justify-items:end}.expenses .expense-list .expense-row{grid-template-columns:auto auto auto auto}.lifetime-monthly-expense .expense-list .expense-row{grid-template-columns:auto auto auto}.lifetime-monthly-expense .expense-list .expense-row div:last-child{display:none}.expense-container{margin:10px}.expense-container .expense-title{border-bottom:none;font-size:13px;font-weight:900;margin:0 0 3px;padding-left:5px}.expense-row:nth-child(2n){background-color:var(--even-row-color)}.expense-row:nth-child(odd){background-color:var(--odd-row-color)}.expense-row.expense-grid-title{background-color:#000;color:#fff;font-size:12px}.expense-row .input-box,.expense-row div{margin-right:5px;padding-left:0}.expense-grid-data input[type=str-number]{border-bottom:none;color:var(--subtle-text-color);font:var(--subtle-text);font-size:12px;font-weight:400;max-width:80px;padding-left:0}.expense-grid-data span{color:var(--subtle-text-color);font:var(--subtle-text)}.table-description{font-size:.7em;font-weight:400;margin-bottom:4px;padding-left:4px}.investments{position:relative}.investments:after{background-color:var(--darker-gray);bottom:0;content:" ";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.col-count-5 .expense-list .expense-row{grid-template-columns:25% 25% 20% 15% 15%}.col-count-3 .expense-list .expense-row{grid-template-columns:40% 30% 30%}.investment-allocation{border-left:1px solid var(--border-color)}.investment-allocation .number-container{display:flex;flex-direction:row;font-size:14px;font-weight:400;justify-content:flex-start;margin-bottom:5px;width:100%}.investment-allocation .number-container .question{width:60%}.investment-allocation .table-group{display:flex;justify-content:center}.investment-allocation .short-description{color:var(--subtle-text-color);font:var(--subtle-text);font-size:11px}.investment-allocation h1{border-bottom:none;font-size:13px;font-weight:900;margin-bottom:3px;margin-top:10px;padding-left:10px}.withdrawal-account-info{margin:0 10px;min-width:360px;padding:5px}.retirement-timeline,.withdrawal-account-info{border:1px solid var(--border-color);display:flex;flex-direction:column}.retirement-timeline{border-radius:5px;font-size:14px;font-weight:400;min-width:400px;overflow:hidden;padding:15px;width:100%}.growth-chart{width:50%}.retirement-container{border:1px solid var(--border-color);margin-top:20px;padding:10px}.retirement-attributes{margin-right:20px;width:50%}.retirement-details{display:flex;flex-direction:row}.retirement-attributes-title{border-bottom:1px solid;font-size:16px;font-weight:900;margin-bottom:10px}.table-block{margin-bottom:10px}.table-block .section:nth-child(2n){background-color:var(--odd-row-color)}.table-block .section:nth-child(odd){background-color:var(--even-row-color)}table,tr{border:1px solid var(--border-color)}table{border-collapse:collapse;width:100%}table thead tr{background-color:#000;color:#fff;font-weight:100}table tbody tr:nth-child(2n){background-color:var(--odd-row-color)}table tbody tr:nth-child(odd){background-color:var(--even-row-color)}.retirement-table tbody .shuffle{border-top:1px solid var(--investment-color)}.retirement-table tbody tr:first-child{background-color:#000;border:none;color:gray;font-size:12px;text-align:end}.retirement-table tr{border:none;height:20px}.retirement-table th{font-weight:100;padding-right:5px;text-align:end}.retirement-table thead th{font-weight:600}.retirement-table{margin-top:10px;overflow-x:auto}.retirement-table-grid{table-layout:fixed;width:100%}.retirement-table-grid td,.retirement-table-grid th{font-size:.9em;text-align:end}.retirement-table-grid th:first-child{width:5%}.retirement-table-grid th:nth-child(2){width:14%}.retirement-table-grid th:nth-child(3){width:15%}.retirement-table-grid th:nth-child(4),.retirement-table-grid th:nth-child(5),.retirement-table-grid th:nth-child(6){width:22%}.retirement-safety-variables{border:1px solid var(--border-color);border-radius:5px;display:flex;flex-direction:column;font-size:14px;font-weight:400;min-width:400px;overflow:hidden;padding:15px;width:100%}.data-container{background-color:var(--background-color);border-radius:5px;font-size:14px;margin:10px}.finance-input-feilds{border:1px solid var(--light-gray);max-width:600px}.data-container .input-container{margin:20px}.input-container{display:flex;flex-direction:column}.retirement-calculator{display:flex;flex-direction:row;margin-top:50px;width:100%}.retirement-breakdown{margin-top:100px;width:100%}.section{--name-width:75%;--box-height:10px;display:flex;font-size:14px;justify-content:center}.output-container{max-width:750px;width:100%}.output-container .section:nth-child(2n){background-color:var(--even-row-color)}.output-container .section:nth-child(odd){background-color:var(--odd-row-color)}.section:not(:first-child) .output-name,.section:not(:first-child) .output-value{border-top:none}.section .output-name{border:1px solid var(--border-color);border-right:none;padding:var(--box-height);text-align:left;width:var(--name-width)}.section .output-value{border:1px solid var(--border-color);font-weight:400;padding:var(--box-height);text-align:right;width:calc(100% - var(--name-width))}.investment-breakdown-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around}.investment-expense-chart{box-sizing:border-box;font-family:Open Sans,sans-serif;font-size:12px;max-width:700px;padding:10px;width:100%}.investment-expense-chart .title,.investment-table .title{font-size:14px;font-weight:700;text-decoration:underline}.investment-expense-chart .context,.investment-table .context{font-size:12px;font-weight:100;margin:10px 0 30px}.investment-expense-table{border-radius:10px;overflow:hidden}.investment-expense-table .row{border:1px solid var(--border-color);display:grid;grid-template-columns:auto auto auto auto}.investment-expense-table .row .cell{padding:10px}.investment-expense-table .row:nth-child(2n){background-color:var(--even-row-color)}.investment-expense-table .row:nth-child(odd){background-color:var(--odd-row-color)}.investment-expense-table .row:first-child{background-color:#000;color:#fff}.investment-expense-table .header{font-weight:700;padding:10px}*{box-sizing:border-box}.advance-view-container{align-items:flex-start;border:1px solid var(--darker-gray);border-radius:2px;display:flex;flex-direction:row;margin-top:10px;width:100%}.row-collection{display:flex;flex-direction:column;position:relative;width:100%}.row-collection:first-child:before{display:none}.row-collection:before{background-color:var(--darker-gray);content:" ";display:block;height:80%;position:absolute;top:50%;transform:translateY(-50%);width:1px}.table-collection{display:flex;flex-direction:row}.table-collection>*{width:100%}.table-group{display:flex;flex-direction:column}.clear-button{align-items:flex-end;display:flex;justify-content:right;padding:0 20px;width:100%}.clear-button button{background:#e66;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:900;margin-top:10px;padding:5px}.goal-calculator-container{margin:0 auto;max-width:1400px;padding:20px}.goal-calculator-intro{background:var(--secondary-bg-color);border-left:4px solid var(--card-title-color);border-radius:8px;margin-bottom:20px;padding:25px}.goal-calculator-intro h3{color:var(--card-title-color);font-size:1.2rem;margin:0 0 10px}.goal-calculator-intro p{color:var(--primary-text-color);line-height:1.6;margin:5px 0}.goal-calculator-intro ul{color:var(--secondary-text-color);margin:10px 0 0 20px}.goal-calculator-intro li{margin:5px 0}@media (max-width:768px){.goal-calculator-container{padding:10px}.goal-calculator-intro{padding:15px}}.goal-details-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.goal-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.goal-details-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0}.add-goal-button{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.add-goal-button:hover{background:var(--primary-color-dark);opacity:.9}.goal-item{grid-gap:15px;align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:grid;gap:15px;grid-template-columns:2fr 1.5fr 1fr 1fr 60px;padding:15px}.goal-input-group{display:flex;flex-direction:column;gap:5px}.goal-input-group label{color:var(--secondary-text-color);font-size:.85rem;font-weight:500}.goal-input-group input{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);font-size:1rem;padding:8px 12px}.goal-input-group input:focus{border-color:var(--primary-color);outline:none}.goal-input-group input[type=number],.goal-input-group input[type=text]{width:100%}.remove-goal-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;padding:8px;transition:background .3s;width:36px}.remove-goal-button:hover{background:#c0392b}.expected-return-container{align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:flex;gap:15px;padding:15px}.expected-return-container label{color:var(--primary-text-color);font-size:1rem;font-weight:500;white-space:nowrap}.expected-return-container input{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);font-size:1rem;padding:8px 12px;width:150px}.no-goals-message{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}@media (max-width:1024px){.goal-item{gap:10px;grid-template-columns:1fr}.expected-return-container{align-items:stretch;flex-direction:column}.expected-return-container input{width:100%}}.goal-results-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.goal-results-header{margin-bottom:15px}.goal-results-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.goal-results-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.goal-results-table{overflow-x:auto}.goal-results-table table{background:var(--primary-bg-color);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.goal-results-table thead{background:var(--primary-color);color:#fff}.goal-results-table th{font-size:.9rem;font-weight:600;padding:15px;text-align:left}.goal-results-table td{border-bottom:1px solid var(--border-color);color:var(--primary-text-color);padding:15px}.goal-results-table tbody tr:hover{background:var(--secondary-bg-color)}.goal-results-table tbody tr:last-child td{border-bottom:none}.priority-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 12px;text-transform:uppercase}.priority-badge.urgent{background:#e74c3c;color:#fff}.priority-badge.high{background:#f39c12;color:#fff}.priority-badge.medium{background:#3498db;color:#fff}.priority-badge.low{background:#95a5a6;color:#fff}.no-goals-results{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}.goal-name-cell{font-weight:600}.year-cell{text-align:center}@media (max-width:768px){.goal-results-table{font-size:.85rem}.goal-results-table td,.goal-results-table th{padding:10px 8px}.summary-card .value{font-size:1.5rem}}.goal-chart-container{background:var(--secondary-bg-color);border-radius:8px;margin:20px 0;padding:20px}.goal-chart-header{margin-bottom:20px}.goal-chart-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.goal-chart-header p{color:var(--secondary-text-color);font-size:.95rem;margin:0}@media (max-width:768px){.chart-wrapper{min-height:300px;padding:10px}}.debt-calculator-container{margin:0 auto;max-width:1400px;padding:20px}.debt-calculator-intro{background:var(--secondary-bg-color);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:20px;padding:25px}.debt-calculator-intro h3{color:var(--card-title-color);font-size:1.2rem;margin:0 0 10px}.debt-calculator-intro p{color:var(--primary-text-color);line-height:1.6;margin:5px 0}.debt-calculator-intro ul{color:var(--secondary-text-color);margin:10px 0 0 20px}.debt-calculator-intro li{margin:5px 0}.calculator-section{margin-bottom:20px}@media (max-width:768px){.debt-calculator-container{padding:10px}.debt-calculator-intro{padding:15px}}.loan-details-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.loan-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.loan-details-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0}.add-loan-button{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.add-loan-button:hover{background:var(--primary-color-dark);opacity:.9}.loan-item{grid-gap:15px;align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:grid;gap:15px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 60px;padding:15px}.loan-input-group{display:flex;flex-direction:column;gap:5px}.loan-input-group label{color:var(--secondary-text-color);font-size:.85rem;font-weight:500}.loan-input-group input{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);font-size:1rem;padding:8px 12px}.loan-input-group input:focus{border-color:var(--primary-color);outline:none}.loan-input-group select{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);cursor:pointer;font-size:1rem;padding:8px 12px}.remove-loan-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;padding:8px;transition:background .3s;width:36px}.remove-loan-button:hover{background:#c0392b}.optimization-container{align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:flex;gap:15px;padding:15px}.optimization-container label{color:var(--primary-text-color);font-size:1rem;font-weight:500;white-space:nowrap}.optimization-container select{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);cursor:pointer;flex:1 1;font-size:1rem;padding:8px 12px}.no-loans-message{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}@media (max-width:1200px){.loan-item{gap:10px;grid-template-columns:1fr 1fr}.remove-loan-button{grid-column:1/-1;width:100%}}@media (max-width:768px){.loan-item{grid-template-columns:1fr}.optimization-container{align-items:stretch;flex-direction:column}}.loan-results-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.loan-results-header{margin-bottom:15px}.loan-results-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.loan-results-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:var(--primary-bg-color);border:2px solid var(--border-color);border-radius:8px;text-align:center}.summary-card.savings{border-color:#27ae60}.summary-card h3{color:var(--secondary-text-color);font-size:.9rem;font-weight:600;margin:0 0 10px}.summary-card .value{color:var(--card-value-color);font-size:1.8rem;font-weight:700}.summary-card.savings .value{color:#27ae60}.loan-results-table{overflow-x:auto}.loan-results-table table{background:var(--primary-bg-color);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.loan-results-table thead{background:var(--primary-color);color:#fff}.loan-results-table th{font-size:.9rem;font-weight:600;padding:15px;text-align:left}.loan-results-table td{border-bottom:1px solid var(--border-color);color:var(--primary-text-color);padding:15px}.loan-results-table tbody tr:hover{background:var(--secondary-bg-color)}.loan-results-table tbody tr:last-child td{border-bottom:none}.loan-name-cell{font-weight:600}.amount-cell{font-family:Courier New,monospace;text-align:right}.percentage-cell{text-align:center}.progress-bar{background:var(--border-color);border-radius:5px;display:flex;height:30px;overflow:hidden}.progress-principal{background:#3498db}.progress-interest,.progress-principal{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:600;justify-content:center}.progress-interest{background:#e74c3c}.no-loans-results{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}.tenure-badge{background:var(--primary-color)}.savings-badge,.tenure-badge{border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 10px}.savings-badge{background:#27ae60}@media (max-width:768px){.loan-results-table{font-size:.85rem}.loan-results-table td,.loan-results-table th{padding:10px 8px}.summary-card .value{font-size:1.5rem}}.loan-chart-container{background:var(--secondary-bg-color);border-radius:8px;margin:20px 0;padding:20px}.loan-chart-header{margin-bottom:20px}.loan-chart-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.loan-chart-header p{color:var(--secondary-text-color);font-size:.95rem;margin:0}.loan-selector{align-items:center;display:flex;gap:10px;margin-bottom:20px}.loan-selector label{color:var(--primary-text-color);font-weight:600}.loan-selector select{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:5px;color:var(--primary-text-color);cursor:pointer;flex:1 1;font-size:1rem;padding:10px}.chart-wrapper{background:var(--primary-bg-color);border-radius:8px;min-height:400px;padding:20px}.no-chart-data{color:var(--secondary-text-color);font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.chart-wrapper{min-height:300px;padding:10px}.loan-selector{align-items:stretch;flex-direction:column}}.withdrawal-calculator{display:flex;flex-direction:row;gap:30px;margin:20px 0;max-width:1400px}.withdrawal-calculator .data-container{border-radius:8px;flex:1 1}.withdrawal-input-fields{border-radius:12px;margin-bottom:30px;padding:15px}.data-container .breakdown-section,.withdrawal-input-fields{background:var(--input-section-bg);box-shadow:0 2px 8px var(--card-shadow)}.data-container .breakdown-section{border-radius:8px;margin-top:30px;padding:20px}.data-container .breakdown-section h3{color:var(--color-text);font-size:1.2rem;margin-bottom:15px;margin-top:0}.data-container .breakdown-grid{display:flex;flex-direction:column;gap:12px}.data-container .breakdown-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.data-container .breakdown-label{color:var(--subtle-text-color);font-size:.9rem}.data-container .breakdown-value{color:var(--color-text);font-size:.9rem;font-weight:600}.data-container .info-section{background:var(--strategy-description-bg);border:1px solid var(--strategy-description-border);border-radius:10px;margin-top:20px;padding:20px}.data-container .info-section h4{color:var(--strategy-description-text);font-size:1.1rem;margin-bottom:12px;margin-top:0}.data-container .info-section ul{margin:10px 0;padding-left:20px}.data-container .info-section li{color:var(--strategy-description-text);font-size:.9rem;line-height:1.5;margin:8px 0}.data-container .info-section strong{color:var(--card-primary-color)}@media (min-width:768px){.withdrawal-calculator{align-items:flex-start;flex-direction:row}.data-container{flex:2 1}}@media (max-width:1024px){.withdrawal-calculator{flex-direction:column}.withdrawal-calculator .finance-input-feilds{flex:1 1;width:100%}}.withdrawal-plan-output{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:15px}.chart-section{padding:20px}.chart-legend-custom{border-top:1px solid var(--card-border);display:flex;gap:30px;justify-content:center;margin-top:15px;padding-top:15px}.legend-item{align-items:center;color:var(--subtle-text-color);display:flex;font-size:.9rem;gap:8px}.legend-color{border-radius:2px;height:12px}.legend-color.accumulation{background:#82ca9d}.legend-color.withdrawal{background:#ff7c7c}@media (max-width:768px){.action-grid,.charts-container,.output-summary{grid-template-columns:1fr}.summary-value{font-size:1.5rem}.summary-card.primary .summary-value{font-size:1.8rem}.chart-legend-custom{align-items:flex-start;flex-direction:column;gap:10px}}.goal-gap-analyzer{display:flex;flex-direction:row;gap:30px;margin:20px 0;max-width:1400px}.goal-gap-analyzer .finance-input-feilds{flex:0 0 350px;min-width:300px}.goal-gap-analyzer .data-container{border-radius:8px;flex:1 1}.goal-input-feilds{background:var(--input-section-bg);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);margin-bottom:30px;padding:25px}.goal-input-feilds .breakdown-section{background:var(--summary-bg);border-radius:8px;margin-top:30px;padding:20px}.goal-input-feilds .breakdown-section h3{color:var(--color-text);font-size:1.2rem;margin-bottom:15px;margin-top:0}.goal-input-feilds .breakdown-grid{display:flex;flex-direction:column;gap:12px}.goal-input-feilds .breakdown-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.goal-input-feilds .breakdown-label{color:var(--subtle-text-color);font-size:.9rem}.goal-input-feilds .breakdown-value{color:var(--color-text);font-size:.9rem;font-weight:600}.goal-input-feilds .info-section{background:var(--strategy-description-bg);border:1px solid var(--strategy-description-border);border-radius:10px;margin-top:20px;padding:20px}.goal-input-feilds .info-section h4{color:var(--strategy-description-text);font-size:1.1rem;margin-bottom:12px;margin-top:0}.goal-input-feilds .info-section ul{margin:10px 0;padding-left:20px}.goal-input-feilds .info-section li{color:var(--strategy-description-text);font-size:.9rem;line-height:1.5;margin:8px 0}.goal-input-feilds .info-section strong{color:var(--card-primary-color)}@media (min-width:768px){.goal-gap-analyzer{align-items:flex-start;flex-direction:row}.data-container{flex:2 1}}@media (max-width:1024px){.goal-gap-analyzer{flex-direction:column}.goal-gap-analyzer .finance-input-feilds{flex:1 1;width:100%}}.goal-gap-output{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.output-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.output-summary.warning .summary-card.primary{border-color:var(--card-warning-color)}.summary-card.primary{border-color:var(--card-primary-color)}.summary-card h3{color:var(--card-title-color);font-size:.85rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-value{color:var(--card-value-color);font-size:1.8rem;font-weight:700;margin:10px 0}.summary-card.primary .summary-value{color:var(--card-primary-color);font-size:2.2rem}.summary-detail{color:var(--subtle-text-color);font-size:.85rem;margin-top:8px}.goal-warning{background:var(--savings-highlight-bg);border:2px solid var(--card-warning-color);border-radius:10px;color:var(--card-warning-color);font-weight:600;margin-bottom:25px;padding:20px;text-align:center}.charts-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin:30px 0}.chart-section{background:var(--chart-bg);border-radius:10px}.chart-section.full-width{grid-column:1/-1}.chart-section h3{color:var(--color-text);font-size:1.3rem;margin-bottom:15px;margin-top:0}.chart-note{background:var(--summary-bg);border-radius:6px;color:var(--subtle-text-color);font-size:.9rem;line-height:1.5;margin-top:15px;padding:12px;text-align:center}.breakdown-legend{background:var(--summary-bg);border-radius:8px;margin-top:20px;padding:20px}.legend-row{align-items:center;border-bottom:1px solid var(--summary-border);display:flex;gap:10px;padding:12px 0}.legend-row.total,.legend-row:last-child{border-bottom:none}.legend-row.total{border-top:2px solid var(--color-text);margin-top:10px;padding-top:15px}.legend-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.legend-label{color:var(--subtle-text-color);flex:1 1}.legend-value{color:var(--color-text);font-weight:600}.action-section{margin-top:30px}.action-section h4{color:var(--color-text);font-size:1.3rem;margin-bottom:20px}.action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:var(--card-background);border:2px solid var(--card-warning-color);border-radius:10px;box-shadow:0 3px 6px var(--card-shadow);padding:20px;transition:transform .2s ease}.action-card:hover{box-shadow:0 5px 10px var(--card-shadow);transform:translateY(-3px)}.action-icon{font-size:2rem;margin-bottom:10px}.action-card h5{color:var(--card-warning-color);font-size:1.1rem;margin:10px 0}.action-card p{color:var(--subtle-text-color);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.action-grid,.charts-container,.output-summary{grid-template-columns:1fr}.goal-gap-output{padding:15px}.summary-value{font-size:1.5rem}.summary-card.primary .summary-value{font-size:1.8rem}}.emi-calculator{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1400px}.description{background:var(--summary-bg);border-radius:8px;color:var(--subtle-text-color);font-size:1.1rem;margin-bottom:10px;padding:15px}.emi-input-fields{background:var(--input-section-bg);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.strategy-selector{background:var(--strategy-selector-bg);border-radius:8px;margin-top:25px;padding:20px}.strategy-label{color:var(--color-text);display:block;font-size:1.05rem;font-weight:600;margin-bottom:12px}.strategy-options{display:flex;flex-direction:column;gap:12px}.strategy-option{align-items:center;background:var(--strategy-option-bg);border:2px solid var(--strategy-option-border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:all .2s ease}.strategy-option:hover{background:var(--strategy-option-hover-bg);border-color:var(--strategy-option-hover-border)}.strategy-option input[type=radio]{cursor:pointer;height:18px;width:18px}.strategy-option input[type=radio]:checked+span{color:var(--card-primary-color);font-weight:600}.strategy-option span{color:var(--subtle-text-color);font-size:.95rem}.strategy-description{background:var(--strategy-description-bg);border-left:3px solid var(--strategy-description-border);border-radius:4px;color:var(--strategy-description-text);font-size:.9rem;margin-top:10px;padding:10px 15px}@media (min-width:768px){.emi-calculator{align-items:flex-start;flex-direction:row}.emi-input-fields{flex:1 1;max-width:450px;min-width:350px}.data-container{flex:2 1}}@media (max-width:767px){.emi-calculator{padding:10px}.emi-input-fields{padding:20px 15px}.strategy-selector{padding:15px}.strategy-options{gap:10px}.strategy-option{padding:10px 12px}}.emi-output-container{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.emi-summary h3{border-bottom:2px solid var(--card-border);color:var(--color-text);font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.summary-card{background:var(--card-background);border:2px solid var(--card-border);border-radius:10px;box-shadow:0 4px 6px var(--card-shadow);color:var(--color-text);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 6px 12px var(--card-shadow);transform:translateY(-3px)}.primary-card{border-color:var(--card-primary-color);grid-column:span 2}.summary-card .card-label{color:var(--card-title-color);font-size:.85rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-card .card-value{color:var(--card-value-color);font-size:1.8rem;font-weight:700;margin:10px 0}.primary-card .card-value{color:var(--card-primary-color);font-size:2.2rem}.summary-card .card-subtitle{color:var(--subtle-text-color);font-size:.85rem;margin-top:8px}.card-subtitle.savings{background:var(--card-border);border-radius:5px;color:var(--card-success-color);display:inline-block;font-weight:600;margin-top:10px;padding:5px 10px}.savings-highlight{background:var(--savings-highlight-bg);border-left:4px solid var(--card-success-color);border-radius:10px;margin:25px 0;padding:20px}.savings-highlight h4{color:var(--savings-text-color);font-size:1.2rem;margin-bottom:15px}.savings-details{display:flex;flex-direction:column;gap:15px}.savings-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.savings-item span{color:var(--subtle-text-color);font-weight:500}.savings-item strong{color:var(--savings-text-color);font-size:1.1rem}.savings-comparison{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:10px}.savings-comparison>div{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:15px}.savings-comparison span{color:var(--color-text);display:block;font-weight:600;margin-bottom:8px}.savings-comparison div div{color:var(--subtle-text-color);font-size:.9rem;margin:4px 0}.emi-chart-container{background:var(--chart-bg);border-radius:10px;margin:30px 0;padding:20px}.emi-details-section{margin-top:30px}.emi-details-section h3{color:var(--color-text);font-size:1.3rem;margin-bottom:15px}.breakdown-summary{background:var(--summary-bg);border-radius:8px;padding:20px}.breakdown-item{border-bottom:1px solid var(--summary-border);display:flex;justify-content:space-between;padding:12px 15px}.breakdown-item:last-child{border-bottom:none}.breakdown-item.highlight{background:var(--card-border);border-bottom:none;border-radius:6px;font-weight:600;margin-top:10px}.breakdown-label{color:var(--subtle-text-color)}.breakdown-value{color:var(--color-text);font-weight:600}.how-to-use-section{background:var(--strategy-description-bg);border:1px solid var(--strategy-description-border);border-radius:10px;margin-top:30px;padding:25px}.how-to-use-section h3{color:var(--strategy-description-text);font-size:1.3rem;margin-bottom:20px}.usage-steps{display:flex;flex-direction:column;gap:15px}.usage-step{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background:var(--card-primary-color);border-radius:50%;color:var(--color-text);display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.step-content{flex:1 1;padding-top:4px}.step-content strong{color:var(--card-primary-color);display:block;margin-bottom:5px}.next-steps-section{margin-top:30px}.next-steps-section h3{color:var(--color-text);font-size:1.3rem;margin-bottom:20px}.next-steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.next-step-card{background:var(--card-background);border:2px solid var(--card-warning-color);border-radius:10px;box-shadow:0 3px 6px var(--card-shadow);padding:20px;transition:transform .2s ease}.next-step-card:hover{box-shadow:0 5px 10px var(--card-shadow);transform:translateY(-3px)}.step-icon{font-size:2rem;margin-bottom:10px}.next-step-card h4{color:var(--card-warning-color);font-size:1.1rem;margin-bottom:10px}.next-step-card p{color:var(--subtle-text-color);font-size:.9rem;line-height:1.5}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.primary-card{grid-column:span 1}.next-steps-grid,.savings-comparison{grid-template-columns:1fr}.emi-output-container{padding:15px}.summary-card .card-value{font-size:1.5rem}.primary-card .card-value{font-size:1.8rem}}.homepage-container{margin:0;max-width:100%;padding:40px}.homepage-hero{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);margin-bottom:60px;padding:40px 20px;text-align:center}.homepage-hero h1{color:var(--color-text);font-size:3rem;font-weight:700;margin-bottom:20px}.homepage-subtitle{color:var(--subtle-text-color);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px}.calculator-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.calculator-card{background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);color:var(--color-text);overflow:hidden;padding:30px;position:relative;text-decoration:none;transition:all .3s ease}.calculator-card:after{background:var(--savings-highlight-bg);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.calculator-card:hover:after{opacity:.15}.calculator-card>*{position:relative;z-index:1}.calculator-card:hover{border-color:var(--card-primary-color);box-shadow:0 8px 20px var(--card-shadow);transform:translateY(-5px)}.calculator-card:before{background:var(--card-primary-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.calculator-card:hover:before{transform:scaleY(1)}.card-icon{display:block;font-size:3rem;margin-bottom:15px}.calculator-card h3{color:var(--card-value-color);font-size:1.5rem;font-weight:600;margin-bottom:12px}.calculator-card p{color:var(--subtle-text-color);font-size:1rem;line-height:1.6;margin-bottom:15px}.card-arrow{bottom:20px;color:var(--card-primary-color);font-size:1.5rem;position:absolute;right:25px;transition:transform .3s ease}.calculator-card:hover .card-arrow{transform:translateX(5px)}.homepage-features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px;padding:40px 0}.feature-item{background:var(--summary-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px;text-align:center}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-item h4{color:var(--color-text);font-size:1.3rem;margin-bottom:10px}.feature-item p{color:var(--subtle-text-color);font-size:1rem;line-height:1.6}@media (max-width:1200px){.calculator-cards-grid{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.homepage-container{padding:30px 20px}.homepage-hero h1{font-size:2rem}.homepage-subtitle{font-size:1.1rem}.calculator-cards-grid{gap:20px;grid-template-columns:1fr}.calculator-card{padding:25px}.homepage-features{gap:20px;grid-template-columns:1fr}}