.calc-page{background:var(--color-bg-main,#f8fafc);display:flex;flex-direction:column;min-height:100vh}.calc-page .container{margin:0 auto;max-width:1100px;padding:0 1.5rem}.calc-main{flex:1;padding:var(--space-8) 0 var(--space-16)}.calc-page .container>header{border-bottom:1px solid var(--color-border,#e2e8f0);margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.calc-page .container>header h1{color:var(--color-text-primary,#1e293b);font-size:2rem;font-weight:700;margin-bottom:.5rem}.calc-page .container>header p{color:var(--color-text-secondary,#64748b);font-size:1.1rem;margin:0 auto;max-width:600px}.calc-header{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.calc-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--h1-size);font-weight:var(--h1-weight);letter-spacing:var(--h1-letter-spacing);line-height:var(--h1-line-height);margin-bottom:var(--space-2)}.calc-subtitle{color:var(--color-text-secondary);font-size:var(--body-primary-size);margin:0;max-width:700px}.calc-layout,.calculator-grid{align-items:start;display:grid;gap:var(--space-8,2rem);grid-template-columns:380px 1fr}@media (max-width:1024px){.calc-layout,.calculator-grid{gap:var(--space-6,1.5rem);grid-template-columns:1fr}}.calc-inputs,.calculator-grid>aside>.card,.calculator-grid>aside>form,.calculator-grid>aside>form.card,.input-panel{background:var(--color-bg-surface,#fff)!important;border:1px solid var(--color-border,#e2e8f0)!important;border-radius:var(--radius-lg,12px)!important;box-shadow:0 1px 3px #0000001a;padding:var(--space-6,1.5rem)!important}.calculator-grid>aside{background:transparent;border:none;padding:0}.calculator-grid>aside>.card,.calculator-grid>aside>form,.calculator-grid>aside>form.card{position:sticky;top:100px}@media (max-width:1024px){.calc-inputs,.calculator-grid>aside>.card,.calculator-grid>aside>form,.input-panel{position:static}}.calc-results,.calculator-grid>main,.calculator-grid>main.card,.results-panel{background:var(--color-bg-surface,#fff)!important;border:1px solid var(--color-border,#e2e8f0)!important;border-radius:var(--radius-lg,12px)!important;box-shadow:0 1px 3px #0000001a;padding:var(--space-6,1.5rem)!important}.calc-inputs-title,.panel-title{border-bottom:2px solid var(--color-primary,#6366f1);color:var(--color-text-primary,#1e293b);font-size:var(--h4-size,1.25rem);font-weight:var(--h4-weight,600);margin-bottom:var(--space-6,1.5rem);padding-bottom:var(--space-4,1rem)}.calc-input-group{margin-bottom:var(--space-6)}.calc-input-group:last-child{margin-bottom:0}.calc-input-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--label-size);font-weight:var(--label-weight);justify-content:space-between;margin-bottom:var(--space-2)}.calc-input-value{color:var(--color-primary);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;font-weight:600}.calc-input{background:transparent;border:none;border-bottom:var(--input-border);color:var(--color-text-primary);font-family:var(--font-primary);font-feature-settings:"tnum" 1;font-size:var(--input-font-size);font-variant-numeric:tabular-nums;font-weight:var(--input-font-weight);padding:var(--input-padding);transition:border-color var(--transition-fast);width:100%}.calc-input:focus{border-bottom:var(--input-border-focus);outline:none}.calc-input::placeholder{color:var(--color-text-muted);font-weight:400}input[type=number].calc-input{-moz-appearance:textfield}input[type=number].calc-input::-webkit-inner-spin-button,input[type=number].calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-input-wrapper{align-items:baseline;display:flex;gap:var(--space-2)}.calc-input-prefix{color:var(--color-text-muted);font-size:var(--input-font-size);font-weight:var(--input-font-weight)}.calc-input-suffix{color:var(--color-text-muted);font-size:var(--body-secondary-size);font-weight:500}.calc-range{-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;cursor:pointer;height:6px;margin-top:var(--space-3);width:100%}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);border:3px solid var(--color-bg-surface);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;transition:transform var(--transition-fast);width:20px}.calc-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.calc-range::-moz-range-thumb{background:var(--color-primary);border:3px solid var(--color-bg-surface);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;width:20px}.calc-form select,.calc-input-group select,.calc-select,select.calc-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;display:block;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;padding:14px 44px 14px 16px;transition:all .15s ease;width:100%}.calc-form select:hover,.calc-input-group select:hover,.calc-select:hover,select.calc-input:hover{background-color:#fff;border-color:#cbd5e1}.calc-form select:focus,.calc-input-group select:focus,.calc-select:focus,select.calc-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.calc-form select option,.calc-input-group select option,.calc-select option,select.calc-input option{background:#fff;color:#0f172a;font-weight:500;padding:12px 16px}.calc-form select:disabled,.calc-select:disabled,select.calc-input:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.7}.calc-select.calc-select--sm,select.calc-input--sm{border-radius:8px;font-size:14px;padding:10px 40px 10px 12px}.calc-input-helper{color:var(--color-text-muted);font-size:var(--body-muted-size);margin-top:var(--space-1)}.calc-results{display:flex;flex-direction:column;gap:var(--space-6)}.calc-result-primary{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.calc-result-label{color:var(--color-text-muted);font-size:var(--body-secondary-size);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.calc-result-value{color:var(--color-text-primary);font-family:var(--font-primary);font-feature-settings:"tnum" 1;font-size:var(--result-size);font-variant-numeric:tabular-nums;font-weight:var(--result-weight);line-height:1.2}.calc-result-value.positive{color:var(--color-success)}.calc-result-value.negative{color:var(--color-error)}.calc-metrics{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.calc-metric{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.calc-metric-label{color:var(--color-text-muted);font-size:var(--label-size);margin-bottom:var(--space-1)}.calc-metric-value{color:var(--color-text-primary);font-feature-settings:"tnum" 1;font-size:var(--h3-size);font-variant-numeric:tabular-nums;font-weight:700}.calc-metric-invested .calc-metric-value{color:var(--chart-invested)}.calc-metric-returns .calc-metric-value{color:var(--chart-returns)}.calc-chart{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.calc-chart-title{color:var(--color-text-primary);font-size:var(--h4-size);font-weight:var(--h4-weight);margin-bottom:var(--space-4)}.calc-chart-wrapper{height:300px;position:relative}.calc-chart-wrapper canvas{height:100%!important;width:100%!important}.calc-chart-legend{border-top:1px solid var(--color-border);display:flex;gap:var(--space-6);justify-content:center;margin-top:var(--space-4);padding-top:var(--space-4)}.calc-legend-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--body-secondary-size);gap:var(--space-2)}.calc-legend-dot{border-radius:50%;height:12px;width:12px}.calc-legend-dot.invested{background:var(--chart-invested)}.calc-legend-dot.returns{background:var(--chart-returns)}.calc-legend-dot.inflation{background:var(--chart-inflation)}.calc-legend-dot.projection{background:var(--chart-projection)}.calc-insights{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.calc-insights-title{color:var(--color-text-primary);font-size:var(--h4-size);font-weight:var(--h4-weight);margin-bottom:var(--space-4)}.calc-insight-item{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-3) 0}.calc-insight-item:last-child{border-bottom:none;padding-bottom:0}.calc-insight-icon{flex-shrink:0;font-size:20px}.calc-insight-text{color:var(--color-text-secondary);font-size:var(--body-primary-size);line-height:var(--body-primary-line-height)}.calc-insight-highlight{color:var(--color-text-primary);font-weight:600}.calc-disclaimer{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--body-muted-size);padding:var(--space-4)}.calc-disclaimer-title{color:var(--color-warning);font-weight:600;margin-bottom:var(--space-1)}.calc-privacy{align-items:center;background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--body-muted-size);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.calc-content{margin-top:var(--section-spacing)}.calc-section{margin-bottom:var(--space-12)}.calc-section:last-child{margin-bottom:0}.calc-section-title{color:var(--color-text-primary);font-size:var(--h2-size);font-weight:var(--h2-weight);letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height);margin-bottom:var(--space-4)}.calc-section-content{color:var(--color-text-secondary);font-size:var(--body-primary-size);line-height:var(--body-primary-line-height)}.calc-section-content p{margin-bottom:var(--space-4)}.calc-section-content ol,.calc-section-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.calc-section-content li{margin-bottom:var(--space-2)}.calc-formula{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--body-secondary-size);padding:var(--space-4)}.calc-comparison,.calc-formula{margin:var(--space-4) 0;overflow-x:auto}.calc-comparison{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.calc-comparison table{border-collapse:collapse;font-size:var(--body-secondary-size);width:100%}.calc-comparison th{background:var(--color-bg-main);color:var(--color-text-primary);font-weight:600;text-align:left;white-space:nowrap}.calc-comparison td,.calc-comparison th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.calc-comparison td{color:var(--color-text-secondary)}.calc-comparison tr:last-child td{border-bottom:none}.calc-comparison tr:hover td{background:var(--color-bg-main)}.calc-faq-item{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.calc-faq-item:last-child{border-bottom:none}.calc-faq-question{color:var(--color-text-primary);font-size:var(--h4-size);font-weight:600;margin-bottom:var(--space-2)}.calc-faq-answer{color:var(--color-text-secondary);font-size:var(--body-primary-size);line-height:var(--body-primary-line-height)}.calc-related{margin-top:var(--space-12)}.calc-related-title{color:var(--color-text-primary);font-size:var(--h3-size);font-weight:var(--h3-weight);margin-bottom:var(--space-4)}.calc-related-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.calc-related-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.calc-related-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none}.calc-related-card-title{color:var(--color-text-primary);font-size:var(--body-primary-size);font-weight:600;margin-bottom:var(--space-1)}.calc-related-card-desc{color:var(--color-text-muted);font-size:var(--body-muted-size)}@keyframes countUp{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.calc-result-value.animating{animation:countUp .3s ease-out}