body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);align:center}.result{margin-top:20px;background-color:#e9e9e9;padding:20px;border-radius:8px}pre{background:#f4f4f4;padding:10px;border-radius:4px;overflow-x:auto}h1{text-align:center;margin-bottom:20px}h1 a{text-decoration:none;color:#333;transition:color .3s}h1 a:hover{color:#007bff}.menu{display:flex;justify-content:center;list-style:none;padding:0;margin-bottom:20px}.menu li{margin:0 15px}.menu a{text-decoration:none;color:#007bff;padding:10px 15px;border-radius:4px;transition:background .3s}.menu a:hover,.menu a.active{background:#007bff;color:#fff;text-decoration:none}form{text-align:center;margin-top:20px}label,input{font-size:18px;margin:10px 0}input[type="text"]{width:300px;padding:10px;margin-right:10px;border-radius:15px}input[type="submit"]{padding:10px 20px;font-size:16px;cursor:pointer;border-radius:8px}input[type="number"]{width:2px;padding:10px;margin-right:10px;border-radius:4px}