.calc-page{color:#fff;background:#000;max-width:1200px;min-height:100vh;margin:0 auto;padding:32px 24px 80px}.tool-back{color:#999;letter-spacing:.02em;margin-bottom:40px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-block}.tool-back:hover{color:#e5ffb8}.calc-header{margin-bottom:48px}.calc-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#e5ffb8;margin:0 0 12px;font-size:10px;font-weight:700}.calc-title{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1}.calc-title-green{background:linear-gradient(90deg,#fff 0%,#e5ffb8 30% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.calc-subtitle{color:#999;max-width:560px;margin:0;font-size:15px;line-height:1.6}.calc-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.calc-inputs{flex-direction:column;gap:8px;display:flex}.input-section{background:#0a0a0a;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.input-section-title{text-transform:uppercase;letter-spacing:.12em;color:#555;margin:0 0 20px;font-size:10px;font-weight:700}.input-row{margin-bottom:16px}.input-row:last-child{margin-bottom:0}.input-row label{flex-direction:column;gap:6px;display:flex}.input-label{color:#999;letter-spacing:.02em;font-size:12px;font-weight:600}.input-computed{color:#e5ffb8;font-weight:700}.input-wrap{background:#111;border:1px solid #ffffff1a;border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:#e5ffb859;box-shadow:0 0 0 3px #e5ffb80f}.input-prefix,.input-suffix{color:#555;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 10px;font-size:12px;font-weight:600}.input-wrap input[type=number]{color:#fff;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 4px;font-size:14px;font-weight:600}.input-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.input-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.calc-results{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.cash-flow-hero{text-align:center;border-radius:18px;padding:32px 28px;position:relative;overflow:hidden}.cash-flow-hero.green{background:#e5ffb80f;border:1px solid #e5ffb833}.cash-flow-hero.red{background:#ff50500f;border:1px solid #ff505033}.cash-flow-label{text-transform:uppercase;letter-spacing:.14em;color:#555;margin:0 0 12px;font-size:10px;font-weight:700}.cash-flow-value{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:800;line-height:1}.cash-flow-hero.green .cash-flow-value{background:linear-gradient(90deg,#fff 0%,#e5ffb8 40%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cash-flow-hero.red .cash-flow-value{color:#ff6b6b}.cash-flow-annual{margin:0;font-size:13px;font-weight:600}.cash-flow-hero.green .cash-flow-annual{color:#e5ffb899}.cash-flow-hero.red .cash-flow-annual{color:#ff6b6b99}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-card{text-align:center;background:#0a0a0a;border-radius:14px;padding:18px 16px}.metric-card.green{border:1px solid #e5ffb82e}.metric-card.yellow{border:1px solid #ffc85033}.metric-card.red{border:1px solid #ff505033}.metric-card.neutral{border:1px solid #ffffff0f}.metric-label{text-transform:uppercase;letter-spacing:.12em;color:#555;margin:0 0 8px;font-size:9px;font-weight:700}.metric-value{letter-spacing:-.03em;margin:0 0 4px;font-size:1.5rem;font-weight:800}.metric-card.green .metric-value{color:#e5ffb8}.metric-card.yellow .metric-value{color:#ffc850}.metric-card.red .metric-value{color:#ff6b6b}.metric-card.neutral .metric-value{color:#fff}.metric-hint{color:#555;margin:0;font-size:10px}.breakdown-card{background:#0a0a0a;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.breakdown-title{text-transform:uppercase;letter-spacing:.12em;color:#555;margin:0 0 16px;font-size:10px;font-weight:700}.breakdown-table{flex-direction:column;gap:0;display:flex}.breakdown-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.breakdown-row:last-child{border-bottom:none}.breakdown-row.income{color:#e5ffb8}.breakdown-row.income span:last-child{font-weight:700}.breakdown-row.expense{color:#999}.breakdown-row.expense span:first-child{color:#555}.breakdown-row.total{border-top:1px solid #ffffff1a;border-bottom:none;margin-top:4px;padding-top:14px;font-size:14px;font-weight:800}.breakdown-row.total.green{color:#e5ffb8}.breakdown-row.total.red{color:#ff6b6b}.calc-cta{text-align:center;background:#e5ffb80d;border:1px solid #e5ffb81f;border-radius:16px;padding:24px}.cta-text{color:#999;margin:0 0 16px;font-size:14px}.cta-btn{color:#000;letter-spacing:-.01em;background:#e5ffb8;border-radius:60px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block}.cta-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.calc-layout{grid-template-columns:1fr}.calc-results{position:static}.metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.calc-page{padding:24px 16px 60px}.metrics-grid{grid-template-columns:1fr 1fr}}
