*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f7fa;padding:40px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h3{margin-bottom:20px;font-size:1.5rem}.form-field{flex-direction:column;margin-bottom:20px;display:flex}.form-field label{margin-bottom:8px;font-weight:600}.form-field label span{color:red}.form-field input,.form-field textarea,.form-field select{border:2px solid #e9ecef;border-radius:6px;padding:10px;font-family:inherit;font-size:1rem}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#4361ee;outline:none}.form-option{align-items:center;margin-bottom:10px;display:flex}.form-option input{width:auto;margin-right:8px}.form-option label{margin-bottom:0;font-weight:400}.form-submit-btn{color:#fff;cursor:pointer;background:#4361ee;border:none;border-radius:6px;padding:12px 30px;font-weight:600;transition:all .3s}.form-submit-btn:hover{background:#3a0ca3}#output{font-size:3rem}hr{margin-top:100px}