@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#161a18;font-synthesis:none;text-rendering:optimizelegibility;--green:#229129;--green-dark:#16741e;--green-soft:#eaf6e9;--ink:#161a18;--muted:#626762;--border:#dfe3df;--surface:#fff;--surface-soft:#fafbfa;--shadow:0 16px 45px #1026140e;background:#f7f8f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#2291290d,#0000 34rem),#f7f8f7;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100%,1024px);min-height:var(--tg-viewport-stable-height,100vh);padding:max(34px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));margin:0 auto}.brand-header{text-align:center;margin:0 0 26px}.brand-header h1{color:#0d0f0e;letter-spacing:-.055em;margin:0;font-size:clamp(2.15rem,7vw,4rem);font-weight:700;line-height:1}.brand-profit{color:var(--green);position:relative}.brand-profit:after{content:"";transform-origin:50%;background:currentColor;width:.78em;height:2px;position:absolute;top:.47em;left:1.77em;transform:rotate(43deg)}.brand-header p{color:#646964;letter-spacing:.28em;text-transform:uppercase;margin:15px 0 0;font-size:clamp(.68rem,2vw,1rem)}.calculator-shell{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:22px;padding:clamp(18px,4vw,38px)}.field-block{border:0;min-width:0;margin:0;padding:0}.field-label{color:#323733;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 12px;font-size:clamp(.77rem,2vw,.95rem);font-weight:500;display:flex}.input-shell{background:var(--surface);border:1px solid #d6dad7;border-radius:11px;align-items:center;height:70px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.input-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #2291291a}.input-shell--invalid{border-color:#c74636}.input-shell input{width:100%;height:100%;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0 58px 0 25px;font-size:clamp(1.25rem,4vw,1.8rem)}.input-icon{color:var(--green);pointer-events:none;position:absolute;right:22px}.input-icon--deposit{stroke-width:1.8px}.field-error{color:#a52d20;margin:8px 0 0;font-size:.8rem}.controls-row{grid-template-columns:minmax(0,1.25fr) minmax(250px,.95fr);gap:34px;margin-top:31px;display:grid}.rate-segments{background:var(--surface);border:1px solid #d6dad7;border-radius:11px;grid-template-columns:repeat(5,1fr);min-height:70px;padding:5px;display:grid}.rate-segment{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:0;font-size:clamp(.9rem,2vw,1.2rem);transition:color .16s,border-color .16s,background .16s;display:flex}.rate-segment:hover{background:#f5faf5}.rate-segment--active{border-color:var(--green);color:var(--green-dark);background:#f8fcf8;box-shadow:inset 0 0 0 1px #2291291f}.term-meta{color:#808680;gap:10px;margin:8px 2px 0;font-size:.72rem;display:flex}.term-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:8px 0 0}.term-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--green) var(--range-progress), #dde3de var(--range-progress));border-radius:999px;height:4px}.term-range::-webkit-slider-thumb{appearance:none;background:var(--green);width:18px;height:18px;box-shadow:0 0 0 1px var(--green), 0 2px 6px #185d1e40;border:3px solid #fff;border-radius:50%;margin-top:-7px}.term-range::-moz-range-track{background:#dde3de;border-radius:999px;height:4px}.term-range::-moz-range-progress{background:var(--green);border-radius:999px;height:4px}.term-range::-moz-range-thumb{background:var(--green);width:14px;height:14px;box-shadow:0 0 0 1px var(--green);border:3px solid #fff;border-radius:50%}.info-banner{background:linear-gradient(90deg,#f5fbf5e6,#fff);border:1px solid #229129a6;border-radius:14px;align-items:center;gap:18px;margin-top:25px;padding:20px 24px;display:flex}.round-icon{color:#2e3330;background:#fff;border:1px solid #d9ddda;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.round-icon--green{border-color:var(--green);color:var(--green)}.info-banner p{color:#565c57;margin:0;font-size:clamp(.78rem,2vw,.95rem);line-height:1.55}.info-banner__title{color:var(--ink)!important;font-size:clamp(.9rem,2vw,1.05rem)!important}.info-banner__title strong{font-weight:600}.results-panel{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin-top:34px;padding:clamp(22px,4vw,33px)}.results-panel h2{color:#333834;letter-spacing:.025em;text-transform:uppercase;margin:0;font-size:clamp(.76rem,2vw,1rem);font-weight:500}.final-capital{color:var(--green);letter-spacing:-.045em;text-align:center;font-variant-numeric:tabular-nums;margin:20px 0 5px;font-size:clamp(2.5rem,8vw,4.4rem);font-weight:700;line-height:1}.profit-line{color:#313632;text-align:center;margin:15px 0 0;font-size:clamp(.8rem,2vw,1rem)}.profit-line strong,.profit-line output{color:var(--green-dark);font-weight:500}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:29px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex}.metric-card .round-icon{width:40px;height:40px}.metric-card__label,.metric-card__value{margin:0}.metric-card__label{color:#565b57;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.metric-card__value{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:7px;font-size:clamp(.82rem,2vw,1rem);font-weight:500}.metric-card__value--accent{color:var(--green-dark)}.growth-chart{margin-top:26px}.chart-tooltip{color:#545a55;justify-content:flex-end;align-items:center;gap:22px;min-height:44px;margin:0 2px 4px;font-size:.72rem;display:flex}.chart-tooltip p,.chart-tooltip span,.chart-tooltip output{margin:0}.chart-tooltip__month{color:#343936;text-transform:uppercase;font-weight:600;margin-right:auto!important}.chart-tooltip div{gap:2px;display:grid}.chart-tooltip output{color:var(--green-dark);font-variant-numeric:tabular-nums;font-size:.86rem;font-weight:600}.chart-canvas{width:100%;overflow:hidden}.chart-canvas svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:#e7ebe8;stroke-width:1px}.chart-axis-label{fill:#69706a;font-variant-numeric:tabular-nums;font-size:12px}.chart-axis-label--month{fill:#4f5550}.chart-growth-line{fill:none;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.chart-point-control{fill:#22912900;cursor:pointer;pointer-events:all;outline:none}.chart-point{fill:var(--green);stroke:#fff;stroke-width:1.5px;pointer-events:none}.chart-point--selected,.chart-point-control:focus-visible .chart-point{stroke:var(--green-soft);stroke-width:5px}.disclaimer{border:1px solid var(--border);background:#fcfdfc;border-radius:13px;align-items:center;gap:17px;margin-top:27px;padding:17px 20px;display:flex}.round-icon--shield{width:45px;height:45px;color:var(--green);background:var(--green-soft);border:0;border-radius:10px}.disclaimer p{color:#606661;margin:0;font-size:clamp(.72rem,2vw,.86rem);line-height:1.5}@media (width<=720px){.app-shell{padding-top:max(24px, env(safe-area-inset-top))}.brand-header{margin-bottom:20px}.calculator-shell{border-radius:18px}.controls-row,.metrics-grid{grid-template-columns:1fr}.controls-row{gap:24px;margin-top:25px}.metrics-grid{gap:10px}.metric-card__label{white-space:normal}}@media (width<=430px){.app-shell{padding-inline:max(10px, env(safe-area-inset-left))}.calculator-shell{border-radius:15px;padding:16px}.input-shell,.rate-segments{height:60px;min-height:60px}.input-shell input{padding-left:18px}.rate-segments{padding:4px}.rate-segment{font-size:.88rem}.info-banner,.disclaimer{align-items:flex-start;padding:16px}.results-panel{padding:19px 15px}.final-capital{font-size:clamp(2.15rem,12vw,3rem)}.chart-tooltip{background:var(--green-soft);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px 16px;padding:10px 12px;display:grid}.chart-tooltip__month{grid-column:1/-1}.chart-axis-label{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}