*{box-sizing:border-box}body{color:#1f2937;background:#f4f7fb;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{min-height:100vh}.developer-footer{text-align:center;padding:0 16px 32px}.developer-badge{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:14px 20px;font-size:14px;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.developer-badge strong{color:#257be0}.developer-badge:hover{background:#eff6ff;border-color:#257be0}.developer-badge:focus-visible{outline-offset:4px;outline:3px solid #257be0}.hero{color:#fff;text-align:center;background:linear-gradient(#2f8df3 0%,#257be0 100%);padding:76px 20px 160px}.hero h1{margin:0 0 16px;font-size:46px;font-weight:800}.hero p{opacity:.9;margin:0;font-size:20px}.card{background:#fff;border-radius:24px;width:min(760px,100% - 32px);margin:-100px auto 48px;padding:36px;box-shadow:0 28px 80px #1e40782e}label{color:#64748b;flex-direction:column;gap:9px;margin-bottom:22px;font-size:15px;font-weight:700;display:flex}input,select{color:#0f172a;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;height:58px;min-height:58px;padding:0 18px;font-family:inherit;font-size:19px;line-height:58px;transition:all .2s}input:focus,select:focus{border-color:#2f8df3;box-shadow:0 0 0 4px #2f8df321}select{background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:48px}.years-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.data-note{color:#64748b;margin:-4px 0 18px;font-size:14px;line-height:1.5}button{color:#fff;cursor:pointer;background:linear-gradient(#4ade80,#22c55e);border:none;border-radius:16px;width:100%;height:64px;margin-top:8px;font-size:22px;font-weight:800;transition:all .2s;box-shadow:0 12px 26px #22c55e47}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px)}button:disabled{opacity:.7;cursor:not-allowed}.result{color:#14532d;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:18px;margin-top:28px;padding:24px;font-size:22px;font-weight:800;line-height:1.4}.chart-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:18px;height:420px;margin-top:30px;padding:24px;position:relative}.chart-legend{align-items:center;margin-bottom:18px;display:flex}.legend-item{color:#334155;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.legend-line{background:#2f8df3;border-radius:999px;width:34px;height:4px}.svg-chart{width:100%;height:calc(100% - 40px);overflow:visible}.chart-point{cursor:pointer;transition:all .2s}.chart-point:hover{r:9}.chart-tooltip{color:#fff;pointer-events:none;white-space:nowrap;z-index:10;background:#0f172a;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 24px #0000002e}.error{color:#b91c1c;background:#fef2f2;border-radius:14px;margin-top:20px;padding:16px;font-weight:700}@media (width<=640px){.hero{padding:56px 20px 130px}.hero h1{font-size:34px}.hero p{font-size:17px}.card{border-radius:20px;padding:24px}.years-grid{grid-template-columns:1fr;gap:0}.chart-wrapper{height:360px;padding:16px}}