\n
\n\n
\n\nLife Stage Calculator
\n \n
\n \n
\n \n \n \n \n
Results
\n
\n
\n
\n\n\n\n\n\n\n#life-stage-calculator {\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n max-width: 100%;\n width: 960px;\n margin: 0 auto;\n background: #ffffff;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);\n border: 1px solid #e5e7eb;\n}\n\n.calculator-header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 40px 30px;\n color: #ffffff;\n}\n\n.calculator-header h1 {\n margin: 0 0 10px 0;\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.02em;\n}\n\n.calculator-header p {\n margin: 0;\n font-size: 16px;\n opacity: 0.95;\n line-height: 1.6;\n}\n\n.calculator-body {\n padding: 40px 30px 30px 30px;\n background: #ffffff;\n}\n\n.calculator-section {\n margin-bottom: 20px;\n}\n\n.calculator-section h3 {\n margin: 0 0 10px 0;\n font-size: 18px;\n color: #374151;\n font-weight: 600;\n}\n\n.input-row {\n display: flex;\