@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;600;700;800&family=Material+Symbols+Outlined:wght@100..700&display=swap";:root{color-scheme:light;--background: #f8f9fa;--surface: #ffffff;--surface-low: #f3f4f5;--surface-high: #e1e3e4;--surface-border: #d9e0dc;--text: #191c1d;--text-muted: #55656b;--text-soft: #738289;--primary: #00342b;--primary-soft: #004d40;--primary-ghost: #e1efe9;--primary-contrast: #ffffff;--accent: #94d3c1;--shadow: 0 40px 80px -20px rgba(0, 52, 43, .08);font-family:Inter,sans-serif;background:var(--background);color:var(--text)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,rgba(148,211,193,.28),transparent 28%),linear-gradient(180deg,#fbfcfc,#f4f6f6);color:var(--text)}body,button,input{font-family:Inter,sans-serif}h1,h2,h3,.brand-mark,.result-hero__value strong,.field-input,.result-row strong{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1}.site-shell{min-height:100vh}.top-bar{position:fixed;top:0;z-index:50;display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 2rem;height:4rem;background:#02221cdb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-mark{color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:-.06em}.top-nav{display:flex;gap:2rem;align-items:center}.top-nav a{color:#d0eae1bd;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700}.top-actions{display:flex;align-items:center;gap:.75rem}.icon-button{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:transparent;color:#10b981;cursor:pointer}.avatar-badge{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--surface-high);color:var(--primary);font-size:.78rem;font-weight:700}.page-layout{display:flex;gap:2rem;width:min(100%,84rem);margin:0 auto;padding:6rem 1rem}.sidebar-nav{width:16rem;flex-shrink:0}.sidebar-nav__inner{position:sticky;top:6rem;display:grid;gap:.5rem}.sidebar-nav__label{margin:0 1rem .75rem;color:var(--text-soft);text-transform:uppercase;font-size:.625rem;font-weight:800;letter-spacing:.2em}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:1rem;color:var(--text-muted);font-size:.92rem;font-weight:600}.nav-link-active{background:var(--primary-soft);color:var(--accent)}.nav-link-active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.content-stack{flex:1;display:grid;gap:2rem}.page-intro{display:grid;gap:.5rem}.page-intro h1{margin:0;color:var(--primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.05em}.page-intro p{max-width:40rem;margin:0;color:var(--text-muted);line-height:1.65}.calculator-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(20rem,5fr);gap:2rem;align-items:start}.calculator-card,.result-card,.info-card{border:1px solid rgba(112,121,117,.12);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow)}.calculator-card{padding:2rem}.calculator-stack{display:grid;gap:2rem}.field-group{display:grid;gap:.75rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.field-label{color:var(--text-soft);text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.14em}.field-shell{position:relative}.field-input{width:100%;border:0;border-radius:.75rem;background:var(--surface-high);color:var(--primary);padding:1rem 3rem 1rem 1rem;font-size:1.35rem;font-weight:800}.field-input-money{padding-left:2rem;padding-right:4.5rem}.field-input:focus{outline:2px solid rgba(0,77,64,.24);background:var(--surface)}.field-prefix,.field-suffix{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-muted)}.field-prefix{left:1rem;font-weight:600}.field-suffix{right:1rem}.field-suffix-code{font-size:.68rem;font-weight:800;letter-spacing:.16em}.primary-button{border:0;border-radius:.75rem;background:var(--primary);color:var(--primary-contrast);padding:1.1rem 1.25rem;font-size:1rem;font-weight:800;letter-spacing:.03em}.results-column{display:grid;gap:1.5rem}.result-hero{position:relative;overflow:hidden;border-radius:1rem;background:var(--primary);color:var(--primary-contrast);padding:2rem}.result-hero:after{content:"";position:absolute;top:-2rem;right:-2rem;width:10rem;height:10rem;border-radius:999px;background:#94d3c129}.result-hero__label,.chart-title{margin:0;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.2em}.result-hero__value{position:relative;z-index:1;display:flex;align-items:baseline;gap:.35rem;margin-top:1rem}.result-hero__value span{font-size:1.4rem}.result-hero__value strong{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.06em}.result-hero__meta{position:relative;z-index:1;margin:.6rem 0 0;color:#e1f3ecb3;font-size:.8rem}.result-card{padding:1.5rem;background:var(--surface-low)}.result-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.result-row span{color:var(--text-muted);font-size:.92rem}.result-row strong{color:var(--primary);font-size:1.1rem}.progress-track{width:100%;height:.4rem;margin:1rem 0;border-radius:999px;background:var(--surface-high);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-soft),var(--accent))}.result-card-chart{background:var(--surface)}.chart-bars{display:flex;align-items:end;gap:.35rem;height:6rem;margin-top:1rem}.chart-bar{flex:1;border-radius:.2rem .2rem 0 0;background:linear-gradient(180deg,rgba(0,77,64,.35),var(--primary))}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.info-card{padding:1.5rem;background:var(--surface-low)}.info-card__icon{color:var(--primary)}.info-card h3{margin:.9rem 0 .5rem;color:var(--primary);font-size:1rem}.info-card p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;justify-content:space-around;align-items:center;height:4rem;padding:0 1rem;border-top:1px solid rgba(0,52,43,.08);background:#f8f9faeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav__item{display:grid;justify-items:center;gap:.2rem;color:#7a8a90;font-size:.65rem;font-weight:600}.mobile-nav__item-active{color:var(--primary)}.mobile-nav__item-active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.site-footer{padding:0 1rem 5.5rem;text-align:center;opacity:.3}.site-footer p{margin:0;color:var(--primary);text-transform:uppercase;font-size:.625rem;font-weight:800;letter-spacing:.4em}@media(max-width:980px){.page-layout{display:block}.sidebar-nav{display:none}.calculator-grid,.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.top-bar{padding:0 1rem}.top-nav{display:none}.page-layout{padding:5.5rem 1rem 6rem}.calculator-card,.result-hero,.result-card,.info-card{padding:1.25rem}.field-grid{grid-template-columns:1fr}.mobile-nav{display:flex}}