body{font-family:'Vazir',sans-serif;background-color:#e0f7fa;direction:rtl}.height-predictor-container{max-width:900px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:2px solid #42a5f5}#growth-chart-form{padding:20px;background:#f5f5f5;border-radius:8px}#growth-chart-form label{display:block;font-size:16px;color:#333;font-weight:700;margin-bottom:5px}#growth-chart-form input[type=number],#growth-chart-form select{width:100%;padding:10px;border:1px solid #42a5f5;border-radius:5px;font-size:16px;text-align:right}#growth-chart-form select{appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="#42a5f5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;background-size:12px;padding-right:30px}.gender-options{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.gender-options input{display:none}.gender-options label{padding:8px 15px;background:#e0e0e0;border-radius:20px;cursor:pointer;transition:background .3s}.gender-options input:checked+label{background:#42a5f5;color:#fff}#growth-chart-form button{background:#42a5f5;color:#fff;padding:12px;border:none;border-radius:5px;width:100%;font-size:16px;cursor:pointer;transition:background .3s;margin-top:15px}#growth-chart-form button:hover{background:#1976d2}#growth-result{margin-top:30px}.result-card{background:linear-gradient(135deg,#bbdefb,#42a5f5);color:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.result-card img{width:80px;margin-bottom:15px}.result-card p{font-size:20px;margin:0 0 10px;color:#333;font-weight:700}.result-card .growth-stats{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}.result-card .growth-stat{background:#fff;color:#333;padding:10px 20px;border-radius:8px;border:2px solid #42a5f5;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;min-width:120px;text-align:center}.result-card .growth-stat:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.2)}.result-card h3{font-size:24px;margin:0;color:#fff}.result-explanation{background:#f5f5f5;padding:15px;border-radius:8px;margin-top:20px;border:1px solid #42a5f5;color:#333}.result-explanation h4{font-size:18px;color:#42a5f5;margin-bottom:10px}.result-explanation p{font-size:14px;line-height:1.5}#growth-table{background:#fff;padding:10px;border:1px solid #42a5f5;border-radius:5px}#growth-table table{width:100%;border-collapse:collapse}#growth-table th,#growth-table td{padding:8px;text-align:center;border:1px solid #ddd}#growth-table th{background:#42a5f5;color:#fff}#growth-chart{background:#fff;border:1px solid #42a5f5;border-radius:5px;padding:10px}.reset-button-container{text-align:center;margin-top:20px}.reset-button{background:#42a5f5;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none;font-size:16px;transition:background .3s}.reset-button:hover{background:#1976d2}@media (max-width:600px){.height-predictor-container{width:90%;padding:15px}#growth-chart-form input[type=number],#growth-chart-form select,#growth-chart-form button{font-size:14px}#growth-chart-form button{margin-top:15px}.result-card p{font-size:16px}.result-card h3{font-size:20px}.result-card .growth-stats{gap:10px}.result-card .growth-stat{min-width:100px;padding:8px 15px}.result-explanation h4{font-size:16px}.result-explanation p{font-size:12px}#growth-table th,#growth-table td{font-size:12px;padding:5px}.reset-button{font-size:14px;padding:10px 20px}.result-card img{width:60px;margin-bottom:10px}}