:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh;background:#f5f5f5}.container{max-width:800px;margin:2rem auto;padding:0 1rem}.form-container{display:flex;gap:2.5rem;margin-bottom:2rem;padding:1.5rem;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{flex:1}label{display:block;margin-bottom:.5rem;font-weight:500;white-space:nowrap;color:#2c3e50}input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}input:focus{outline:none;border-color:#4bc0c0;box-shadow:0 0 0 2px #4bc0c01a}input:invalid{border-color:#f44}.results-container{display:flex;gap:2rem;margin:2rem 0}.milestones{flex:1;padding:1rem;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.milestone{margin-bottom:1rem;display:flex;justify-content:space-between;padding:.5rem;background:#f8f9fa;border-radius:4px}.milestone:last-child{margin-bottom:0}.milestone strong{color:#2c3e50}.chart-container{margin-top:2rem;background:white;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1,h2{color:#2c3e50}h2{margin-top:0;font-size:1.25rem;margin-bottom:1rem}